roole.org

codelutions.com

Roole: Un lenguaje que compila CSS | Codelutions

http://codelutions.com/roole-un-lenguaje-que-compila-css.html

Desarrollo web Programación Internet. Roole: Un lenguaje que compila CSS. Es un lenguaje que compila CSS. Está inspirado en otros lenguajes de pre-procesamiento como Sass. Roole está implementado en Javascript. Por lo que se puede ejecutar tanto en el lado del servidor (vía node.js. O en un navegador ( ejecutar pruebas unitarias. Para comprobar si Roole trabaja en su navegador). Las sangrías representa las llaves {}:. Guardar valores repetidos en variables:. Generar reglas mediante condiciones:. Hola nec...

mamoida.com

template | Pen

http://www.mamoida.com/tag/template

Mamoida is a Pen. テンプレート エンジン / マークアップ言語. Jadeは、Hamlに影響を受けてつくられたテンプレート エンジン / マークアップ言語です。 Npm install -g jade. Html head body div#test ul for item, index in ['one','two','three'] li(id="content-#{item}") List#{item}. DOCTYPE html html head body div id="test" /div ul li id="content-one" Listone /li li id="content-two" Listtwo /li li id="content-three" Listthree /li /ul /body /head /html. Beautiful,DRY,well-indented,clear markup:tempting haiku. Haml test.haml test.html. 変数名} { % if hoge %} foo { % endif %}.

mamoida.com

altjs | Pen

http://www.mamoida.com/tag/altjs

Mamoida is a Pen. テンプレート エンジン / マークアップ言語. Jadeは、Hamlに影響を受けてつくられたテンプレート エンジン / マークアップ言語です。 Npm install -g jade. Html head body div#test ul for item, index in ['one','two','three'] li(id="content-#{item}") List#{item}. DOCTYPE html html head body div id="test" /div ul li id="content-one" Listone /li li id="content-two" Listtwo /li li id="content-three" Listthree /li /ul /body /head /html. Beautiful,DRY,well-indented,clear markup:tempting haiku. Haml test.haml test.html. 変数名} { % if hoge %} foo { % endif %}.

docpad.org

Plugins | DocPad | DocPad - Streamlined Web Development

http://docpad.org/docs/plugins

Template Data and Helpers. Heres a list of all available DocPad plugins. If youve created a plugin, be sure to include it in this listing! To install a plugin, run. Inside your project directory. As an example, to install the eco. Plugin, you would run. To uninstall a plugin, run. Inside your project directory. In older versions of DocPad, you would run. Npm install - save docpad-plugin-#{thePluginName}. To install, and. Npm uninstall - save docpad-plugin-#{thePluginName}. And JSON to YAML. Handles authe...

mamoida.com

フロントエンドなプリプロセッサ・テンプレートエンジンまとめ | Pen

http://www.mamoida.com/2013/05/frontend-preprocessor

Mamoida is a Pen. テンプレート エンジン / マークアップ言語. Jadeは、Hamlに影響を受けてつくられたテンプレート エンジン / マークアップ言語です。 Npm install -g jade. Html head body div#test ul for item, index in ['one','two','three'] li(id="content-#{item}") List#{item}. DOCTYPE html html head body div id="test" /div ul li id="content-one" Listone /li li id="content-two" Listtwo /li li id="content-three" Listthree /li /ul /body /head /html. Beautiful,DRY,well-indented,clear markup:tempting haiku. Haml test.haml test.html. 変数名} { % if hoge %} foo { % endif %}.

mamoida.com

css | Pen

http://www.mamoida.com/tag/css

Mamoida is a Pen. テンプレート エンジン / マークアップ言語. Jadeは、Hamlに影響を受けてつくられたテンプレート エンジン / マークアップ言語です。 Npm install -g jade. Html head body div#test ul for item, index in ['one','two','three'] li(id="content-#{item}") List#{item}. DOCTYPE html html head body div id="test" /div ul li id="content-one" Listone /li li id="content-two" Listtwo /li li id="content-three" Listthree /li /ul /body /head /html. Beautiful,DRY,well-indented,clear markup:tempting haiku. Haml test.haml test.html. 変数名} { % if hoge %} foo { % endif %}.

weeklywebfood.com

WeeklyWebFood - Week-44

http://www.weeklywebfood.com/58-week-44.html

Published on Friday, 15 February 2013 08:29. 1 20 Fresh Sites With Amazing Scrolling Effects : http:/ t.co/KLczMu2Q. 2 Howler.js: A Cross Browser #JavaScript Audio Playback Library Supporting Audio Sprites : http:/ t.co/7EK74EQD. 3 List of the most useful online tools to make your JavaScript developer life even easier : http:/ t.co/IiMRrML8. 4 20 Free Responsive HTML and CSS Templates : http:/ ow.ly/hhcTA. 5 CSS Ratiocinator A tool that will automatically refactor your CSS: http:/ ow.ly/hhSi3. 18 Polaris...

diogo.nu

SGS, meu grid em Stylus | Diogo Moretti - Front-end developer based in Florianopolis / SC / Brazil

http://diogo.nu/sgs-meu-grid-em-stylus

Front-end developer based in Florianopolis / SC / Brazil. SGS, meu grid em Stylus. Hoje em dia existem muitos sistemas de grid. Mas cada um tem sempre alguma coisa que não gostamos. Por isso resolvi criar meu próprio sistema de grid, escrito em Stylus. Meu pré-processador css favorito. Fiz ele todo fluído (não possui largura fixa) e também fiz opção de ser semântico ou não. Essa discussão gera muitos comentários nas comunidades front-end. Para quem não sabe, o grid não-semântico. Ele não é semântico, mas...