サイト構築 -実装
CSSの:has()疑似クラスの便利な使い方を徹底解説
Post on:2022年4月21日
先日の記事で:has()疑似クラスがSafariでサポートされ、こんなことができるというのを紹介しましたが、さらに:has()疑似クラスを掘り下げ、Webサイトやアプリでの便利な使い方を紹介します。 :has()疑似クラ […]
Web制作にすごい役立つ！ コードの軽量化や整形・ファビコンやQRコード作成・PDF変換など、便利ツールが一箇所で利用できる -ToolsOcean
Post on:2022年4月19日
CSSやJavaScriptのミニファイ（軽量化）、HTMLやCSSやJavaScriptのフォーマッター、各種エンコード・デコード、QRコードの生成、カラー値変換、画像の最適化、ファビコン画像生成、ダミーテキスト生成、 […]
Web制作者におすすめ！ Win, Mac対応、クラウドでの同期機能も備えた最強のコードスニペットマネージャー -massCode
Post on:2022年4月18日
Web制作者・デベロッパー向けに、クラウドでの同期機能も備えたオープンソースのコードスニペットマネージャーを紹介します。 macOS, Windows対応のアプリで、Web制作のさまざまな言語をサポートしています。日本語 […]
Web制作者はしっかりと理解しておきたい！ CSSにおけるレイアウトアルゴリズムを解説
Post on:2022年4月14日
CSSを理解するには、プロパティや値を知っているだけでは不十分です。CSSのレイアウトアルゴリズムがどのように機能するかを理解する必要があります。 ブログやツイートで便利なCSSスニペットが紹介されていても、なぜ機能する […]
最近のUIデザインで見かける、美しいCSSグラデーションのコードのまとめ -Design Gradients
Post on:2022年4月13日
プロのデザイナーによってキュレーションされた、美しいCSSグラデーションのコードを紹介します。さまざまなUIコンテンツやデジタルアートの背景にぴったりな線形グラデーションです。 Design Gradients
CSSのコンテナクエリと:has()擬似クラスを使用すると、こんなことができるようになる
Post on:2022年4月12日
CSSのコンテナクエリと:has()疑似クラスを使用するとこんなことができる、というのをGoogleデベロッパーのUna氏が公開していたので、紹介します。 簡単に説明すると、:has()疑似クラスは引数の要素を含んでいる […]
Adobe Fonts日本語書体一覧のPDF 2022年4月版、利用できる日本語フォントすべてと新しいフォントパックが登場
Post on:2022年4月11日
フォントの日（4/10）に、Adobe Fontsの日本語書体一覧のPDFがアップデートされました！ 先週お伝えした、「白舟書体」や「ムーロンタイプ」などの新しいフォント55書体をはじめ、Adobe Fontsで利用でき […]
Adobe CCユーザーに朗報🎉 Adobe Fontsに白舟書体・手書き屋本舗などの日本語フォントが大量追加されました！ -2022年4月
Post on:2022年4月7日
フォントの日（4/10）がもうすぐですね！ おそらく、フォントの日にちなんでだと思うのですが、Adobe Fontsに日本語フォントが大量に追加されたので、紹介します。 Adobe Fontsに追加された日本語フォント
最近のランディングページで見かける！ スクロールに連動して背景画像をアニメーション化できるバニラJavaScriptのライブラリ -ScrollMovie.js
Post on:2022年4月6日
マウスのスクロールやキーボード操作、スマホのスワイプ操作に連動して背景画像をアニメーション化し、まるでスクロールで動画を操作しているかのようなコンテンツを実装できるバニラJavaScriptのライブラリを紹介します。 プ […]
これまでとは異なるCSSフレームワークが登場！ 一貫性のあるUIコンポーネントを簡単に実装できる -Open Props
Post on:2022年4月5日
これまでとは異なるCSSフレームワークが登場しました！ Tailwind CSSのようにユーティリティファーストで、すべての値がCSS変数（カスタムプロパティ）で記述されています。レスポンシブ対応で一貫性のあるUIコンポ […]
sponsors
