Web制作に役立つ情報一覧

Bg-patterns 背景パターン配布＆作成サイト | 商用可能なパターン背景素材をフリー（無料）配布。

2017/07/26(Wed) 09:52

商用可能なパターン背景素材をフリー（無料）配布。自分でサイズや色などもカスタマイズできる機能を搭載!!

http://bg-patterns.com/

[CSS]Web制作者が知っておきたい、Webフォントを快適に表示するCSSの新しいプロパティ「font-display」

2017/07/26(Wed) 09:51

Webフォントを使用しているサイトやブログが増えてきました。そして、近日アップデートされるChrome 60では、Webフォントの使い勝手を向上する「font-display」プロパティがいよいよ正式に実装される予定です

http://coliss.com/articles/build-websites/operation/css/about-font-display.html

新しい技術を導入する際にディレクターが気をつけるべき3つのポイント

2017/07/25(Tue) 09:53

ディレクターやエンジニア問わず、新しいことにチャレンジすることって、とても楽しいですよね。特にディレクターなら、業務効率化ツールを案件で導入してみたり、エンジニアなら新しいプログラミング言語などにチャレンジするなど、ワクワクしますよね！

https://liginc.co.jp/358696

検索順位とトラフィックを獲得できる、title要素のハック7選

2017/07/24(Mon) 09:55

title要素を改良してサイトのトラフィックと検索順位を向上させる7つの方法を紹介

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

ひと昔前といろいろ違う、Webサイトを公開した時に確認しておきたい項目のまとめ -Web Launch Checklist

2017/07/24(Mon) 09:54

Webサイトを公開した時に、サイトのパフォーマンス、SEO、セキュリティ、アクセシビリティ、コンテンツ、機能性の面から確認しておきたい項目がまとめられたチェックリストを紹介します。

http://coliss.com/articles/build-websites/operation/work/web-launch-checklist.html

「ストーリーマッピング」UIとUXをこれから学ぼうとしているデザイナーへ vol.3

2017/07/21(Fri) 09:47

今からUIとUXを学びたいと考えているデザイナーさん向けの記事第3弾です。UIとUXに関しては僕も初心者です。勉強しながらのアウトプットになりますので、一緒に学んでいきましょう。

https://liginc.co.jp/361281

色の基本と使い方をまとめた配色デザイン見本帳 Canva Colors

2017/07/20(Thu) 09:58

デザインで特に重要な配色は、誰もが一度は悩んだことがあるでしょう。今回ご紹介する Canva Colors を利用すれば、色の意味合いだけでなく、一緒に活用したいカラーパレットを提示してくれるので、配色選びをよりスムーズに進めることができるでしょう。

http://photoshopvip.net/102998

「SEOのためのライティング」を行う上で最低限やっておきたい事

2017/07/19(Wed) 10:04

オウンドメディアやブログ、アフィリエイトサイトなどWebサイトを持つ方や運営に携わる方にとって、ユーザーをサイトに導くためにGoogleやYahoo!JAPANからアクセスを集められるライティング方法はいつの時代も重要なトピックです。

https://creive.me/archives/11480/

フォントの組み合わせが分かるとデザインが楽しくなる！Googleフォントの美しい組み合わせ総まとめ

2017/07/19(Wed) 10:03

美しく見せるGooleフォントの組み合わせをクラシック名画と共に紹介します。文字を使って、モダンな雰囲気を演出したり、ミニマルなデザインを作り出したり、タイポグラフィを勉強するときの参考にどうぞ。

http://coliss.com/articles/build-websites/operation/design/ultimate-google-font-pairings.html

ボタンにユニークなホバー・クリックエフェクトを付けたいときに参考になるエフェクトサンプル

2017/07/18(Tue) 09:03

近年多くのサイトで採用されているパッと見がシンプルなボタンデザインでも、ホバーやクリックぐらいは少しユニークな感じにしたいと思ったときに参考になりそうなエフェクトをCodePenにアップされているデモから紹介します。

https://www.nxworld.net/tips/button-hover-and-click-unique-effect-examples.html