CSS aspect-ratioプロパティの基礎知識、便利な使い方、実装に必要なプログレッシブエンハンスメント

ついにSafariでもaspect-ratioプロパティがサポートされると先日のWWDC21で発表がありました（参考: webkit.org）。これで主要ブラウザすべてにサポートされることになり、aspect-ratio...記事の続きを読む

16h

日本語フォントの特大激安セールが開催！274,795円分のフォント109書体が、たった2,980円で購入できます

去年の夏にやっていたベクターPCショップのセールが復活です！ 「メイリオ」などのフォントで有名なフォントデザイナー鈴木竹治氏のフォントブランド「Fonts66」のコンプリートパック 日本語フォント109書体274,795...記事の続きを読む

1d

クリスタでも使える高品質なブラシ素材！Photoshopの新作ブラシがAdobe公式から無料でダウンロードできるぞ

AdobeからPhotoshopの新作ブラシ、2021年夏のブラシがリリースされました！ 2021年夏のブラシは、草木、葉、芝生、草原、空、雲を描くブラシがセットになっており、Photoshop, Frescoをはじめ、...記事の続きを読む

2d

マンガや小説、同人誌の創作アイデアがいっぱい！「感情類語辞典」「場面設定類語辞典」など類語辞典シリーズ全部がKindleセールで半額以下で超お買い得です

当ブログでも好評だった類語辞典シリーズすべてが、Kindleセールで半額、または半額以下でお買い得です！ 普通の類語辞典とは全く異なり、創作に役立つアイデアやヒントが満載。小説、脚本、テレビ、映画、アニメ、マンガ、ラノベ...記事の続きを読む

5d

デザインを真剣に学びたい人にオススメ！PhotoshopやIllustratorで、プロのデザイナーがどのように考えてデザインを作っているのかまで解説された良書

デザインが上手くなりたい、デザインの考え方を知りたい、具体的な作り方を知りたい、そんなデザイナー初級者・中級者にお勧めの解説書を紹介します。 PhotoshopとIllustratorでのデザインの作り方とアイデアが92...記事の続きを読む

5d

これなら分かりやすい！Webサイトのデザイン仕様書・指示書の作り方

デザイナーがWebサイトのUIを実装する際にデベロッパーに渡すデザイン仕様書・指示書の作り方を紹介します。 仕様書を作成する基本ツール、指示に適したフォントやカラー、グリッドや要素間の距離を自動的に計算するツールをはじめ...記事の続きを読む

6d

CSS Flexboxで実装する時に役立つチートシート、高解像度で印刷して机の脇に貼っておくと便利です

CSS Flexboxを学ぶ人のために作成されたチートシートを紹介します。 Flexboxの各プロパティと値でレイアウトがどのようになるか一目できます。チートシートは高解像度版も無料でダウンロードでき、モニターの壁紙や印...記事の続きを読む

1w

GitHubで注目をあつめているHTML, CSS, JavaScriptのライブラリ・リソースのまとめ

GitHubで注目をあつめているHTML, CSS, JavaScriptのライブラリ・リソースを紹介します。 当ブログでもよく紹介しますが、見逃していたものがありました。 1年間分、52個もあるので、時間のあるときにチ...記事の続きを読む

2w

商用プロジェクトでも完全に無料！病院・医療・看護・健康に関するアイテムが揃ったアイコン素材 -Health Icons

医療・健康に関連したアイテムが揃ったアイコン素材を紹介します。 血液型のアイコン、医療機器・デバイスのアイコン、診療をあらわすアイコン、錠剤などの医薬品のアイコン、看護アイテムのアイコン、医療・健康の建物や場所のアイコン...記事の続きを読む

2w

HTMLを書いたり、修正する時に役立つVS Codeの機能拡張のまとめ

VS Codeには便利な機能拡張がたくさんありますが、その中から特にHTMLを書いたり、修正する時に役立つ機能拡張を紹介します。 VS Code Extensions for HTML by Chris Coyier 下...記事の続きを読む

2w