Web制作に役立つ情報一覧

Google、閲覧を邪魔するインタースティシャルを使ったページの順位低下を発表

2016/08/24(Wed) 09:57

検索体験を損なう要因の1つである、コンテンツ閲覧を邪魔するインタースティシャルを排除するための新しいランキングシグナルを導入。2017年1月より。

http://www.sem-r.com/google-2010/20160824083826.html

モックアップでデザイン力を上げる！手軽で無料のPSDファイル50選

2016/08/24(Wed) 09:57

苦労して完成させたデザイン、せっかくならより魅力的に演出したいもの。しかし、面倒なデザイン編集作業もしたくない。そんなときは、作品イメージをはめ込む作業のみで、デザインのクオリティを高めることができる Photoshop 用ファイルを利用してみましょう。

http://photoshopvip.net/93268

CSSレイアウトにfloatはもう古い！

2016/08/23(Tue) 10:17

ボックス要素の横並びをCSSで行う場合、これまではfloatプロパティを使うのが主流でした。しかし、CSS3の新機能「Flexbox」を使うとfloatよりも簡潔なコードで、ボックスの豊富なレイアウトが可能です。

https://ics.media/entry/13117

HTML5とCSS3を使った最新のコーティングテクニックを学びたい人にオススメの本 -「最新標準」HTML+CSSデザイン

2016/08/23(Tue) 10:17

HTML5とCSS3の機能をフルに活用して、多様化するWebページを実装する最新のスキルやテクニックが詳しくまとめられたオススメの本を紹介します。

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

イラストやマンガや同人誌にかなり使える！下絵・塗り・背景に役立つPhotoshopのアクションのまとめ

2016/08/23(Tue) 10:16

単に色をのせたようなイラストにリアル感を与えたり、写真画像からマンガの背景用にパターンとラインを抽出したり、スキャンした下絵や線画から1クリックで主線を抽出したり、イラストやマンガや同人誌の制作に役立つPhotoshopの無料のアクションを紹介します。

http://coliss.com/articles/build-websites/operation/design/photoshop-actions-for-illustraion.html

著作権フリーで実用度高め！商用OKなオシャレ無料写真ストックサイト Skuawk

2016/08/23(Tue) 10:15

ウェブサイト制作や資料づくりなどに活用したい、高品質でロイヤリティーフリーの無料写真を公開している、新しいフォトストックサイト Skuawk をご紹介します。もちろん商用利用も可能で、圧倒的なクオリティーは、写真選択の時間を短縮してくれるでしょう。

http://photoshopvip.net/93167

「まわり道」こそがつくる “ 自分らしい ” デザイナーへの道

2016/08/23(Tue) 10:14

今回、これからWebデザイナーを目指す人、またWebデザインへの興味を深めたい人に向けた内容を、私の経験を通してお届けしようと思います。

http://liginc.co.jp/268460

どうしてハワイは極彩色？光と色が作る、国や地域の「らしい色」

2016/08/23(Tue) 10:13

ハワイってどうして極彩色のイメージがあるんでしょうか。国や地域によって「らしい色」がある理由が知りたくなったので、旅の準備そっちのけで勉強してみました。

http://liginc.co.jp/289047

AMPに対応した広告用ランディングページ「ALP」、DFPが年内に配信開始予定

2016/08/19(Fri) 09:54

AMP プロジェクトは、広告をAMPで配信できるランディングページを開発しました。AMP Ad Landing Pages、通称 ALP と呼びます。ALPはAMPフォーマットで作られているので、広告用のランディングページを高速に表示できます。

https://www.suzukikenichi.com/blog/introducing-amp-ad-landing-pages/

CSSでフォント指定する時の安全な記述方法、OSにプリインストールされているフォントのまとめ -CSS Font Stack

2016/08/19(Fri) 09:53

CSSでフォントの指定をする時、Windowsだとうまく表示されるけど、Macだとダメ、またその逆のケースもあります。Webページやアプリでフォントを安全に使うためには、OSにインストールされているフォントを知ることです。

http://coliss.com/articles/build-websites/operation/css/web-safe-css-font-stacks.html