Hamlを3倍速くした - k0kubun's blog
Hamlコミッターになった RubyKaigi 2015で「Hamlは遅いしメンテされてないので使わない方がいい」と言ったところ、じゃあ自分でメンテして速くしろということになりコミッターになった*1。 当時から2年ごしなのは、当時のHamlのオーナーがあまりアクティブではなく、最近a_matsudaさんがオーナーになったため。 HamlのTemple化・高速化を行った Templeというのは、テンプレートエンジンをパイプライン的に構築するためのフレームワークで、テンプレートエンジン用の中間表現とその最適化エンジンを持つ。実装をTempleベースにすると、SlimやHamlitに使われているような中間表現を使った最適化を適用しやすくなる。 コミット権をもらったので、RubyKaigi 2015でマージされないと言っていたパッチを自分でマージし、コード生成とattributeのコンパイルをTe
WordPressのコンテンツエリアでTwigテンプレートエンジンを使用可能にするContent Template Engineってプラグインをリリースしました。 | Firegoby
WordPressのコンテンツエリアでTwigテンプレートエンジンを使用可能にするContent Template Engineってプラグインをリリースしました。 Content Template Engineっていうプラグインを作りました。このプラグインを使用するとコンテンツにテンプレートエンジンが使用できるようになります。 WordPress › Content Template Engine « WordPress Plugins ドキュメント テンプレートエンジンには、Twigというテンプレートエンジンを使用しており、これはSymfonyというフレームワーク等で利用されている有名なテンプレートエンジンです。 Twigドキュメント Advanced Custom Fieldなどのカスタムフィールド系のプラグインを使うと、投稿画面に以下のようなメタデータのユーザーインターフェースを追加
Responsive Dashboard - Bootstrapベース、レスポンシブな管理画面テンプレート MOONGIFT
Bootstrapの良いところは使い手（主にエンジニア）の気持ちを理解し、その利用シーンが想定されていることでしょう。こだわったデザインにすることだってできますが、それでは応用がききません。その汎用性と見栄えのバランスを上手に保っています。 今回紹介するResponsive Dashboardもその応用例と言えます。いわゆる管理画面系のダッシュボードですが、AngularJSとjQueryに対応し、カスタマイズして利用するのが容易になっています。 Responsive Dashboardの使い方 こちらがメイン画面です。管理系で良くありがちなウィジェットがたくさんあります。メニューは左側です。 デスクトップもメニューを折り畳めます。 タブレットサイズになると自動でメニューの文字が折り畳まれます。 スマホサイズ。カラムが1列になります。 Responsive DashboardはBootst
Free HTML Email Templates | Dyspatch
Customize these free, responsive, and community-driven HTML email templates with the Dyspatch HTML email builder. Get a demo Oxygen Oxygen is a modern, fresh design that can incorporate any brand and work for every type of transactional email. Personalize it now using our free to try Dyspatch drag & drop visual editor, and download the HTML for use in your ESP. Download Bundle
AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT
これで十分でしょ！ Bootstrapで作る管理画面は相当増えてきているようです。確かに一般ユーザ向けに提供するとBootstrap臭が出てしまいますが、管理画面であれば問題はないですよね。 ということで今回は新しいBootstrap製の管理画面テンプレートAdminLTEを紹介します。高度なウィジェットが数多く提供されていますので使い勝手良さそうですよ。 AdminLTEの画面 今回もスクリーンショット多めで紹介します。 ダッシュボード。この時点でかなりリッチ。 ボックス。これだけ多彩なパターンがあると言うのも凄いですね。 左端にはちょっとした設定を表示させています。 背景色を変えるだけでも随分印象が違います。 グラフ。 こちらもグラフ。 外部ライブラリもそつなく使いこなしています。 スパークラインも！ アラート。ちょっと飛び出しているのがいい感じです。 アイコン。 ボタン。フラット系で
『JavaScriptテンプレートエンジン「JsRender」のすすめ』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。フロントエンドエンジニアをしている清水です。 私は今、スマートフォン向けブラウザゲーム「天下統一クロニクル」を開発・運用しています。 本記事では、天下統一クロニクルで利用しているJsRenderというJavaScriptテンプレートエンジンの基本的な使い方とちょっとしたTIPSを紹介しようと思います。 JsRenderとは？JsRenderとは、テンプレートエンジンの一種です。 jQuery Templatesの作者でもあるBorisMoore氏が、同ライブラリの後継として作成しているライブラリです。 jQuery Templatesの後
[Grunt]grunt-contrib-jstでjsテンプレートを管理する。 | DevelopersIO
今回はCUIツールのGruntのプラグインgrunt-contrib-jstを使ったjsテンプレートを管理する機会があたので一連の流れをご紹介します。 アジェンダ JavaScript Templates(JST)とは? Grunt-contrib-jstを使ってみる JavaScript Templates(JST)とは? テンプレート部分とデータ部分を関連づけて表示するイメージです。以下の記事がイメージしやすくとても参考になりました。 参考記事:JavaScriptテンプレートエンジンJsRender 基本のキ それではJSTを用いて実際に表示してみたいと思います。今回はサンプルとして、Underscore.jsのテンプレートAPIを使って表示してみます。 使用したライブラリ jquery.js underscore.js backbone.js bootstrap.js bootst
![[Grunt]grunt-contrib-jstでjsテンプレートを管理する。 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/f1924232741433b809c40a49b35bf285cfa449d7/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F10%2Fgrunt.png)
Bootstrapベースの管理画面用テンプレート·Charisma MOONGIFT
CharismaはHTML5/JavaScript製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 Webシステム開発において意外と不遇なのが管理画面です。内部の人が使うものなので適当に作られるケースが多くなります。そこで使ってみたいのがCharismaです。リッチな管理画面をBoostrapをベースに作り上げる事ができます。 ウィジェットがついた、リッチな管理画面です。ここまで恵まれているケースは早々ないでしょう。 ドラッグ&ドロップによる配置変更もサポート。 折り畳んで隠す事もできます。 グリッドは細かくサポートされています。 カレンダー。システム内部のデータをマッピングすると見通しが良くなりそうです。 メンバー一覧。検索やラベルもあって便利そうです。 ギャラリー。サムネイル写真をきれいに並べています。 タイポグラフィ。様々なタグをサポートしているので奇麗
ひと味ちがう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などいろいろ追加しないと実現できないものがあります
クライアントサイドで動くJavaScript Template Engine７つ｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
項目説明： delimiter – テンプレートを書く際の区切り文字 ({{}} や <%%>) が変更できる。 logic-less – テンプレート上で演算や複雑な制御構文が書けない仕様により、ロジックとテンプレートが完全に分離される。 precompile – テンプレートを事前に実行可能な JavaScript のコードにコンパイルできる。 escape – テンプレートエンジンで自動的に HTML エスケープができる。 method – テンプレート上からデータとして与えられたメソッドを呼び出し、結果を挿入することができる。 standalone – テンプレートエンジンが別途ライブラリを必要とせず単独で動く。 partials – 部分的に別のテンプレートファイルを組み込むことができる。 (include のようなもの) 上の表で表現しきれないそれぞれのテンプレートエンジンの特
jQuery x mustache メモ - Playground of ours
mustache Minimal templating with {{mustaches}} in JavaScript https://github.com/janl/mustache.js jquery.mustache.jsを作る % git clone https://github.com/janl/mustache.js.git % cd mustache.js/mustache-jquery/ % ls jquery.mustache.js.tpl.post jquery.mustache.js.tpl.pre % cat jquery.mustache.js.tpl.pre > jquery.mustache.js % cat ../mustache.js >> jquery.mustache.js % cat jquery.mustache.js.tpl.post >> j
Rails、レンダリングされたHTMLのどこがどのpartialから来たのかをコメントとして埋める - <s>gnarl,</s>技術メモ”’<marquee><textarea>￥
追記: Gem化されたよ!! カオティックなViewを修正する場合、ここの記述を直したいけどどのpartial見ればいいんだってことがたまによくあるのです。
結局、JavaScriptのテンプレートエンジンはHandlebars.jsが最強だったという話 - Life goes on
若干タイトル釣り気味だけど。 クライアントサイドJavaScriptで使えるテンプレートエンジンのメモ - Life goes on この記事全然予想してなかったんですが、結構はてブされてて結論書いてなかったんで。 これ調べた時は結局Handlebars.js: Minimal Templating on Steroidsを全社的に使うという事になりました。 有識者とかのレビューにも良く耐えた優秀なテンプレートエンジンでした。 まあ色々要件はあると思うんで、一概には言えませんけど、helperメソッドの拡張性と、速度(プレコンパイルできるというのもある)、サーバー・クライアント問わずに使える、ちゃんと構文解析されてる(下記URL参照)などが決め手でした。 https://github.com/wycats/handlebars.js/tree/2b3e7773409b9fba68e275d
Handlebars
Semantic templatesHandlebars provides the power necessary to let you build semantic templates effectively with no frustration. Mustache-compatibleHandlebars is largely compatible with Mustache templates. In most cases it is possible to swap out Mustache with Handlebars and continue using your current templates. Fast executionHandlebars compiles templates into JavaScript functions. This makes the t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
themekit.io - このウェブサイトは販売用です！ - responsive web design リソースおよび情報
Bootstrap themes and templates | PrepBootstrap
新着記事 | PhotoshopVIP
http://www.yuguri.com/2013/02/24htmlmail/
Node Templates
Antwort - Responsive Layouts for Email