Web制作に役立つ情報一覧 Web制作、Webデザインに関する役立つ情報を紹介します。 Web制作に役立つ情報の紹介はこちら 431 - 440 ( 5157 件中 ) [ ←前ページ / <= 41 42 43 44 45 46 47 48 49 50 => / 次ページ→ ] 使い勝手のよいUIデザインにはリサーチが欠かせない! デザインをするために必要なリサーチ・検証方法が網羅された解説書 -要点で学ぶ、デザインリサーチの手法1252022/06/20(Mon) 08:54デザインは見た目を整えることだけが仕事ではありません。ユーザーが抱えている課題、ニーズや要望を明らかにし、それらをどのように形にして解決するかが求めれています。https://coliss.com/articles/book-review/isbn-9784802512350.html Tailwind CSSの入門に! コピペで簡単に実装できるUIコンポーネントとページレイアウトのまとめ -Preline UI2022/06/17(Fri) 09:07Webサイトでよく使用されるさまざまなUIコンポーネントとページレイアウトをTailwind CSSで実装したコンポーネント集を紹介します。Tailwind CSSをこれから始めるという人にも簡単で、デフォルト構成のまま機能し、各UIコンポーネントとページレイアウトはHTMLをコピペするだけで簡単に実装できます。https://coliss.com/articles/build-websites/operation/css/ui-components-based-on-tailwind-css-preline.html 著作権フリー画像1900枚を無料ダウンロード!国立国会図書館発のNDLイメージバンク2022/06/16(Thu) 08:53「日本で出版されるすべての本が収められる場所」、国立国会図書館が収蔵する約4560万点の浮世絵や図書、雑誌などから、選りすぐりの画像を集めたオンラインコレクション、NDLイメージバンク。掲載されている画像は、すべて著作権保護期間を満了しており、無料で閲覧できるだけでなく、出典を記載すれば自由に転載することも可能です。https://photoshopvip.net/135476 グラデーション付き影をコピペ作成 CSS Shadow Gradients とおすすめツール2022/06/14(Tue) 08:56グラデーションは鮮やかな配色や動く流体Blobシェイプなど、さまざまな方法や見せ方で見かけるようになっています。2色の配色によるグラデーションをつかった影、シャドウグラデーション(英: Shadow Gradients)を手軽に作成できるオンラインツール「CSS Shadow Gradients」が公開されています。https://photoshopvip.net/135453 FigmaでUIのアイコンを使うならコレ! 高品質でシンプルにデザインされた1100種類のアイコン素材 -Untitled UI Icons2022/06/14(Tue) 08:55WebサイトやスマホアプリのUIデザインにぴったり、Figma用の高品質でシンプルにデザインされたアイコン素材を紹介します。たとえば、アローだけでも90種類以上、ホーム・サーチ・カート・メールなども複数のデザインで用意されており、UIにぴったりなのが見つかると思います。https://coliss.com/articles/build-websites/operation/work/untitled-ui-icons-for-figma.html 新しさを感じさせる和のデザイン手法! 伝統文様から最近のトレンドまで解説されたデザイン書 -和モダンデザイン2022/06/13(Mon) 09:01和を感じるモダンなデザイン、日本の魅力を伝えるとっておきのデザインアイデアとその作り方がまとめられたデザイン書を紹介します。「新しさ」や「新鮮さ」を感じさせる和のデザインがたくさん収録されており、伝統文様などの定番素材の使い方から最近のトレンドをおさえたデザインテクニックまで、さまざまなアイデアが収録されています。https://coliss.com/articles/book-review/isbn-9784798171333.html おしゃれ英語フォント本命!商用OKな無料セリフ書体おすすめ40選2022/06/10(Fri) 08:56セリフフォントは、時代を超えて愛され続ける、歴史のあるクラシックな書体。文字のストロークの端に小さな飾りが特長のセリフ書体は、より文字を認識しやすく、そして読みやすくしてくれます。https://photoshopvip.net/135376 簡単!CSSで日本語フォントの文字間隔調整【font-feature-settings】2022/06/10(Fri) 08:54グラフィックデザインやDTP、いわゆる紙媒体のエディトリアルデザイナーさんにとっては当たり前の文字間隔の調整。Webではトラッキングを「letter-spacing」で設定できますが、個別の調整ができることをご存じない方も多いのでは?実は、「font-feature-settings」というCSSのプロパティを設定することで、Webで簡単に文字間隔の調整(カーニング)ができます。https://liginc.co.jp/595446 覚えておこう! CSSのconic-gradient()関数を使用した美しいグラデーションの実装方法2022/06/09(Thu) 08:55CSSグラデーションといえば、linear-gradient()とradial-gradient()の線形グラデーションと放射グラデーションで実装することが多いと思いますが、もう1つ扇形グラデーションのconic-gradient()もあります。conic-gradient()を使用した美しいグラデーションを実装するテクニックを紹介します。IEを除く、すべてのブラウザにサポートされています。https://coliss.com/articles/build-websites/operation/css/css-conic-gradient-border.html CSSの単位px、em、remはどれをどこで使用するのがよいか、ピクセルとアクセシビリティにおける意外な真相2022/06/08(Wed) 09:00CSSの単位px、em、remは、どれをどこで使用するのがよいか。font-sizeの値にはどの単位を使用していますか? ほかにもメディアクエリを定義する時、マージンを定義する時、widthやheightを定義する時、使用する単位はアクセシビリティに配慮する必要があります。https://coliss.com/articles/build-websites/operation/css/about-pixels-and-accessibility.html 431 - 440 ( 5157 件中 ) [ ←前ページ / <= 41 42 43 44 45 46 47 48 49 50 => / 次ページ→ ] - Yomi-Search Ver4.21 -