サイト構築 -制作

正方形のユニットで構成された、スマフォ対応の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のテクニックは、他のパターンにも応用できます。

...記事の続きを読む

top of page

©2024 coliss