TOP  >  WebDesign  >  CSS3とHTML5でつくるテンプレート集「15 Useful CSS3 and HTML5 Templates and Frameworks」
2010年04月22日

CSS3とHTML5でつくるテンプレート集「15 Useful CSS3 and HTML5 Templates and Frameworks」

言葉自体ははかなり浸透してきた次世代のWEBの標準的なになっていくとされているHTML5とCSS3。ブラウザも対応してきて、一部のWEBサイトで使われ始めてきていますが、今回紹介するのはCSS3とHTML5で制作されたテンプレートを集めたエントリー「15 Useful CSS3 and HTML5 Templates and Frameworks」です。

html5css3_template_01
RamblingSoul 19 CSS3 Template

様々なテンプレートが公開されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

■Ampersand HTML5
HTML5で制作されたテンプレート。２カラム版と３カラム版がそれぞれ準備されています。

html5css3_template_02
　
　
　
　
　
■Flower Blog HTML5 and CSS3 Template and Tutorial
シンプルでキレイめなブログテンプレート。HTML5とCSSで制作されています。

html5css3_template_03
　
　
　
　
　
■52Framework
HTML5とCSS3が盛り込まれたフレームワーク。

html5css3_template_04
　
　
上記のほかにも様々なテンプレートが公開されています。色々と解説サイトもありますが、WEBをコーディングした事がある方なら、テンプレートを見て、さわったほうがかなり理解が早いと思います。

今回集められたテンプレートは割とスタンダードなものが多いので、ワンサイト作ってみると言うのが、一番効率の良い勉強方法かもしれません。

15 Useful CSS3 and HTML5 Templates and Frameworks

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 11:04  |  
Category: WebDesign   
tag: CSS3 HTML5 webdesign
このエントリーをはてなブックマークに追加

関連記事

Default ThumbnailHTML5の12の事例「12 Fun & Clever Examples of HTML5」 Default ThumbnailCSS3の空間的な動きをサンプルソースとともにまとめた「Intro to CSS 3D transforms」 Default Thumbnail細部までこだわるためのCSS3フォームデザインパーツチートシート「CSS3 Form Styling Cheat Sheet」 Default ThumbnailCSS3で実現するクリエイティブなローディングセット「CREATIVE CSS LOADING ANIMATIONS」

Sponsor

最近の記事

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください 【商用可】アナログ感のあるドローイングフリーフォント「THRONE」 アイコンサイズやカラーを選んでSVGで出力できる「ICONSVG」 子どもをイメージしたフリーフラットアイコンセット「Download free Childhood flat icons set」 クリエイター向けモックアップテンプレートまとめ「15 Free Hero & Scene Creator Mockup Templates for Photoshop」 バレンタインを楽しく演出するフリーアイコンセット「50 free valentines themed icons」 インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」 花を抽象的にイメージしたパターン素材「Art Dimension abstract patterns」 個性的なラインナップを楽しめるフリーアイコンセット「Emojious Icons」 最新のクリエイティブなフリーフォントまとめ「20 New Free Fonts For 2019」

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに！をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る