Web制作に役立つ情報一覧

[CSS]知っておくと便利！レスポンシブ用に画像を配置するスタイルシートの5つのテクニック

2018/08/28(Tue) 09:54

何らかの理由で画像をレスポンシブ対応にうまく配置できない時があるかもしれません。何時間もかけて、いろいろな実装方法を試すこともあるでしょう。

https://coliss.com/articles/build-websites/operation/css/css-techniques-responsive-images.html

デザイナーなら使いこなしたいフォントにまつわる用語まとめ

2018/08/27(Mon) 09:56

最近LIGのデザイナーにモリサワパスポートが導入されました。これを機会に少しフォントの勉強をしようと思い、フォントに関する名称についてまとめてみました。

https://liginc.co.jp/411370

余白で情報整理、余白で視線誘導、余白で視認性アップ、デザインがうまくなりたい人に余白の使い方が学べる良書

2018/08/27(Mon) 09:55

Webデザインでも紙のデザインでも、余白を上手に使ったものは洗練された印象を与えます。情報を整理したり、視線を誘導したり、可読性や視認性をアップさせたり、余白はデザインにおいて非常に重要な要素です。

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

テクニカルSEOの上級者になりたいならJavaScriptに精通すべし

2018/08/24(Fri) 09:50

SEO に一生懸命に取り組んで精通したいのであれば、今後は JavaScript に詳しくなることを、Google の John Mueller（ジョン・ミューラー）氏は推奨しました。

https://www.suzukikenichi.com/blog/you-should-learn-seo-if-you-want-to-be-keen-on-technical-seo/

商用利用可能でパス編集可能なラインタイプアイコンを配布している「ICON BOX」

2018/08/23(Thu) 09:52

作者様よりご連絡いただき、アイコンのデザインも個人的にすごい好みだったのでご紹介します。「ICON BOX」は、禁止事項に該当しなければ個人・商用問わず利用可能なフリーのアイコン素材を配布しているサイトです。

https://www.nxworld.net/material/iconbox.html

CSS Flexboxとmargin: auto;の自動マージンがどのように相互作用するか、両端揃え・右寄せの実装テクニック

2018/08/23(Thu) 09:51

CSS Flexboxも、margin: auto;も、よく使用していると思います。しかしよく使用し、なんとなく知っているけれど、本当は理解できていないことがあるかもしれません。

https://coliss.com/articles/build-websites/operation/css/css-flexbox-and-auto-margins.html

こんなに詳しく解説された本は初めて見た！SEOに関する技術的な側面から徹底的に詳しく解説された良書

2018/08/21(Tue) 10:04

SEOに関する技術的な側面から徹底的に詳しく解説された良書を紹介します。サイトの現在状況の把握から、Googleの検索エンジン、サイトの高速化や構造化マークアップ、AMP対応、内部施策と外部施策、施策の効果検証まで、SEOに必要な知識と情報がこの一冊にすべてまとまっています。

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

[CSS]テキスト要素の先頭行だけline-heightを取り除き、上ぴったりに揃えるスタイルシートのテクニック

2018/08/21(Tue) 09:59

テキスト要素を配置する際、line-heightがあると、テキストの先頭行を上ぴったりに揃えることはできません。先頭行だけline-heightでできた上スペースを取り除き、上に揃えるスタイルシートのテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/simple-css-remove-top-space.html

Photoshopで複雑な背景から 髪の毛を切り抜く方法【完結編】

2018/08/17(Fri) 11:13

切り抜きを諦めてしまいそうな背景でも、髪の毛など複雑なオブジェクトをうまく切り抜く方法をご紹介します。

http://photoshopvip.net/new-cropping-final

CSS Snippets #7

2018/08/17(Fri) 11:12

CSSで「〇〇したい」とか「これどうするんだっけ...」というときに使えるものや地味だけど覚えておくと便利だと思う簡易的なスニペットを紹介します。

https://www.nxworld.net/tips/css-snippets-7.html