サイト構築 -実装
border-shapeプロパティにこんな使い方があったとは！ 一つの要素だけ背景色を幅いっぱいに広げるモダンCSSのテクニック
Post on:2026年9月3日
section要素を積み重ねたときに、一つの要素だけ背景色をブラウザの幅いっぱいに広げるモダンCSSのテクニックを紹介します。 下記は2番目のテキスト要素のとこだけオレンジ色の背景色をブラウザの幅いっぱいに広げたものです […]
このデザインは一体何？ 長年のもやもやが解決、Adobeの管理画面で見かけるユーザー名横の謎アイコンの正体
Post on:2026年9月2日
Adobeを長年使用してきて、もやもやしていたのが、アイコンのデザインです。 円グラフにしてはバランスがおかしいし、右下にはなんか切れ端があるし、これって一体何だろう？ とずっと疑問に思っていました。
CSSの新機能！ 元のカラーの透明度だけ変更できる相対アルファカラーなど、Chrome 152で新しく追加された5個の機能
Post on:2026年9月1日
先週アップデートされたChrome 152に追加された、CSSとUIに関する新しい機能を紹介します。 今回のアップデートで注目すべきは、元のカラーの透明度だけ変更できる相対アルファカラー、HTMLのグローバル属性「aut […]
おお、これはかなり便利になる！ 複数のセレクタをまとめて対象にできるCSSの新機能クラスプレフィックスセレクタ
Post on:2026年8月27日
CSSで複数のセレクタをまとめて記述できたら楽なのに、と思ったことがある人も多いと思います。 .btn-primary, .btn-secondary, .btn-danger といった同じプレフィックスを持つ複数のクラ […]
目の疲れが劇的に改善される！ スクリーン全体を紙や電子インクのような質感するWin, Mac対応のアプリ -Paperman
Post on:2026年8月26日
ディスプレイが眩しい、なんだか目が疲れる、と感じたことはありませんか？ ディスプレイの輝度やコントラストを調整したり、濃淡や色味を変えている人もいると思います。また、ブルーライトを軽減するメガネをかけたりしているかもしれ […]
2026年最新版！ PhotoshopとIllustratorとPremiereで、プロのデザイナーがよく使うショートカットを一枚にまとめたチートシート
Post on:2026年8月24日
アドビ公式から、PhotoshopとIllustratorとPremiereの数あるショートカットの中で、プロのデザイナーによく使われているものをまとめた作業効率が劇的に上がるショートカットのチートシートを紹介します。
全部コピペで簡単に実装できる！ CSSで実装された、トレンドのテキストエフェクトをまとめたライブラリ -CSS Text Effects
Post on:2026年8月18日
ピュアCSSで実装された66種類のテキストエフェクトをまとめたライブラリを紹介します。JavaScriptや外部ライブラリへの依存はなし、HTMLとCSSだけで実装されており、コピペで簡単に利用できます。 幻想的なオーロ […]
Adobe Acrobatの自動更新が有効になっていると、Adobe Express Photosが勝手にインストールされる件
Post on:2026年8月17日
Windows環境でAdobe Acrobatの自動更新が有効になっていると、Adobe Express Photosが勝手にインストールされようになりました。 しかもこのAdobe Express Photosはアンイ […]
CSSの進化がすごい！ JavaScriptなしで、遷移元と遷移先で異なる挙動を実現するルートとナビゲーションの連携機能
Post on:2026年8月6日
HomeページからAboutページに移動する際はページ全体が左にスライド、AboutからHomeに戻る際は右にスライド、このように同じナビゲーションを使用して遷移元と遷移先で異なる挙動を実装するにはJavaScriptが […]
最近のデバイスに対応したブレイクポイントがすぐに分かる！ レスポンシブを設計する際に役立つツール -ScreenSize.net
Post on:2026年8月5日
各デバイスのスクリーンサイズの一覧表、ブレイクポイントはいくつに設定すればいいのか、ブレイクポイントが機能しているかなど、レスポンシブを実装する際に役立つツールがまとめて利用できるScreenSize.netを紹介します […]
sponsors
