サイト構築 -実装
QRコードをデザインする新しい方法で、かなり自由にデザインしてQRコードを作成できるオンラインツール -QR code designer
Post on:2023年6月5日
QRコードをかなり自由にデザインして作成できるオンラインツールを紹介します。他の今までのツールはエラー訂正レベルを使用していましたが、本ツールは違います。 先日リリースされたばかりの最新ツールです！ カラーを変更したり、 […]
HTMLメールの最近の実装方法を解説、tableは不要になりました
Post on:2023年6月1日
HTMLメールの実装で「tableか、、、」とため息をついていた人に朗報です。 tableを使用しなくてはいけなかった理由はWindows上のOutlookだったのですが、新しいOutlookではレンダリングエンジンがE […]
もうこれでSVGアイコンを探すときに困らない！ 無料で利用できるアイコンライブラリを横断検索できる便利サイト -Icônes
Post on:2023年5月31日
当ブログでもたくさんのSVGアイコンのライブラリを紹介してきましたが、それらのほとんどがひとまとめに閲覧・検索できる便利なサイトを紹介します。 複数のアイコンライブラリから探せるだけでなく、異なるライブラリのアイコンをま […]
Chromeのデベロッパーツールで、CSSの詳細度が表示されて便利になります
Post on:2023年5月30日
ようやくか、という声も聞こえてきそうですが、ChromeのデベロッパーツールでCSSの詳細度が表示されるようになります。 CSSを普段使用している人はセレクタを見ただけで詳細度が分かると思いますが、こういうちょっとしたア […]
朗報！ Google Fontsにかわいい日本語フォントが大量に追加されました -2023年5月
Post on:2023年5月29日
先週末、Google Fontsに大量のかわいい日本語フォントが追加されたので、紹介します。 SIL Open Font Licenseで、個人でも商用プロジェクトでも無料で利用できます。Webフォントをはじめ、ゲームや […]
これでよく分かる！ 2023年、モダンCSSとUIの新しい機能のまとめ
Post on:2023年5月25日
2023年もCSSとUIの進化がすごいです！ 先日開催されたGoogle I/O 2023から、各ブラウザにサポートされたモダンCSSの新機能をはじめ、まもなくサポートされる機能まで、CSSの新しい機能を紹介します。 コ […]
CSSのブレンドモードを美しいデモでインタラクティブに学べる -Brad Woods' Digital Garden
Post on:2023年5月17日
CSSのブランドモードは、知っているけどあまり使用したことがないという人もいると思います。そんなCSSのブレンドモードを使用して、さまざまな美しいデモでインタラクティブに学べるサイトを紹介します。 CSSのブレンドモード […]
CSS コンテナクエリ（@container）の便利な使い方を解説
Post on:2023年5月16日
CSSのコンテナクエリとは、親コンテナに基づいてスタイルを定義できるCSSの新機能です。これによりコンポーネントを複数のコンテクストで使用でき、コンポーネント単位の実装も簡単になります。 2023年2月14日にFiref […]
プレーンなHTMLで、ミニマルなWebサイトを素早く構築できるシンプルなCSSのフレームワーク -Neat CSS
Post on:2023年5月16日
ポートフォリオやブログ、テキストサイトやシンプルなショップなど、ミニマルなWebサイトを素早く構築できるシンプルなCSSのフレームワークを紹介します。 HTMLもシンプルでプレーンなため、実装は簡単です。CSSはそのまま […]
CSSでこんな実装ができるとは！ 美しい光がきらり✨とボーダーに沿って回転するボタン -Button Shimmer Tricks
Post on:2023年5月15日
ぱっと見は普通の角丸ボタン、CSSグラーデションで実装された美しい光がきらりとボーダーに沿って回転するボタンを実装したデモを紹介します。 小さなボタンですが、CSSコンテナクエリをはじめ、CSSによるマスク、hsl()の […]
sponsors
