サイト構築 -実装
これは朗報！ 日本も対象、AIコードエディタのCursor Pro有料版が1年間無料になるキャンペーンが開催、ただし学生のみ
Post on:2025年5月12日
HTMLやCSSをはじめ、プログラミング、文章などもAIの力でぐっと楽にしてくれるAIコードエディタのCursor Pro有料版が1年間無料になるキャンペーンが開始されたので、紹介します。 対象となるのは、学生のみ。 私 […]
カルーセルはもうCSSだけで実装できる！ 疑似要素::scroll-button()と::scroll-marker()の使い方を解説
Post on:2025年5月8日
Chrome 135でサポートされた::scroll-button()疑似要素は、疑似要素としてインタラクティブなスクロールボタンを作成できます。さらに::scroll-marker()疑似要素は、スクロールコンテナ内の […]
Web制作者は要チェック！ Chrome 136で新しく追加された6個のCSSの機能
Post on:2025年5月7日
先日アップデートされたChrome 136に追加された、CSSの新しい機能を紹介します。今回のアップデートでは:visitedの仕様が変わり、セキュリティの向上とともに訪問済みリンクのスタイル適用も変わります。また、dy […]
CSSグラデーションで日の丸が実装できるとは驚いた！ 日本の国旗をたった3行のCSSで実装するテクニック
Post on:2025年4月24日
昨日、Xで話題になっていたCSSで実装する日本の国旗、日の丸を紹介します。 HTMLはdiv一つだけで、あとはたった3行のCSSで簡単に実装できます。もちろん、レスポンシブにも対応しています。
UIデザイン用のアクセシブルなカラーパレットを自動生成するツール -Accessible Color Palette Generator
Post on:2025年4月23日
UIデザイン用のカラーパレットを作成するのは、簡単そうに思うかもしれません。しかし、アクセシビリティの要件を満たし、ブランドのアイデンティティやスケールのバランスが取れたカラーパレットを作成するには手間と時間がかかります […]
ブックマークしておくと便利！ よく見かけるUIコンポーネントやUI要素を実装するCSSのまとめ -CSSnippets
Post on:2025年4月17日
Webサイトやスマホアプリでよく見かけるボタンやカード、フォーム、ローディングなど、UIコンポーネントやUI要素を実装するCSSのコード、Tailwind CSSのコード、さらにはReactのコードをまとめたCSSnip […]
CSSの:visitedの仕様が変わる！ 訪問済みリンクの履歴が分割される機能がChrome 136に実装されます
Post on:2025年4月16日
今月リリース予定のChrome 136で、訪問済みリンクの履歴検出攻撃を無効化する機能が実装される予定です。 簡単に説明すると、:visitedによるリンク履歴が分割される機能が実装され、サイトA上でクリックしたサイトB […]
CSSで幾何学模様や繊細なグラデーションなど、さまざまな要素の背景にパターンを実装できる -MotifyX
Post on:2025年4月15日
美しい幾何学模様のパターン、ドットやグリッドベースのパターン、繊細なカラーの変化が楽しめるダークグラデーション、マトリックスのような近未来のパターンなど、CSSで実装された背景パターンを紹介します。 商用プロジェクトでも […]
2025年4月、Adobeユーザーに朗報！ Adobe Fontsに日本語フォントとさらにGothamなどの英語フォントも大量追加、CCユーザーは無料で使えます
Post on:2025年4月9日
4/10のフォントの日に先立って、Adobe Fontsで使用できる日本語フォント・英語フォントが大量に追加されました！！ 今回は、バリアブルのカラーフォント「Moolong Candle Variable」をはじめ、「 […]
見た目はPhotoshop、頭脳はGIMP！ GIMP 3.0+をPhotoshop風にするパッチがいい感じ -PhotoGIMP
Post on:2025年4月8日
先月リリースされたGIMP 3.0（リリース記事）に対応した、GIMP 3.0+のUIやショートカットをPhotoshopみたいにするパッチを紹介します。 下記のキャプチャ画像は、私の環境でこのパッチを適用したGIMP […]
sponsors
