プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.7
Post on:2021年7月27日
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第7弾は、テキストや要素をより分かりや […]
Kindle本 夏のビッグセールが開催中！UIデザイン、Web制作、配色、イラスト関連の良書がたくさん半額です
Post on:2021年7月26日
Kindle本 夏のビッグセールでWebや紙のデザイン、配色のアイデア、同人誌・絵師さん向けのイラスト関連の良書がたくさん対象です！ セール期間は2021年8月5日（木）まで。 対象のKindle本は最安値（当方調べ）な […]
デザインのスキルが確実に身につく良書！字詰めのやり方を日本人タイプデザイナーが徹底解説 -タイポグラフィにおける文字間調整の考え方
Post on:2021年7月21日
デザインのスキルを身につけたいと思った時に文字のデザイン、字詰めをあげるデザイナーは少なくないと思います。文字は、ロゴ、コピー、タイトル、見出し、本文のクオリティに影響を与える重要なデザイン要素です。 字詰めは感覚的な表 […]
コーディングに役立つ！Visual Studio Codeのちょっとかゆいところに手が届くような便利な機能とテクニック
Post on:2021年7月20日
あまり知られていないけれど、コーディングの作業が捗るVS Codeの機能とテクニックを紹介します。 今開いているファイルを残しながら新しいファイルを開けるようにしたり、コード内のコメントのカラーだけを自分好みに変更する方 […]
新しいCSSリセットはシンプルで軽量！CSSの新しい機能を使用したCSSリセット -The New CSS Reset
Post on:2021年7月19日
CSSの新しい機能は主要ブラウザでのサポートが進んでいます。例えば、1年くらい前にサポートされはじめたセレクタの詳細度を0にする:where()も、現在では主要ブラウザのすべてでサポートされています。 CSSの新しい機能 […]
レスポンシブ対応のレイアウトやコンポーネントだけを実装するCSSのシンプルなコードのまとめ -SmolCSS
Post on:2021年7月16日
Webサイトでよく使用するレスポンシブ対応のシンプルなグリッドやサイドバー、フレキシブルなパディングの実装、ギャラリーやカード型レイアウトなど、レイアウトやコンポーネントを実装するCSSのコードを紹介します。 CSSの実 […]
webpファイルをPhotoshopで開く・書き出すことができる機能拡張 -WebPShop
Post on:2021年7月16日
最近増えてきたwebpファイルをPhotoshopで開いたり、書き出すことができる無料の機能拡張を紹介します。 更新: 2021/11/1: Photoshop 2022もwebpをサポートしていませんが、ここで紹介する […]
Web制作に役立つ！面倒なCSSのコードを簡単に生成できる便利ツールをまとめました
Post on:2021年7月15日
CSS GridやFlexboxでレイアウトを確認しながらコードを生成、box-shadowによる繊細なシャドウを見ながらコードを生成、さまざまな区切り線、border-radiusやclip-pathによるさまざまな形 […]
ビジネスやオンラインショップに使えるおしゃれなイラスト素材！商用プロジェクトでも完全に無料 - Scale
Post on:2021年7月14日
Webサイトやスマホアプリなど、商用プロジェクトでも完全に無料で、ロイヤリティフリーで使用できるおしゃれなイラスト素材を紹介します。 イラストはベクターで、カラーやサイズを変更して使用できます。ファイルはベクターの.sv […]
スクロールに連動するアニメーションを実装する時は、JSのIntersection Observerを使用すると簡単に実装できる
Post on:2021年7月13日
スクロールに連動するアニメーションはIntersection Observerを使用すると、簡単に実装できます。カードUIがスクロールしてビューポートに表示されると、カード内の要素がアニメーションするUIを実装する方法を […]
sponsors
