商用でも完全に無料！ レトロで温もりのあるかわいい日本語フリーフォント「しっぽり太ゴシック」「しっぽり太ゴチック」
Post on:2023年10月11日
「しっぽり明朝」「しっぽりアンチック」など、人気のフリーフォントをリリースされているフォントダスさんから、読みやすくて目に優しい太ゴシック体と太ゴチック体の2つのフリーフォントがリリースされました！ 平筆で描いたような太 […]
CSSの新しいプロパティ「field-sizing: content;」が便利！ フォームのサイズを入力された文字量に合わせて自動変更
Post on:2023年10月10日
今まではJavaScriptを使用しないとできなかったことが、たった1行のCSSで簡単に実装できるようになります。フォームのtextareaに文字を入力すると、その文字量に合わせてサイズを自動で変更するCSSの新しいプロ […]
その一手間で、デザインはかなりよくなる！ ロゴのアイデアやテクニックが詳しく解説された良書 -イメージをカタチにするロゴデザイン
Post on:2023年10月6日
※本ページは、アフィリエイト広告を利用しています。 こういうロゴデザインの解説書を待っていた人も少なくないと思います。 自分が考えたものをカタチにしたい、クライアントの要望をカタチにしたい、そんなイメージが伝わるロゴの作 […]
古いリセットCSSからはもう卒業！ モダンブラウザに最適化された新しいリセットCSS -A (more) Modern CSS Reset
Post on:2023年10月5日
モダンブラウザをターゲットにしたWeb制作では、リセットCSS自体が必要ないかもしれません。とは言っても、設定しておきたいスタイルや一部のブラウザ用に設定しておきたいスタイルがあります。 現在のWeb制作に合わせて制作さ […]
CSSのsubgridがすべてのブラウザにサポートされたので、カード内の見出しやテキストを簡単に揃えることができます
Post on:2023年10月4日
先日の記事（Chrome 117でサポートされたCSSの6つの新しい機能とプロパティ）で触れましたがCCSS Gridのsubgrid値が、grid-template-columnsとgrid-template-rows […]
知っておくと便利！ CSSだけで要素がスクロールできるかどうかを検出する方法
Post on:2023年10月3日
CSSだけで要素がスクロールできるかどうかを検出する方法を紹介します。 先日紹介したスクロール駆動アニメーション（Scroll-Driven Animations）はスクロール可能なオーバーフローがある場合にのみアクティ […]
2023年読書の秋、AmazonでKindle本の特大セールが開催！ Web制作やUIデザイン、イラスト関連の良書が半額で、超お買い得です
Post on:2023年10月2日
※本ページは、アフィリエイト広告を利用しています。 Kindle本の特大セール、読書の秋キャンペーンが開催しています。Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、ディレクションやマーケティング、同人誌・ […]
情報整理から視線誘導まで、レイアウトに関するテクニックがこれでよく分かるデザイン書 -知りたいレイアウトデザイン
Post on:2023年9月29日
※本ページは、アフィリエイト広告を利用しています。 Webサイトやスマホアプリをはじめ、バナー、カード、雑誌やカタログなどで、情報を分かりやすく整理し、的確に伝えるためにもっとも重要なことはレイアウトを工夫することです。 […]
CSSはこんなにも進化していたのか！ CSSのかなり高度なテクニック -Expert CSS: The CPU Hack
Post on:2023年9月28日
当ブログの記事でも、JavaScriptで実装していたのがCSSで実装できるようになりました、と今までにいくつか紹介してきましたが、今回紹介するのはそれらとはかなり異なるCSSのかなり高度なテクニックです。 CSSでCP […]
Webデザインの配色に悩んだときの参考になる！ UI要素のさまざまなカラースキームをまとめた配色サイト -Spectrum.Art
Post on:2023年9月27日
WebサイトのUIに使用するヘッダ、ボタン、イラスト、カード、カラム、ラインなど、UI要素のさまざまなカラースキームをまとめた配色サイトを紹介します。 カラースキームはページ全体、コンポーネントごとにまとめられており、そ […]
sponsors
