ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト - 酒と泪とRubyとRailsと
ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト Jan 28th, 2013 Tweet Twitter Bootstrapはデザインが苦手なプログラマのための必須ツールです。今回は、一味違ったBootstrapサイトを作るときにきっと参考になるテンプレートをまとめてみました！ (03/05 追記) FlatUI、Bootstrap Expoを追加しました (03/24 追記) Flatstrapを追加しました (04/03 追記) MagicSuggestを追加しました (04/04 追記) Bootstrapのリソースネタを別の記事にしました 無料のテンプレート 無料のBootstrapテンプレートの紹介です。BootswachのようにCSSだけで適用できるものと、HTML/CSS/JSなどいろいろ追加しないと実現できないものがあります
Grunt で Hogan.js のテンプレートをコンパイル - present
CoffeeScript と Sass のコンパイルを Grunt で行うようにしたら、 ついでに Hogan.js のテンプレートもコンパイルしたくなるのは仕方ないよね。 人として。 Grunt のタスクをインストール Grunt の contrib タスクには Hogan.js 用のタスクがあるので、npm でインストール。 npm install grunt-contrib-hogan EJS から Hogan.js に移行した理由の1つが、このタスクの存在だったり。 Gruntfile 修正 module.exports = function(grunt) { grunt.initConfig({ hogan: { publish: { options: { namespace: "HoganTemplates", defaultName: function(filename) {
Jinja2 ドキュメント日本語訳
Jinja2へようこそ¶ Jinja2はモダンでデザイナーも扱いやすいPython用テンプレート言語です。 Djangoテンプレートの後発として設計されました。動作が速く、広い用途に対応し、 サンドボックス的なテンプレート実行環境があるので安全です。 <title>{% block title %}{% endblock %}</title> <ul> {% for user in users %} <li><a href="{{ user.url }}">{{ user.username }}</a></li> {% endfor %} </ul> 特徴 サンドボックス的な実行 XSS予防に強力な自動HTMLエスケープシステム テンプレート継承 ジャストインタイムなPythonコードへの補助的なコンパイル 補助的な事前のテンプレートコンパイル デバッグの容易さ。例外の行番号はテンプレート
Jinja2のfilterとmacroをいじる - 西尾泰和のはてなダイアリー
filterはsettingsで指定して、テンプレートのどこからでも使える。macroはテンプレートの中で直接定義するか、定義しているテンプレートをimportして使う。 filterで色々定義してあるもののうち、macroにする方がいいに違いないものを移動して行く。一番シンプルなフィルタ def q2img(q): return '<img src="/q/image/%s.png">' % q.short_key 使われ方。 {{ q|q2img|safe() }}これをマクロに変える。 {% macro to_img(q) -%} <img src="/q/image/{{ q.short_key }}.png">' {%- endmacro %}冒頭でimport {% import "main/macro_for_quiz.html" as macro4q %}で、こう使う。 {
floatを使わなくてもよくなる。<br> Template Layout Module が素敵すぎる今後の話
floatを使わなくてもよくなる。 Template Layout Module が素敵すぎる今後の話 2011-03-22 まだどのブラウザも実装されていないですが、Template Layout Moduleが素敵なので紹介します。 Template Layout Module とは CSSコードに直接、アスキーアートでレイアウトを描き、そこにコンテンツを流し込む実験的な仕様です。 現段階ではCSS3のモジュールです。 簡単な具体例 この例ではCSSのdisplayプロパティのところで、2x2のスロットを用意しました。 そこにCSSのpositionプロパティで割り振った値を、割り振っています。 <style type="text/css"> body { display: "aa" "bc"; } head { position: a; text-align:center;} nav
JavaScriptコーダー必見！クールなJsDoc用テンプレート「JsDoc2-Template-Bootstrap」 | DOTAPON Blog
JavaScriptで大規模開発をされているみなさま、ドキュメントジェネレータは活用してますか？ ソースコードにコメントを入れておくと、自動でHTMLに仕上げてくれるアレのことです。 /** * 足し算した結果を取得します。 * * @param {Number} num1 * 足される数 * @param {Number} num2 * 足す数 * @return {Number} * 結果 */ function add(num1, num2) { return num1 + num2; } JavaScript向けのツールで有名なのが「JsDoc」。 そのまま使うと無難なデザインのHTMLが出来上がってしまいますが、テンプレート機能を使って自由に拡張できます。 そこで今日ご紹介するのが…！ JsDoc2-Template-Bootstrap いかがでしょう、Twitter Bo
jQuery Boilerplate - jQuery Plugin Registry
Suddenly you come across the idea of wanting to make a web page, but then a new word comes your way that you may not know. The plugins. What? It turns out that as soon as you see her you are scared, but calm down. It is nothing that complicated, and it turns out that they are quite an important tool when it comes to making your website. In fact, there are some essential plugins for a web page, s
Mobile Boilerplate: A best practice baseline for your mobile web app
★ Analytics, icons, and moreA lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icons; and several mobile-focused tools and helpers. ★ Normalize.css and helpersIncludes Normalize.css v3 — a modern, HTML5-ready alternative to CSS resets — and further base styles, utilities, and media queries.
HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.
Now offered in: English Deutsch Português Français Italiano Nederlands Srpski Română По-русски עברית 日本語 HTML5 ★ Boilerplate A rock-solid default for HTML5 awesome. HTML5 Boilerplateはページロード時間も早く、強固でかつ将来性のある、プロフェッショナルな連中のための基本HTML/CSS/JSテンプレート 2年以上に渡る開発の中から生み出されたベストの中のベストプラクティスがここにはあるクロスブラウザのノーマライズ、パフォーマンス最適化、AjaxとFlashのcrossdomainのおまけ付きApache用 .htaccess 設定ファイルはキャッシュのルールがすでに書かれている上、HTML5ビデオ、@font-f
HTML5 Boilerplate, Initializrをこれから使う人が押さえるべき5つの原則 | ゆっくりと…
boilerplate とは、「再利用を意図した標準的な文例集」 だそうです。 Paul Irish が中心となり構築されてきた HTML5 Boilerplate は、その名の通り HTML5 でサイトを構築するためのテンプレート、さらにはフレームワークをも含む内容となっており、その特徴は次のように語られています。 HTML5 Boilerplate は、HTML5 を扱う上で必要な数多くの機能強化を他のベスト・プラクティスの数々と組み合わせることで、最小限の先行投資でプロジェクトの磐石な基盤を提供します。 2011年02月08日 HTML5 Boilerplate を使用して Web 開発を容易に始める | IBM developerWorks より。 HTML5 Boilerplateをベースにすることで最初からベストプラクティスが適用されたサイトやページを構築できるという特徴がある
jQuery Templates and JsViews: The Roadmap
Update: JsRender is now close to beta, and JsViews has many new features which also bring it closer to beta. See Approaching Beta: What's changing in JsRender and JsViews for details on the latest changes. From jQuery Templates to JsViewsThis post provides some details and some context on the relationship between jQuery Templates, JsRender and JsViews, and provides information about the current ro
jQuery公式のテンプレートplugin 「jQuery Templates」
jQuery公式のテンプレートplugin 「jQuery Templates」 Check Tweet 配布元:jquery’s jquery-tmpl at master – GitHub リファレンス:jQuery Templates jQueryプロジェクトからいくつかの公式プラグインが公開されました。そのひとつが「jQuery Templates」。これはJavaScriptで利用できるテンプレートエンジンです。 利用方法 本エントリー執筆時点ではGitHubからダウンロードして利用できますが、jQuery 1.5からはjQuery本体に組み込まれ、プラグインなしで利用することが出来ます。(本体への組み込みは延期されました)また、MicrosoftのCDNでも公開されていますので次のような記述で読み込むことも可能です。 <script type="text/javascript"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iosboilerplate.com
Welcome to nginx!