こいつ、動くぞ！ UIデザインでよく使用されるSVG完備のアイコン素材、しかもオープンソースで商用無料 -Potlab Icons
Post on:2022年11月8日
WebサイトやスマホアプリのUIでよく見かける、かわいいアニメーションで実装されたSVGアイコンを紹介します。 紙飛行機が飛ぶメールアイコン、アローが下向きに動くダウンロードアイコン、上向きに動くアップロードアイコンをは […]
朗報！ Adobe Fontsの日本語フォントがついに600種類超えに、使用できる日本語書体一覧のPDF 2022年最新版
Post on:2022年11月7日
Adobe Fontsは2022年4月のアップデートに加え、10月にもアップデートされ、使用できる日本語フォントがついに600種類を超えました。それに伴い、Adobe Fontsの日本語書体一覧のPDFがアップデートされ […]
PhotoshopとIllustratorのスキルを磨きたい人にオススメ！ デザインやイラストのテクニックを完全網羅した解説書 -デザインテクニック大全
Post on:2022年11月4日
デザインやイラストの必携ツールといえば、PhotoshopとIllustratorを挙げる人が多いと思います。PhotoshopとIllustratorの新機能をはじめ、リアルな質感、手描き加工、アナログ加工、光加工、テ […]
デベロッパツールの新機能が便利！ そのCSSがなぜ機能しないのか、どう修正すればよいのかが分かる
Post on:2022年11月2日
デベロッパーツールの地味だけど便利な新機能が実装されるので、紹介します。CSSの非アクティブなプロパティを表示し、それがなぜ機能しないのか、どう修正すればよいのか教えてくれる機能です。 たとえば、親がdisplay: f […]
CSSの新機能を効果的にうまく使った、新時代のCSSリセット -acab/reset.css
Post on:2022年11月1日
詳細度を0にする:where()、iOSのSafariで100vhが高さいっぱいにならないを解決できる新しいビューポート単位など、CSSの便利な新機能の各ブラウザでのサポートも完了し、すでに使用されている人も少なくないと […]
Web制作者は要チェック！ Figmaで無料利用できるUI用のデザインシステムのまとめ -Design Systems for Figma
Post on:2022年10月31日
Figmaで無料で利用できるWebサイトやスマホアプリのUI用のデザインシステムを紹介します。UIコンポーネント、カラー、アイコン、タイポグラフィなどがまとめられており、すぐにFigmaで利用できます。 Design S […]
デザインのアイデア出しに困った時に！ キーワードからデザイン要素やテクニックに展開させるデザイン書 -ひらめきデザインひき出し帖
Post on:2022年10月28日
「洗練されたデザインで、3案ください」 「安心感を与えるデザインにしてください」 クライアントからこういった要望はよくあります。「洗練」にもさまざまな洗練があり、「安心感」にもさまざまな安心感があります。こういったキーワ […]
CSSのスタイルクエリの基礎知識と使い方を解説、親要素の「スタイル」に応じて子要素のスタイルを適用
Post on:2022年10月27日
Chrome 106, Safari 16でサポートされたコンテナクエリは、親要素（コンテナ）のサイズに応じて子要素のスタイルを設定できる新機能です。しかし、これは機能の一部です。親要素のスタイルに応じて子要素のスタイル […]
Safari 16.1がリリース！ CSSの新機能とバグフィックス、ステージマネージャーによるiPadOSの新しいビューポートサイズ
Post on:2022年10月26日
最近のブラウザシェアは、デスクトップではChrome、スマホではSafariが主要ブラウザとなっています。Safari 16.1に実装されたCSSの新機能とバグフィックス、同時リリースされたiPadOS 16.1の新機能 […]
CSSの最新テクニック！ シンプルなHTMLとCSSで、オフキャンバスのメニューをポップアップで実装
Post on:2022年10月25日
この実装は、完全に想定外の発想でした！ スマホでよく見かけるドロワー、オフキャンバスのメニューをポップアップで実装するCSSの最新テクニックを紹介します。 オフキャンバスも確かにポップアップと同様にページ上に浮かぶように […]
sponsors
