サイト構築 -実装
Adobeユーザーはダウンロードしておこう！ Adobe Fontsで使用できる日本語フォントすべてを一覧できるPDF 2025年最新版
Post on:2025年2月26日
2月に、Adobe Fontsで使用できる日本語フォントが増えました！（紹介記事） 今回のアップデートでは、新時代のバリアブルフォント「百千鳥 VF」をはじめ、あの「きりぎりす」のデザインシグナルからも日本語フォントが大 […]
わずか数行のコードで1つの要素を別の要素にスムーズに遷移させる、フレームワークに依存しないJavaScript -Blendy
Post on:2025年2月19日
数行のコードと外部スクリプトを記述するだけで、1つの要素を別の要素にスムーズに遷移させるJavaScriptを紹介します。 フレームワークやライブラリなど他のスクリプトに依存することなく、単体で動作し、もちろん他のフレー […]
Web制作者は要チェック！ Chrome 133で新しく追加された7つのCSSの機能
Post on:2025年2月18日
Chrome 133で追加された、CSSの新しい機能7つを紹介します。 今回のアップデートで目玉となるのはattr()関数のパワーアップ、新しい疑似クラス:open、スクロール状態のコンテナクエリ、テキストの垂直方向の整 […]
これは覚えておきたい！ モダンCSSで実装する、記事は中央に画像は幅いっぱいにフルブリードレイアウトを実装するテクニック
Post on:2025年2月13日
フルブリードレイアウトとは最近のWebサイトのUIでもよく見かける、記事は中央配置に、画像や動画などは幅いっぱいに表示されるレイアウトのことです。これまではCSS Gridなどで実装されていたと思いますが、今回紹介するの […]
2025年、Adobeユーザーにさっそくの朗報！ Adobe Fontsに日本語フォントが大量追加、CCユーザーは無料で使えます
Post on:2025年2月12日
2/13に開催されるAdobe MAX Japan 2025に先だって、Adobe Fontsで使用できる日本語フォントが大量に増えました！ Adobe FontsはAdobe CCユーザーはもちろん全部使えますが、無料 […]
Web制作者は要チェック！ 2025年、Webサイトやスマホアプリの実装に役立つモダンCSSのスニペットのまとめ
Post on:2025年2月6日
Google Chromeの開発マネージャーであり、The CSS Working Groupのメンバーでもあり、VisBugやOpenPropsなどの開発者でもあるAdam Argyle氏による、2025年のUI/UX […]
商用利用も完全無料！ UIデザインに最適、シンプルなデザインでパフォーマンスに影響を与えない超軽量のSVGアイコン素材 -Next Icons
Post on:2025年2月5日
Webサイトやスマホアプリでよく使用するUI用のSVGアイコンを紹介します。 アイコンはシンプルで一貫性のあるデザインで、サイトやアプリのパフォーマンスに影響を与えないよう非常に軽量サイズで設計されています。 Next […]
画像のalt属性には何を書けばよいか、WAIによるチュートリアルにその答えがありました
Post on:2025年2月4日
画像のalt属性に何を記述すればよいか、悩むことはありませんか？ その一つの答えがWAIによるチュートリアルにありました。画像にテキストが含まれている場合はどうすればよいか、リンクやボタンとして使用している画像なのか、装 […]
こんなやり方があったとは！ 境界線付きのボックスのスタイルを任意の要素に実装できるCSS -fieldset-legend.css
Post on:2025年1月30日
フォーム要素のグループ化で使用されるfieldsetの境界線付きボックスとlegendの見出しを任意の要素に実装できるCSSを紹介します。 divやarticleを境界線付きボックスにし、h1を見出しにして下記のように実 […]
CSSのattr()関数がパワーアップ！ また一つJavaScriptでしかできなかったことがCSSだけでできるになります
Post on:2025年1月28日
CSSのattr()関数は、HTMLの属性に記述した値をCSSで使用できる便利な機能です。たとえば、hrefに記述した値をリンクとして表示したり、titleに記述した値を画像のキャプションとして表示したり、data-でさ […]
sponsors
