サイト構築 -制作
正方形のユニットで構成された、スマフォ対応のHTML5ベースのフレームワーク -Fluid Squares
Post on:2011年10月3日
表示サイズによって正方形のユニットが最適に構成される、Media Queriesを使ったフレームワークを紹介します。 IE8以下のMedia Queries非サポートブラウザにもスクリプトで対応しています。 Fluid
HTML5で誤用されがちな各要素の正しい使い方
Post on:2011年9月28日
HTML5はXHTML1.0やHTML4を継承しつつ、使い方が大きく変わった点もあります。 よく利用されるHTML5の各要素の誤用されがちな例とそれを正しく適切に使う方法を紹介します。 You're Doing
Responsive Web Design用のHTML5+CSS3のテンプレート素材
Post on:2011年9月14日
iPhone, Androidのスマートフォンなどの小さいスクリーンから、デスクトップの大きいスクリーンまで、それぞれの表示サイズに合わせて最適なレイアウトを提供するHTML5+CSS3のテンプレートを紹介します。 サイ
創造力と遊び心がくすぐられるHTML5でつくられたウェブサイトのまとめ
Post on:2011年9月13日
HTML5でつくられた刺激的なウェブサイトを紹介します。 HTML5 ADVENTURE CALENDAR MTA.ME Google Gravity
スマートフォンからのアクセスをJavaScript, jQuery, node.js, PHP, ASP, Perlなどで検出する -Detect Mobile Browsers
Post on:2011年9月8日
iPhone, Android, BlackberryなどのスマートフォンのUAをさまざまな言語で取得するスニペットを紹介します。 Detect Mobile Browsers
スマートフォン・デスクトップそれぞれに最適な画像を表示する -Adaptive Image
Post on:2011年9月2日
画像を自動判定して、スマートフォンやデスクトップなどそれぞれの表示サイズに合わせて、最適なサイズに変更して画像を表示するPHP&JavaScriptを紹介します。 導入も簡単で、5分くらいでできる感じです。 Ad
HTML5への理解を5分で深めるスライド -HTML5マークアップの心得と作法
Post on:2011年8月30日
本日公開された「HTML5マークアップの心得と作法」というスライドを紹介します。 5分もあれば、全部見ることができると思います。 HTML5マークアップの心得と作法
HTML5とCSS3を使いこなしたくなるフレームワーク15選
Post on:2011年8月25日
HTML5とCSS3を使って作成されたフレームワークを紹介します。 「詳しくは」で各フレームワークがざっと分かる記事にリンクしています。 Less Framework 4 Media Queriesでデバイスごとに最適な
非ウェブデザイナーでも分かりやすい、ハンバーガーから学ぶHTMLとCSS講座
Post on:2011年8月23日
HTMLやCSSなどウェブ制作の基本的なことを非ウェブデザイナーでも分かりやすいよう解説した動画を紹介します。 HTML -Hamburger Text Markup Language HTMLを「Hamburger T
画像は一枚だけで、さまざまなカラーの背景にするチュートリアル
Post on:2011年8月17日
使用する画像は一枚の透過PNG画像だけで、背景にさまざまなカラースキンをスタイルシートの変更で簡単に適用するチュートリアルを紹介します。 透過PNGを作るPhotoshopのテクニックは、他のパターンにも応用できます。
sponsors