Web制作に役立つ情報一覧

HTMLとCSSを真剣に学びたい人にお勧め！Web制作の実務で使える知識とテクニックをしっかり学べる解説書

Web制作の現場で使える知識がしっかりと身につくHTMLとCSSの解説書を紹介します。HTMLとCSSは仕様に基づいた詳しい解説で、実装ではデザインにプラスアルファの効果を与える知識とテクニックをしっかり学べる一冊です。

https://coliss.com/articles/book-review/isbn10-4802612028.html

[CSS]テキストリンクやボタン、プリローダーなどで使えるCSSアニメーションのスニペット集 -CSSeffectsSnippets

テキストリンクやボタン、プリローダーなどで使えるCSSのさまざまなアニメーションがコピペで簡単に利用できるCSSeffectsSnippetsを紹介します。

https://coliss.com/articles/build-websites/operation/css/css-effects-snippets.html

保存版！デザインツールの総まとめ -200種類以上の定番ツールから最近リリースされた注目のツールまで

Webサイト、スマホアプリの制作・開発に携わるすべての人に役立つ、200種類以上の有料・無料のデザインツールを紹介します。

https://coliss.com/articles/build-websites/operation/design/awesome-design-tools-for-web-developers.html

ウェブページの最適な日付を 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