Web制作に役立つ情報一覧

[CSS]マージンの相殺を正しく理解しておこう！相殺はいつ起こるのか、相殺を回避するテクニック

2017/07/11(Tue) 09:49

まずは、クイズ。Aのdiv要素には「margin-bottom: 10px;」を、Bのdiv要素には「margin-top: 30px;」を指定した場合、それらを垂直に配置するとマージンはいくつでしょうか？

http://coliss.com/articles/build-websites/operation/css/about-collapsing-margins.html

これだけ読めば安心！2017年に押さえておきたいサンセリフ書体の無料フォント55選まとめ

2017/07/10(Mon) 09:56

当サイトでも毎月の新作フリーフォントを紹介しているように、ウェブ上には無数の異なるスタイルや書体が存在します。手書きフォントやレトロフォント、SFフォントなど利用する書体を決めるのも一苦労です。

http://photoshopvip.net/102856

[CSS]ワンランク上に！Webページのレイアウトを美調整するスタイルがまとめられたスタイルシート -fractures

2017/07/10(Mon) 09:55

float, flexbox, gridのレイアウトでよく使うスタイル、マージンやパディングを調整するスタイル、矩形・角丸・円形を実装するスタイル、幅や高さを調整するスタイル、要素を配置するdisplayやpositionのスタイルなど、CSSでページを実装する際にユーティリティとして活躍するスタイルがまとめられたスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-utility-classes-fractures.html

写真撮影はアナログ作業――二人三脚で早く・簡単に・美しく（第12回）

2017/07/07(Fri) 09:53

写真撮影の現場では、時間との勝負がつきまといます。なるべく効率的に、意図したとおりの写真撮影を行うにはどのようにしたら良いのでしょうか。

http://web-tan.forum.impressrd.jp/e/2017/07/07/24785

デザインの引き出しを増やしておこう！最近のWebサイトで見かけるデザインの新しいテクニックのまとめ

2017/07/06(Thu) 09:47

2017年も半年が過ぎ、さまざまな新しいデザインを見かけるようになりました。最近のWebサイトで見かけるデザインのテクニックとその使い方を紹介します。

http://coliss.com/articles/build-websites/operation/design/essential-design-trends-rainy-2017.html

「UIとUXの基本」UIとUXをこれから学ぼうとしているデザイナーへ vol.1

2017/07/06(Thu) 09:46

よくUI/UXと併記されることが多いため、同じようなものとして扱われています。しかし、かなり意味的には違うものです。もちろん違う言葉が使われているので、意味も違うのは当たり前なのですが、一回整理しましょう。

https://liginc.co.jp/360504

「御社のスマホサイト、遅いから19%離脱してるよ」グーグルのわかりやすい測定サービス登場

2017/07/05(Wed) 09:49

モバイルでのページ読み込みが遅いせいで、これぐらいの人を逃してるよ？ 改善しないともったいないよね？

http://web-tan.forum.impressrd.jp/e/2017/07/04/26217

グラフィックデザインに強い！高品質な無料PSDファイル47個まとめ

2017/07/04(Tue) 09:46

グラフィックデザインやWebデザイン制作に役立つ、無料ダウンロードできるPhotoshop用最新PSDファイルを幅広くまとめています。

http://photoshopvip.net/102670

UXデザインで役に立つ３つの数学の原理

2017/07/03(Mon) 09:53

自身を数学者だと考えるUXデザイナーはほとんどいないでしょう。私の経験では、ほとんどのデザイナーは数学を軽視しています。

http://uxmilk.jp/65495

SEOチェックリスト：新規ウェブサイト公開時に確認すべき5つのポイント（後編）

2017/07/03(Mon) 09:52

サイト公開時のSEOチェック項目を解説するこの記事、後編では「サービスやトラッキングの設定」「スキーマ、リッチスニペット、Open Graphなど」

http://web-tan.forum.impressrd.jp/e/2017/07/03/26086