Web制作に役立つ情報一覧

ページの言葉を半分に削れ 〜“不必要な”言葉を省く　「書かない」という技術

2016/08/25(Thu) 10:13

ほとんどのWebページは、半分までなら一切価値を減じることなく語数をたやすく圧縮できる。誰も読まないような言葉はすべて取り払ってしまうほうがよっぽど良い。

http://web-tan.forum.impressrd.jp/e/2016/08/18/23343

UIデザインを紐解く。これだけは押さえたい、ボタンデザインの3つのポイント

2016/08/25(Thu) 10:13

これは僕が普段ボタンをデザインをする際に考えてることで、デザイナーの方にはWebやUIのデザインをする際の考え方の参考に、デザイナー以外の方には、デザイナーって普段こんなことを考えながらデザインしてるんだな、と感じていただければ幸いです。

http://liginc.co.jp/280820

CSSコピペで実装する、こだわりのボタン用HTMLスニペット40選

2016/08/25(Thu) 10:12

コンテンツに注目を集めたいときに便利な、HTML/CSSを中心にデザインした最新ボタンエフェクト用スニペットをまとめてご紹介します。

http://photoshopvip.net/93338

これ一つで全部OK！SVGアイコンの管理・作成・コード変換が簡単にできる無料ツール -Svgsus

2016/08/25(Thu) 10:11

シンプルなUIなのに、非常に多機能で便利なSVGアイコンの管理・作成・コード変換ができるOS X用の無料ツールを紹介します。

http://coliss.com/articles/build-websites/operation/work/free-svg-tool-svgsus.html

カラーを管理するのにおすすめサイト。ColorCubo | Simple, fast colour management

2016/08/25(Thu) 10:11

全てのカラーパレットが揃ったカラーパレットマネージャです。シンプルで早くカラーを管理できます。

http://colorcubo.xyz/

「Webマスターのやらないことリスト」で仕事の選択と集中を。本間充氏が語るあるべきWebマスターの姿

2016/08/24(Wed) 09:58

Webマスターは仕事の選択と集中をして、専門スキルで事業に貢献しましょう

http://web-tan.forum.impressrd.jp/e/2016/08/24/23367

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