background preloader

{{ mustache }}

{{ mustache }}
Logic-less templates. Available in Ruby, JavaScript, Python, Erlang, node.js, PHP, Perl, Objective-C, Java, .NET, Android, C++, Go, Lua, ooc, ActionScript, ColdFusion, Scala, Clojure, Fantom, CoffeeScript, D, Haskell, XQuery, ASP, Io, Dart, and for Haxe Works great with TextMate, Vim, Emacs, and Coda The Manual: mustache(5) and mustache(1) Demo <h1>{{header}}</h1> {{#bug}} {{/bug}} {{#items}} {{#first}} <li><strong>{{name}}</strong></li> {{/first}} {{#link}} <li><a href="{{url}}">{{name}}</a></li> {{/link}} {{/items}} {{#empty}} <p>The list is empty.

http://mustache.github.io/

Related:  Programowanienetalex

idealforms - Ideal Forms is a small framework to build powerful and beautiful forms for the web. Version 1.02 will no longer be maintained. Ideal Forms is a small framework to build powerful and beautiful forms for the web. It's very easy to use and requires minimal html. Absolutely everything is stylable with css, no images needed. Differences Between Facebook Share and Like Button - Waterfox Before the “Like” button even exists, the only way to get your post shared across the Facebook network is via the “Share” button. With the new “Like” button, many webmasters rush to implement it on their sites, with some even replaced the “Share” with the “Like” button, without understand the differences. Some even think that the “Like” button is just a newer version of the “Share” button. In this article, we will show you the differences between the Facebook Share and Like button and how you can utilize them effectively. Facebook Share

Prefix free: Break free from CSS vendor prefix hell! -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. The target browser support is IE9+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome on desktop and Mobile Safari, Android browser, Chrome and Opera Mobile on mobile. If it doesn’t work in any of those, it’s a bug so please report it. Just before you do, please make sure that it’s not because the browser doesn’t support a CSS3 feature at all, even with a prefix. In older browsers like IE8, nothing will break, just properties won’t get prefixed.

Using HAML templates in JavaScript Static Version One of my favorite libraries when I was doing ruby development was the HTML templating language HAML. For those of you who haven't yet been enlightened, it's an alternate syntax for XML that results in a lot less code to write the same thing. When I switched to primarily JavaScript, I missed HAML so much I wrote two ports of it. Engine Goes Open Source Turbulenz Engine Goes Open Source We’re excited to announce that we have released the Turbulenz HTML5 game engine as open source under the standard MIT license. The open source project is available on GitHub at You may have seen Turbulenz mentioned somewhere and wondered what it was. Turbulenz provides a game engine that delivers all the building blocks developers need to rapidly create high quality and hardware accelerated 2D and 3D games playable across mobiles, tablets and the web. Polycraft by Wonderstruck

mobiscroll - Wheel scroller/Date and Time picker jQuery plugin for touch devices (Android phones, iPhone, iPad, Galaxy Tab) Mobiscroll 2.9.4 is out! Newer version (than 2.6.2) of the controls can be found here. 1. What is HTML5? / HTML & CSS / Textile / Programming languages / Articles / Home - BASICuse - the home of the best guides and tutorials for every day - Waterfox This article belongs to the category "for beginners". Using simple words, we are going to talk about the fifth version of HTML, which is currently under development. And despite the fact that HTML5 is still far from perfect, its performance astonishes many.

Toxiclibs.js - Open-Source Library for Computational Design There are several areas where toxiclibs.js stands apart to remain more idiomatic and helpful in the javascript environment. For a complete description of the conveniences added to toxiclibs.js, read the sugar file in the repository. Some examples of these differences are: 960 Grid on jQuery-Mobile - merge 960.gs flexibility with jquery-mobile ease jquery-mobile-960 is a port of 960 grid to jquery mobile. It merge the flexibility of 960.gs, and the ease of jquery mobile. It aims to bring more flexibility to jquery-mobile layout and thus make it easier to use on tablets. To use 960 grids in jQuery Mobile, simply add one line: And now you can use normal 960 grid syntax inside jQuery mobile pages <fieldset class="container_12"><div class="grid_2"><button type="submit">Button 1</button></div><div class="grid_8"><button type="submit">Button 2</button></div><div class="grid_2"><button type="submit">Button 3</button></div></fieldset>

CSS3, HTML5, JavaScript, AJAX and More Try Semtex – the new HTML5, CSS3 and JavaScript UI framework! I am happy to announce that I’ve just finished the new widget that is already part of Acid.JS Web.UI – the AcidJs.Gauge class (demo). AcidJs.Gauge is a JavaScript widget, using the HTML5 canvas element to draw interactive gauges with various configuration options on the page with a simple, but yet powerful API. All major browsers are supported, and for older browsers, which do not support canvas we have a nice fallback. You can check the demo of this page. 10 Steps to Getting Started with jQuery Mobile - Waterfox jQuery Mobile | 10 Easy Steps to Getting Started! Demo As smartphones and tablets are become popular and can be found all over the place today, the need for mobile page is rises greatly. A mobile web page provides completely different web experience than a normal web page in term of resolution size, web page load time and mobile browsers. However, we can easily create a mobile page with help of jQuery Mobile framework.

25 Secrets of the Browser Developer Tools – AndiSmith.com Over the last few years there has been one tool that has helped out every web developer more than any other – the browser developer tools. Working in harmony with the web browser, the developer tools allows us to manipulate DOM elements, CSS styles, JavaScript and other useful information from the same window often in real time. Historically developers have used Firefox's Firebug add-on to develop and debug their websites, but more recently each browser has developed its own set of tools and each comes with its own advantages and disadvantages. Nowadays it seems hard to imagine ever building a website without one of these handy tools, which are normally accessible by either pressing "F12″ in Windows or "Cmd" ⌘, "Option" ⌥ and "I" on the Mac, or by right clicking on the page and selecting “Inspect Element”.

Touch - JavaScript Mobile Framework for Building HTML5 Web Apps DHTMLX Touch is a free open source JavaScript library for building HTML5-based mobile web apps. It's not just a set of UI widgets, but a complete framework that allows you to create eye-catching, robust web applications that run on iOS, Android, and other mobile platforms. Syntax DHTMLX Touch framework offers intuitive object inheritance. You can define an object with properties, some of which are objects or arrays of objects, and some are simple strings or numbers. This way you can pass data into components or nest components one into another.

jQuery Transit - CSS3 animations for jQuery What about older browsers? Transit degrades older browsers by simply not doing the transformations (rotate, scale, etc) while still doing standard CSS (opacity, marginLeft, etc) without any animation. Delays and durations will be ignored. // Delegate .transition() calls to .animate()// if the browser can't do CSS transitions.if (!$.support.transition) $.fn.transition = $.fn.animate; Fallback to frame-based animation

Related:  languagesTemplates