Web制作に役立つ情報一覧

色の基本と使い方をまとめた配色デザイン見本帳 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

これからは今まで以上に、jQueryが必要なくなるかもしれない

2017/07/14(Fri) 09:52

3, 4年前あたりから、jQuery無しでこう記述するとか、jQueryの一部の機能を代替する軽量スクリプトなどが出始めました。2017年も半年が過ぎ、その状況はさらに変わり始めています。

http://coliss.com/articles/build-websites/operation/javascript/now-ever-might-not-need-jquery.html

最近気になった素敵なデザインフォント − July 2017

2017/07/14(Fri) 09:51

いずれも欧文フォントになりますが、最近ダウンロードさせてもらったり個人的にいいなと思ったデザインフォントの備忘録です。

https://www.nxworld.net/material/nice-design-font-201707.html

知らないと損！新しいのがどんどん増えてる、商用無料の写真素材がダウンロードできるサイトのまとめ

2017/07/13(Thu) 09:46

商用のサイトでも個人のブログでも、クライアントのプロジェクトでも無料で利用できる高品質な写真素材がダウンロードできる写真素材サイトを紹介します。

http://coliss.com/articles/freebies/stock-photos-for-2017.html

Googleマップで応用編。

2017/07/12(Wed) 09:52

Google Maps JavaScript APIはJavaScriptで書かれてるので、JavaScriptを使えばいろいろ拡張できたりします:D。
ひとつの地図にマーカーをたくさん置いたり、1ページにたくさん地図を設置したり、地図と他のコンテンツを連動させたり、更新しやすくする工夫とか、いろいろおさらいしながらまとめてゆければと思います。

https://lopan.jp/google-maps-api-plus/

プロに学ぶ、一生役立つ配色の基本ルール8個まとめ【保存版】

2017/07/12(Wed) 09:50

なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、適切な配色カラーパレットを決めるのに役立つ８つの基本ルールを詳しく紹介します。

http://photoshopvip.net/102903

シンプルなHTMLとCSSをコピペするだけで実装できる見出しデザイン20選

2017/07/12(Wed) 09:49

画像を使用することなくHTMLとCSSだけでデザインした見出しのデザインサンプルを20パターン紹介いたします。できるだけ特性の違うデザインに仕上がるように工夫しております。

http://fit-jp.com/cssheading20/