サイト構築
最近の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コンポ […]
商用利用無料！ マンガや同人誌用の可読性に優れたモリサワ BIZ UDゴシックの合成フォントがリリース -びぜんアンチック
Post on:2022年4月4日
マンガや同人誌などのト書きや長いセリフにぴったりな、可読性に優れた無料フォント「びぜんアンチック」がリリースされました！ 先日当ブログで紹介したMORISAWA BIZ UDゴシック（紹介記事）を使用した合成フォントで、 […]
最近のWebサイトで見かける！ フロントエンドのデベロッパーにもデザイナーにも役立つCSSの実装テクニックのまとめ
Post on:2022年3月31日
最近のWebサイトやアプリで見かけるUIコンポーネントやエフェクトを実装するCSSのテクニックを紹介します。 一昔前まではJavaScriptが必要だったりしましたが、現在ではCSSのみで実装できるようになり、覚えておく […]
プロのUIデザイナーに学ぶ特別編！ UIとUXの印象がよくなるデザインの知識とテクニックのまとめ 8ビットのドットUI
Post on:2022年3月29日
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 今回は特別編として、8ビットのドットU […]
VSCodeにおすすめのフォント！ OFLになったモリサワ BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」からスラッシュ付きゼロ対応版がリリース
Post on:2022年3月28日
VSCodeでHTMLやCSS、JavaScriptなどを書く人におすすめのフォントを紹介します。もちろん他の言語でもOKです。 先週紹介したMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV […]
sponsors
