Web制作に役立つ情報一覧

商用利用無料！桜の花、蕾、枝が揃ったかわいい背景・パターンのベクター素材

2018/02/16(Fri) 09:56

お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント！もちろん個人でも商用でも無料で利用できます。

http://coliss.com/articles/freebies/lovely-cherry-blossom-by-freepik.html

グーグルが公式SEOチェックツールを公開【SEO記事11本まとめ】

2018/02/14(Wed) 09:53

あなたのサイトでSEOのための設定がちゃんとできているかチェックするツールをグーグルが公開

https://webtan.impress.co.jp/e/2018/02/09/28277

1日で100個以上のフリーフォントを調べたわたしがおすすめする、おしゃれな日本語フリーフォントサイトまとめ

2018/02/13(Tue) 09:56

「同じ文字を書いているといつしか正しい文字が書けなくなってくる……」こういうのをゲシュタルト崩壊と言うらしいですね。学生の頃、地味に流行りました ( ˆoˆ )/今回は、そんなゲシュタルト崩壊しちゃう文字（フォント）についてのお話です ＾＾

http://www.imyme9.com/entry/freefont

デザインやイラストや写真で伝えたい雰囲気を表現できる色の組み合わせ方が分かるデザインの良書

2018/02/09(Fri) 10:03

色の組み合わせは、色を選ぶだけでなく、その色の割合をどうするかも大切です。グラフィック、Web、ファッションなど、デザインやイラストや写真などで伝えたい雰囲気を表現できる色の組み合わせ方が分かるオススメの本を紹介します。

http://coliss.com/articles/book-review/isbn10-480251087x.html

CSS Gridはレスポンシブ対応のよく使うレイアウトにも便利！効果的に使用するポイントのまとめ

2018/02/08(Thu) 09:53

CSS Gridは今までに出来なかったレイアウトを実装するだけでなく、既存レイアウトをより簡単に実装する能力も備えています。サポートブラウザも十分になり、そろそろ既存レイアウトの実装方法を見直すタイミングかもしれません。

http://coliss.com/articles/build-websites/operation/css/responsive-layout-with-css-grid.html

CSSで変数（カスタムプロパティ）を使ってみよう

2018/02/07(Wed) 09:53

プログラミングではおなじみの変数。SassやLESSといったCSSプリプロセッサーをお使いの方もよく使うものですね。この一度定義しておけば繰り返し利用できる便利な変数が、CSSでも使えるようになりました！

https://www.webcreatorbox.com/tech/css-variables

デザインの作業フローが大きく変わる！PhotoshopやIllustratorに予定されているAdobe Senseiの機能のまとめ

2018/02/06(Tue) 10:03

2018年1月末のアップデートで、ついにPhotoshopでもAdobe Senseiが実装され、複雑な選択範囲が1クリックで簡単に作成できるようになりました。

http://coliss.com/articles/build-websites/operation/work/introducing-adobe-sensei.html

検索順位を上げるSEOチェックリスト【2018年版】

2018/02/05(Mon) 09:50

2018年に検索順位を上げるために解決すべき9つの主な課題（チェックリスト）を順番に紹介する。

https://webtan.impress.co.jp/e/2018/02/05/28199

最近のWebサイトで見かけるヘッダのアイデア・実装方法のまとめ

2018/02/02(Fri) 09:53

ランディングページやブログなど、最近のWebサイトで見かけるヘッダのアイデア・実装方法を紹介します。

http://coliss.com/articles/build-websites/operation/css/awesome-header-ideas.html

お問い合わせ、支払い、サインアップなど、フォームを実装するためのHTMLとCSSのテンプレート -Boilerform

2018/02/01(Thu) 09:59

フォームを実装するのが苦手、という人は少なくないと思います。お問い合わせフォーム、支払いフォーム、サインアップフォームなど、さまざまなプロジェクトで利用されるフォームを実装するのに役立つHTMLとCSSで制作されたテンプレート集を紹介します。

http://coliss.com/articles/build-websites/operation/work/html-css-boilerplate-for-form.html