CSSで画像の上に表示するテキストをより読みやすく、より美しくするテクニック・実装方法のまとめ
Post on:2021年4月8日
画像の上にテキストを配置する際に、より読みやすく、より美しくするCSSのテクニックを紹介します。 CSSで画像上にテキストを表示する際に起こる問題に対するさまざまなアプローチと解決するための実装方法を解説。また、最近見か […]
Adobe Fontsに日本語フォントが大量追加！🎉 キリギリスや味明やルイカなど、Adobe CCユーザーは無料
Post on:2021年4月7日
Adobe CCユーザーに朗報です！🎉 Adobe Fontsにまたまた、191書体の大量の日本語フォントが追加されました。これでトータル436の日本語フォントが利用できます。
CSSで複数のセレクタを1つにまとめられる:is()、さらに詳細度を0にする:where()の使い方
Post on:2021年4月7日
CSSの新しいセレクタが、主要なすべてのブラウザにサポートされました（ただし、IEは除く）。複数のセレクタを1つにまとめられる:is()、同機能でさらにセレクタの詳細度を0にする:where()をどのように使い分ければよ […]
Figmaなら簡単！デザインシステムの作り方を詳しく解説
Post on:2021年4月6日
WebサイトやスマホアプリのデザインシステムをUI/UXデザインのコラボレーションツール「Figma」で制作する手順を紹介します。 カラーパレットをはじめ、タイポグラフィ、シャドー、アイコン、コンポーネントなど、Figm […]
商用無料のおしゃれな手描きイラストを使いたい人に！太っ腹ライセンスで利用できるイラスト素材 -Skribbl
Post on:2021年4月5日
個人でも商用でも完全に無料、クレジット表記の必要もなし、変更や編集も可の太っ腹ライセンスのイラスト素材を紹介します。 イラストはすべて手描きで、スタートアップ、ハンドなどの定番ものから、在宅勤務やCOVID-19、ファッ […]
Adobe XDによるUIデザイン・ワイヤーフレームの制作方法を豊富な実例から学べる、UIデザイナーにお勧めの良書
Post on:2021年4月2日
Adobe XDでWebサイトを制作したい、ワイヤーフレームの作り方を具体的に知りたい、コミュニケーションやプレゼンテーションツールとして活用したい、基本操作から実務レベルの使い方まで詳しくていねいに解説した一冊を紹介し […]
Flexboxで実装する定番レイアウトのコードのまとめ
Post on:2021年4月1日
Webページやスマホアプリに使用される一般的な定番レイアウトをCSS Flexboxで実装したシンプルなコードを紹介します。 ヘッダ・コンテンツ・フッタがあるレイアウトをはじめ、サイドバーがあるレイアウト、スマホに対応し […]
グラデーションのグレーデッドゾーン、真ん中辺りがグレーにくすむのを避ける方法、美しいグラデーションを作成する方法
Post on:2021年3月31日
美しい色を選んだのに、グラデーションがくすんでしまうことはありませんか？ 真ん中辺りがグレーにくすんでしまうのは、選択した2つのカラーを結ぶ線が色相環の真ん中を通過しているのが原因です。 美しいグラデーションを作成するた […]
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.3
Post on:2021年3月30日
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第3弾となる今回は、フォントやテキスト […]
地味に便利！さまざまなプロジェクトに適したHTMLのテンプレートを簡単に生成できる -HTML Boilerplates
Post on:2021年3月29日
普通に使えるシンプルなHTMLのテンプレートをはじめ、jQueryを使用するHTMLのテンプレート、Bootstrapを使用するHTMLのテンプレート、ソーシャルメディア用のタグを記述したHTMLのテンプレート、クッキー […]
sponsors
