HTML・コーディング

Adobe Creative Cloud、Dreamweaverキーボードショートカットチートシート

2015/04/28(Tue) 07:59

Adobe Creative Cloud キーボードショートカットキーのチートシート。直近の仕事でめちゃくちゃお世話になったので、次また使うときのためにメモ。CCを使うときには是非活用してみてくださいね。

http://flipsblog.jp/archives/2035

スマホ・タブレットのさまざまなデバイスの表示チェックに対応！レスポンシブの確認ができる無料オンラインツール -.resizr

2015/04/21(Tue) 07:50

iPhone 4, 5, 6, 6+をはじめ、Android各機種のスマホ、iPad, Surface, Kindleなどのタブレットのさまざまなスクリーンサイズをエミュレートし、それぞれのサイズでWebページがどのように表示されるかチェックができるオンラインツールを紹介します。

http://coliss.com/articles/build-websites/operation/work/online-tool-resizr.html

新人コーダーに知っておいて欲しいリダイレクトの基本

2015/04/17(Fri) 07:55

ページ移動・サイト移転時の正しいリダイレクトの設定方法と、代表的なリダイレクトの種類やその実装方法をご紹介します。

http://web-tan.forum.impressrd.jp/u/2015/04/16/19780

最新デザインが魅力的！すごい無料HTMLテンプレート素材24個まとめ

2015/03/26(Thu) 07:50

ウェブサイト制作をよりスムーズに行うことができるHTML5/CSS3テンプレートを利用しませんか。あらかじめデザインはスタイリングされているので、制作作業をスピードアップすることができます。

http://photoshopvip.net/archives/74870

HTML5のW3C正式勧告に完全対応、読みやすい分かりやすい使いやすいと三拍子揃ったHTML5&CSS3のリファレンス本

2015/03/25(Wed) 08:05

HTML5とCSS3/2.1で利用できる要素やプロパティについて、機能や役割や対応ブラウザなど実装に必要な知識がコンパクトにまとめられたオススメのリファレンス本を紹介します。

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

2014年のWebデザインのトレンドがたくさん詰まったHTML5+CSS3の無料のテンプレート -Beetle

2014/12/22(Mon) 07:49

レスポンシブ対応の縦長ページ、プロダクトページ、ランディングページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。

http://coliss.com/articles/build-websites/operation/work/responsive-html5-template-beetle.html

見ているだけでデザインの参考になりそうな無料で使えるHTML5Webサイトテンプレート

2014/12/22(Mon) 07:48

実際に見ているだけでも素晴らしい。とくに最初に紹介されているFlatfyはあっちではかなり利用されている黄金パターンを採用し、かつ使いやすいのが特徴的。

http://e0166.blog89.fc2.com/blog-entry-1215.html

2014年Webデザイナーはコードをどこまで学ぶべきか、Webデザインが今までどのように進化してきたかのまとめ

2014/12/10(Wed) 07:56

Webデザイナーはコードを学ぶべき？ コーダーはデザインを学ぶべき？両方に精通している人はなかなか多くはいません。Webデザインがどのように進化してきたのかその流れをしっかり押さえ、デザインとコードのギャップをつなぐことができたか振り返ってみましょう。

http://coliss.com/articles/build-websites/operation/work/brief-history-of-web-design-for-designers-by-froont.html

無料でしかも高品質！1ページで構成されたサイトを作るためのHTML5/CSS3のテンプレートのまとめ

2014/12/02(Tue) 08:04

ページのデザインだけでなく、使用されているエフェクトも面白いものが揃っているレスポンシブ対応のHTML5/CSS3のテンプレートを紹介します。

http://coliss.com/articles/build-websites/operation/work/freebies-templates-for-responsive-2014-winter.html

専門知識不要で瞬時にWebサイトのクオリティチェックができるツール7選

2014/12/01(Mon) 07:52

Web制作に関わるディレクターや担当者は、ソースコード自体は書かなくとも、イメージ通りのものができているかのどうかの確認はされていると思います。しかし、パフォーマンス、SEO対策、ソースコードの整合性などの裏側までが「ちゃんとできているのか」というのはわかりにくいですよね。エンジニアに「いや、完璧ですけどこれ？」ってどや顔されたら頷くしかないと思います。

http://liginc.co.jp/web/tool/other-tool/131476