Web制作に役立つ情報一覧

カラーの取得・管理、カラーパレットの作成、画像からカラー抽出などいろいろできてしまう便利なカラーツール -Kelir

2016/09/15(Thu) 09:55

カラーピッカーはいろいろありますが、これは決定版では？ というくらい便利なOS X用の無料ツールを紹介します。

http://coliss.com/articles/build-websites/operation/design/color-picker-for-mac-kelir.html

スマホサイトのナビメニューを見直そう！基本3パターンの長所と短所、改善ポイント

2016/09/14(Wed) 09:53

ウェブやモバイルアプリのナビゲーションは、直感的で予測できるべきです。新しいユーザーとリピーターの両方が、どのようにアプリが操作するのか理解できるべきなのです。

http://photoshopvip.net/94278

こんなツールがあったのか！Webページが世界各地でどのように見えるか、位置情報を使ったコンテンツも確認できる -Geo Screenshot

2016/09/14(Wed) 09:52

Webページが世界各地のブラウザでどのように見えているか、位置情報を使ったコンテンツのローカライズ、コンテンツが国によってフィルタで妨げられていないかなどを確認できる無料オンラインツールを紹介します。

http://coliss.com/articles/build-websites/operation/work/test-webpage-from-many-geolocations.html

これは珍しい！幾何学的な錯視を使った不可能図形のベクター素材 -Impossible Geometry

2016/09/13(Tue) 09:56

ペンローズの三角形、ネッカーの立方体、悪魔のフォークなどのような幾何学的な錯視を使った、ちょっと不思議な不可能図形のベクター素材を紹介します。

http://coliss.com/articles/build-websites/operation/design/impossible-geometry-vector-elements.html

[CSS]レスポンシブデザインでよく使うメディアクエリの書き方、ブレイクポイントの最適な値のまとめ

2016/09/13(Tue) 09:55

スマホやタブレット、ラップトップ、デスクトップ、最近はWebページを表示するデバイスは多様化しています。レスポンシブデザインでよく使われているMedia Queries（メディアクエリ）の書き方、ブレイクポイントの最適な値など、制作に役立つリソースやツールを紹介します。

http://coliss.com/articles/build-websites/operation/css/how-to-media-queries.html

ラジオボタンとチェックボックスの選択時アニメーションをCSSで実装する「Radiobox.css」と「Checkbox.css」

2016/09/12(Mon) 10:06

面白い動きも幾つかあったのでご紹介。「Radiobox.css」と「Checkbox.css」はそれぞれラジオボタンとチェックボックスの選択時にアニメーションを加えることができるスタイルシートです。

http://www.nxworld.net/tips/radiobox-css-and-checkbox-css.html

Webディレクターが知らないとマズい！Googleの注目プロジェクトPWAって何？

2016/09/12(Mon) 10:05

今回は、グーグルより昨年リリースされ、今年5月に開催されたGoogle I/Oでも話題の中心だったPWA（Progressive Web Apps）についてまとめます。

https://www.webprofessional.jp/2016/09/6267/

祝パラリンピック開幕！45個のスポーツアイコン無料パック Free Sports Icon Pack（EPS, SVG, PDF, PNG）

2016/09/12(Mon) 10:04

熱い戦いが繰り広げられたリオ 2016 オリンピックに続き、今週７日に世界160カ国が参加したパラリンピックが開幕し、トライアスロンやカヌーといった新競技を含む、合計22競技が予定されています。

http://photoshopvip.net/94130

自分に、大切な人に言葉の贈り物。誰もが知っている模様にまつわる、あまり知られていない物語 -模様と意味の本

2016/09/12(Mon) 10:04

いつもはWebデザインや制作の解説書の紹介が多いですが、今回は見かけたら手に取りたくなるような素敵な一冊を紹介します。

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

ウィジェット リンクについて覚えておいて頂きたいこと

2016/09/09(Fri) 10:04

Google では、サイトの PageRank を操作することを目的としたリンクに対して、これまでも厳しい態度で臨んできました。本日は、そのようなリンクに関しての Google のポリシーを改めて確認したいと思います。特に、大量のキーワードを含むリンクや、隠しリンク、低品質のリンクが、ウィジェットに埋め込まれたまま様々なサイトへ配布されているケースについて確認します。

https://webmaster-ja.googleblog.com/2016/09/a-reminder-about-widget-links.html