Google Fonts「Noto Serif CJK JP」を使ってみる
今年4月、「Google Fonts」に明朝体の書体「Noto Serif CJK」が発表されましたので、遅ればせながら使ってみました。 ［参照］ ・Google Developers Japan: Noto Serif…
TAM のテクニカルチームがお届けする WEB技術ブログ！
今年4月、「Google Fonts」に明朝体の書体「Noto Serif CJK」が発表されましたので、遅ればせながら使ってみました。 ［参照］ ・Google Developers Japan: Noto Serif…
Amazon Dashボタンについて Amazon Dashボタンをご存知でしょうか。 Amazonが提供している物理ボタンで、ボタンを押すことで設定した商品をお手軽に購入することができる便利グッズです。最近、対応商品が…
こんにちは。 僕はデザインとフロントエンドを兼ねて仕事をしているのですが、デザイン段階でCSSフレームワークのガイドラインを意識してデザインすると、コーディングが格段にスピードアップするのを実感しています。 本記事は今ま…
WordPressでデフォルトのログイン画面を使わずに、テーマのメインインデックステンプレート（index.php）に、オリジナルデザインのログイン画面を構築しサイトトップとして使用する機会があったのでご紹介します。 仕…
決まった寸法の領域に、縦横比もサイズもバラバラの画像を「うまいこと」表示しないといけないなんてことないでしょうか。 HTML + CSSで地味に苦労する上下左右中央とサイズの調整、未だに一発書きが出来ません。 flexb…
ブレンドモードとは？ 簡単にいうとPhotoshopやIllustratorで使うオーバーレイがなんとCSSでできちゃいます！ 残念ながらSafariの一部、IE, Edgeはサポートしていないので実際に案件で使うことは…
受託案件あるあるなのですが、普段の開発では git でコード管理していても、納品は zip ファイルにまとめて渡さなければならないことがありますね。gitでは、コマンドの組合せで差分の zip ファイルの作成もさくっと行…
Creative CloudアセットのCreative Cloud Extractを使用することでコーディングに必要だったスライスが不要、またCSSを自動生成してくれたり計測してくれます。 実際に使ってみました。 始める…
Google Maps APIを使用する場合、2016年6月22日よりAPIキーが必須になりました。 参考:標準プランのアップデート | Google Maps API の価格とプラン | Google Develope…
WordPressにそんなに慣れていない状態の人間がハマった表題の問題と、その対応についてです。 背景 WordPressのfunctions.phpでカスタム投稿タイプに紐づけたカスタム分類を設定したところ、 管理画面…