サイト構築 -実装
朗報！ Adobe Fontsの日本語フォントがついに600種類超えに、使用できる日本語書体一覧のPDF 2022年最新版
Post on:2022年11月7日
Adobe Fontsは2022年4月のアップデートに加え、10月にもアップデートされ、使用できる日本語フォントがついに600種類を超えました。それに伴い、Adobe Fontsの日本語書体一覧のPDFがアップデートされ […]
デベロッパツールの新機能が便利！ そのCSSがなぜ機能しないのか、どう修正すればよいのかが分かる
Post on:2022年11月2日
デベロッパーツールの地味だけど便利な新機能が実装されるので、紹介します。CSSの非アクティブなプロパティを表示し、それがなぜ機能しないのか、どう修正すればよいのか教えてくれる機能です。 たとえば、親がdisplay: f […]
CSSの新機能を効果的にうまく使った、新時代のCSSリセット -acab/reset.css
Post on:2022年11月1日
詳細度を0にする:where()、iOSのSafariで100vhが高さいっぱいにならないを解決できる新しいビューポート単位など、CSSの便利な新機能の各ブラウザでのサポートも完了し、すでに使用されている人も少なくないと […]
Web制作者は要チェック！ Figmaで無料利用できるUI用のデザインシステムのまとめ -Design Systems for Figma
Post on:2022年10月31日
Figmaで無料で利用できるWebサイトやスマホアプリのUI用のデザインシステムを紹介します。UIコンポーネント、カラー、アイコン、タイポグラフィなどがまとめられており、すぐにFigmaで利用できます。 Design S […]
CSSのスタイルクエリの基礎知識と使い方を解説、親要素の「スタイル」に応じて子要素のスタイルを適用
Post on:2022年10月27日
Chrome 106, Safari 16でサポートされたコンテナクエリは、親要素（コンテナ）のサイズに応じて子要素のスタイルを設定できる新機能です。しかし、これは機能の一部です。親要素のスタイルに応じて子要素のスタイル […]
Safari 16.1がリリース！ CSSの新機能とバグフィックス、ステージマネージャーによるiPadOSの新しいビューポートサイズ
Post on:2022年10月26日
最近のブラウザシェアは、デスクトップではChrome、スマホではSafariが主要ブラウザとなっています。Safari 16.1に実装されたCSSの新機能とバグフィックス、同時リリースされたiPadOS 16.1の新機能 […]
CSSの最新テクニック！ シンプルなHTMLとCSSで、オフキャンバスのメニューをポップアップで実装
Post on:2022年10月25日
この実装は、完全に想定外の発想でした！ スマホでよく見かけるドロワー、オフキャンバスのメニューをポップアップで実装するCSSの最新テクニックを紹介します。 オフキャンバスも確かにポップアップと同様にページ上に浮かぶように […]
なにこれ便利すぎる！ WebページのURLを入力すると、編集可能なFigma用に変換できるプラグイン -html.to.design
Post on:2022年10月24日
WebページのURLを入力するだけで、編集可能なFigmaデザインに変換できる無料プラグインを紹介します。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。W […]
これは便利！ Tailwind CSSのチートシート、v3対応、すべてのクラスとプロパティ・値を参照および検索もできる優れもの
Post on:2022年10月21日
Tailwind CSS v3がリリースされ、ますます注目されているTailwind CSSのチートシートを紹介します。 Tailwind CSSに使用されているすべてのクラスとそのプロパティ・値を参照および検索もでき、 […]
Webページの見栄えをよくするたった58バイトのCSS
Post on:2022年10月20日
ほとんどのWebページの見栄えをよくするたった58バイトのCSSを紹介します。 3つのプロパティだけですが、Webページを実装する時の最初のスタイルとして用意しておくとよいかもしれません。 また、ボーナスの100バイト版 […]
sponsors
