商用利用無料で、サイトの主要ページがまるごと揃ってる新しいHTMLのテンプレート素材 -Mashup Template
HTMLの無料テンプレートのほとんどは単一ページのみですが、今回紹介するのはなんと、サイトの主要ページまるごと無料テンプレートとして、しかもデザインファイルやフォントファイルまでもまとめてダウンロードできるMashup Templateを紹介します。 時間がないときに、予算がないときに、さくっと作成できるテンプレートです。 また、最近のトレンドを採用したさまざまなコンポーネントが用意されているので、デザインやコードの引き出しとして、勉強にもいいですね。 Mashup Template Mashup Templateの特徴 複数ページとコンポーネントが含まれたテンプレート 単一ページのテンプレート素材が多いですが、Mashup Templateはサイトやブログで使われる複数のページとコンポーネントが用意されています。 カスタマイズが簡単 そのまま使ってもよいですが、コンポーネントが用意されて
最新版！あらゆるWebページを作成する時に使える、必要最小限をまとめたHTML5のテンプレート
HTML5でWebページを作成する時のベースになる必要最小限の構成で実装されたHTML5のテンプレートを紹介します。 スニペットに登録しておくと、便利ですね。 HTML5 Boilerplate -GitHub イラスト: Girls Design Materials HTML5のテンプレート HTML5のテンプレートの解説 HTML5のテンプレート HTML5 Boilerplateのテンプレートを日本語化しました。 ライセンスはMITライセンスで、商用利用、修正、配布、サブライセンス可です。 <!doctype html> <html class="no-js" lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>タイトル</title
HTMLテンプレートの基本ファイル一式、Webページを実装するための必要最小限をまとめたHTML
HTMLで、Webページやアプリを作成する時に役立つ、フロントエンド用に必要最小限をまとめたシンプルなHTMLの基本テンプレートのファイル一式を紹介します。 v.8.0.0がリリースされ、現在の環境に合わせた設計にアップデートされました。 IE11を含む、すべてのモダンブラウザをサポートしています。 HTML5 Boilerplate -GitHub HTML5 Boilerplateの特徴 HTMLの基本テンプレート HTML5 Boilerplateの使い方 HTML5 Boilerplateの特徴 HTML5 Boilerplateは、Webサイトやアプリを実装するためのプロフェッショナルなフロントエンド用のHTMLの基本テンプレートです。 実践的な基本のテンプレート 200人を超える貢献者による分析・研究・実験をもとにしています。 ブラウザの見え方を最適化 プログレッシブエンハンス
ウェブサイトの制作に携わる全ての人に役立つスタイルガイドを簡単に作成できる -Style Guide Boilerplate
ウェブサイトのデザインや実装の一貫性を促進するために、制作に携わる全ての人に役立つスタイルガイドを簡単に作成できるテンプレートを紹介します。 現役時代、独自のテンプレートを使ってましたが、こういう便利なものがリリースされる時代なのですね（遠い目 Style Guide Boilerplate Style Guide Boilerplate -GitHub Style Guide Boilerplateの紹介の前に、スタイルガイド未体験の人用にどのように役立てるか簡単に説明します。 ウェブサイトのデザインや実装方法を定義し、一貫性を促進する。 モジュール形式の考え方を促進する。 ページを作成する際にパーツやエレメントで迷わないようにする。 ウェブサイトを効率的に管理する。 スタイルガイド制作のタイミングとしては、草案を制作中に作りつつ、納品時には定義が全て網羅されている状態がベストではないで
HTML5＆CSS3で作成されたレスポンシブかつフリーなテンプレートが入手できる「HTML5 Up」:phpspot開発日誌
HTML5 Up! Responsive HTML5 and CSS3 Site Templates HTML5＆CSS3で作成されたレスポンシブかつフリーなテンプレートが入手できる「HTML5 Up」 サイトを高速に構築するのにテンプレートを使う方法がありますが、そのテンプレートが最初からレスポンシブ対応していたら楽ですね そうしたテンプレートを探してフリーでダウンロード出来るので探す際の参考にしてみても良さそう 関連エントリ フリーでフレッシュ＆美しいHTML5＋CSS3テンプレート５０ フリーでHTML5ベースのリッチな管理画面テンプレート HTML5を使った超クールなフリーのWordPressテーマ集35 最初からレスポンシブなCSSデザインのHTMLテンプレート３５
HTML5の基本を学べる、各要素のコメントでの解説が嬉しいシンプルなテンプレート -HTML5 Bones
ゼロからあなた自身のページを作る時のガイドとして利用されることを目的とし、最小限の要素で構成されたHTML5の基本に忠実に作成したテンプレートを紹介します。 HTML5 Bones HTML5 Bones -GitHub HTML5 Bonesの構成 HTML5 Bonesは非常にシンプルで、jQuery, Modernizeなどは含まれていません。含まれている外部のライブラリは、クロスブラウザ用にNormalize.css、IE8以下用にHTML5をレンダリングさせるためのhtml5shivだけです。 使用している要素もページを作成する最小限の要素で構成されており、テンプレートを利用するにあたり各要素をどのように使うべきか、インラインでコメントで細かく説明されています。 下記に、そのインラインコメントを翻訳しました。 年末年始をまたいで制作者のIanさんとやり取りをしていたので、公開に時
[JS]jQueryのプラグインを開発するためのテンプレート -jQuery Boilerplate
jQuery Boilerplate [ad#ad-2] jQuery BoilerplateはjQueryのドキュメント「Plugins/Authoring」から、より良いパフォーマンスとメモリ使用を提供することを目標として開発したとのことです。 jQuery Boilerplate (stripped version) jQueryのプラグインのテンプレート(stripped version)です。 ※2011年7月26日現在のものです。 (function($) { $.pluginName = function(element, options) { var defaults = { foo: 'bar', onFoo: function() {} } var plugin = this; plugin.settings = {} var $element = $(element)
PHPTAL
PHPTAL PHP Template Attribute Language PHPTALのドキュメントを日本語訳しました。 現時点では勝手翻訳なので、この翻訳に関するご意見はtetsuya@wardish.jpまでお願いします。 目次 イントロダクション なぜPHPTALを使うのか インストール 最初の例 Template Attribute Language 1. 属性の優先度 2. TAL namespace 2.1. tal:define 2.2. tal:condition 2.3. tal:repeat 2.4. tal:omit-tag 2.5. tal:replace 2.6. tal:content 2.7. tal:attributes 2.8. tal:on-error 3. METAL namespace 3.1. metal:define-macro 3.2. m
LogoTemplater.com - We create free blank logos templates designs and free vector art images. Creating logo templates in Adobe Illustrator EPS files for free.
Voope logo templates is set of curves Last added Logo templates of modern style. Simple vector curves in free Adobe EPS files help you boost your layouts. Voope.ZIP [191 kB] Zoozz, free logo templates This is set of free vector logo templates in EPS, AI and PDF file formats. Feel free to use it for your commercial projects. Zoozz.ZIP [124 kB] Create your own logos from free blank logo templates de
60行で作るPHP用テンプレートエンジン
唐突に、PHP用のテンプレートエンジンを作ってみる。 方針： ふつうのPHPファイルをテンプレートとして使う。 <?php echo $var; ?> は面倒なので #{$var} と書けるようにする。 <?php echo htmlspecialchars($var); ?> はもっと面倒なので %{$var} と書けるようにする。 ついでにXML宣言も <<?php ?>?xml ... に自動置換する。【追記】レイアウト機能を追加してみた コード： <?php /* * SixtyLinesTemplate.php - 60行しかないけどSmartyより速いテンプレートエンジン * * 使い方： * require_once('SixtyLinesTemplate.php'); * $TEMPLATE_DIR = 'templates'; // 省略可、パーミッションに注意 * $c
12 のレイアウトを切替可能なテンプレート
1つのテンプレートで 12度おいしい XHTML + CSS テンプレートを公開してみたいと思います。といっても、ごく普通のテンプレートに CSS 切り替え機能を付けただけなんですが、Blog や Webサイトを作られる際のベースとして役立てて頂けたらうれしいです。 サンプルはこちらで確認できます 全ファイルのダウンロードはこちら （zip ファイル / 50KB） 8/10 追記 初期に配布したテンプレート内に、結構な量の誤字等がありましたので、現在の最新版を下記からダウンロードしてください。 では使い方などの説明を。 ファイルをダウンロードして解凍すると下記のようなフォルダ構成になっています。 index.html （XHTML テンプレート） css （CSS ファイル格納フォルダ） img （画像ファイル格納フォルダ） js （JavaScript ファイル格納フォルダ） 基本的に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
高品質でしかも無料！すごい使えるレスポンシブ対応のHTML5/CSS3のテンプレートのまとめ
Bootstrapは無し、HTML5とCSS3のシンプルなコードで実装されたレスポンシブ対応のテンプレートのまとめ
無料でしかも高品質！レスポンシブ対応の美しいWebページを作るためのHTML5/CSS3のテンプレートのまとめ
これはスゴイぞ！Bootstrapのページ作成が積み木感覚で簡単にできてしまうジェネレーター -lollytin
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
HTML5/CSS3のテンプレートのまとめ | コリス
Your One-Stop Destination for Stunning Website Templates
Free Layouts.com | Websites
WEBデザインセンス向上まとめ。カラー統一サイト30×5・計150サイト＋2200以上の無料HTMLテンプレ*ホームページを作る人のネタ帳
