Web制作に役立つ情報一覧

ウェブページの最適な日付を Google 検索に知らせるには

Google の検索結果ではリストの横に日付が表示されることがあります。今回は、この日付がどのように判断されるのかなど、ウェブマスターの皆様から寄せられる一般的な質問にお答えし、日付の精度向上に役立つおすすめの方法をご紹介します。

https://webmaster-ja.googleblog.com/2019/03/help-google-search-know-best-date-for.html

ソリッドとアウトライン、どちらのアイコンが認識しやすいか

アイコンのスタイルをソリッドとアウトライン、どちらを使用するか決めなければならない場合がありませんか？ 好みで決めるという人もいるかもしれませんが、それぞれ分かりやすい場合と分かりにくい場合があります。

https://coliss.com/articles/build-websites/operation/work/solid-vs-outline-icons-which-are-faster-to-recognize.html

【CSS】overflow徹底攻略！scrollやhiddenなどの使い方も解説

こんな印象を持っている人はいませんか？ 使うタイミングがいまいち分からないプロパティだ、と。確かに、overflowは頻繁に使うプロパティではありませんし、もちろん知っておけば便利ですが、どんな時に積極的に使っていいか分からないと思う人がほとんどではないでしょうか？

https://creive.me/archives/19309/

レスポンシブ用にfont-size, margin, paddingなど、プロパティの値を一元管理できるSassの超軽量ライブラリ -SSCSS

デスクトップ・タブレット・スマホなどの異なるスクリーンサイズに応じて設定したブレークポイントをベースに、font-size, margin, padding, positionなど各プロパティの値を一元管理できるSassの超軽量ライブラリを紹介します。

https://coliss.com/articles/build-websites/operation/css/management-of-property-values-for-responsive.html

ウェブデザイン制作が爆速に！便利な最新オンラインツール47個まとめ

ウェブデザイナーやグラフィックデザイナーのデザイン制作をスピードアップさせる、便利な最新オンラインツールをご紹介します。

http://photoshopvip.net/114372

デザイナーなら気にしておきたい余白のこと

限られたスペースに情報を盛り込む紙のデザインに比べて、余白を大きく置くというアプローチができるのはWebデザインの特徴かと思います。

https://liginc.co.jp/454384

[CSS]実装がこれなら思っていたより簡単！グラデーションが変化する美しいエフェクトを実装するスタイルシート

最近ではグラデーションの使い方がいろいろ進化しています。中でも、ホバーやスクロールに合わせて、グラーデションが変化するエフェクトは非常に美しく、一度は試してみたい実装だと思います。

https://coliss.com/articles/build-websites/operation/css/css-hover-effects-with-css-variables.html

もうこれでUI用のアイコンには困らない！商用でも完全無料で利用できる3,000種類のシンプルなアイコン素材

商用でも無料で利用できる1,000種類のアイコンが3つのスタイル、そしてPhotoshoop用・Adobe XD用・Sketch用・Figma用・inVision用、そしてSVGまで完備されたMaterial Icons Libraryを紹介します。

https://coliss.com/articles/freebies/material-icons-library.html

和風デザイン攻略！商用可な毛筆フリーフォント厳選27個まとめ【2019年版】

今回は、無料ダウンロードでき、商用利用にも対応した、毛筆フリーフォント厳選27個をまとめてご紹介します。

http://photoshopvip.net/114278

[CSS]メディアクエリとは異なる、レスポンシブ対応のモジュール式コンポーネントの実装に適したコンテナクエリ

最近ではデザインもJavaScriptもモジュール式のコンポーネント化が進んでおり、HTMLとCSSでも徐々に浸透している流れですが、完全に対応できているとは言えない状況です。例えば、メディア クエリはページレイアウトではうまく機能しますが、モジュール式のコンポーネントを実装するのは難しくなっています。

https://coliss.com/articles/build-websites/operation/css/css-container-queries.html