ZURB has put together this set of super awesome responsive email templates so that you can make your email campaigns responsive. With more and more people pulling out their phones to check their email, there had to be an easier way to ensure campaigns looked good on any device. That’s why ZURB recently made all their email campaigns responsive and shared with us.
The templates come with separate CSS stylesheet and HTML file. All CSS needs to be inline for HTML emails. For ease of editing, they have kept the CSS separate. When you’re ready to send your email, you’ll want to use a CSS inliner tool. Many email campaign tools such as Campaign Monitor will do this for you automatically.
Requirements: –
Demo: http://www.zurb.com/playground/responsive-email-templates
License: License Free
Pomelo is a fast, scalable game server framework for node.js. It provides the basic development framework and a lot of related components, including libraries and tools. Pomelo is also suitable for realtime web application, its distributed architecture makes pomelo scales better than other realtime web framework.
It’s easy to use, the development model is quite similiar to web, using convention over configuration, almost zero config. The api is also easy to use. The framework is extensible. All the components, libraries and tools are individual npm modules, anyone can create their own module to extend the framework. The reference is quite complete, they have complete documents. They also provide a full open source MMO demo (html5 client), which is a far more better reference than any books.
Requirements: Node.js Framework
Demo: http://pomelo.netease.com/
License: MIT License
Webasyst is a new open source PHP framework for developing sleek multi-user web apps, and complex websites. Comparing to other frameworks such as Zend and Symfony, Webasyst framework stays more focused and allows building apps for business and team usage more quickly and efficiently. The framework offers lots of ready-to-use tool for user management and authorization, UI building, mobile-ready access, etc.
Webasyst framework has been designed in such a way that within a single installed software instance, several different applications can be installed and used. It was one of the main goals of creating the framework to allow tight integration and interaction between several applications. Webasyst released under LGPL license that permits creation of commercial applications, which makes Webasyst a great platform for developing web apps for businesses.
Requirements: PHP Framework
Download Link: http://www.webasyst.com/
License: LGPL License
Ratchet helps you prototype iPhone apps with simple HTML, CSS and JS components. You can use these docs as a reference for all the available components and piece together the pages of your app. You can also customize the style in order to make the prototype all your own.
Push.js allows you to create a prototype that feels like a real app when you save it to your phone. Please don’t forget your meta tags. They’re included in the template.html page included in the download, but make sure they stay in the page. They are important to Ratchet working just right. Ratchet is under the the MIT license, meaning you’re basically free to use the framework as you please.
Requirements: JavaScript Framework
Download Link: http://maker.github.com/ratchet/
License: MIT License
Bourbon Neat is an open source fluid grid framework built on top of Bourbon with the aim of being easy enough to use out of the box and flexible enough to customize down the road. It is built on top of Sass and Bourbon using em units and golden ratios.
Using Sass 3.2 block mixins, Neat makes it extremely easy to build responsive layouts. Using the breakpoint() mixin, you can change the number of columns in the grid for each media query and even store these values in project-wide variables to DRY up your code. It has been tested on Firefox 3.5+, Safari 4.0+, Chrome 4.0+, Opera 9.5+ and IE 8+.
Requirements: Sass and Bourbon Framework
Demo: http://thoughtbot.com/neat/
License: MIT License
Metro UI CSS a set of styles to create a site with an interface similar to Windows 8 Metro UI. This set of styles was developed as a self-contained solution. Metro UI CSS is made with LESS. LESS a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.
Metro UI CSS allows to create a Web site in the style of Windows 8 quickly and without distractions on routine tasks. It has been tested on all modern browsers. Internet Explorer supported on 9+.
Requirements: LESS Framework
Demo: http://metroui.org.ua/
License: License Free
Grid-A-Licious is described as “Divs are placed in chronological order with a special grid”. It is responsive and adapts to different screens. It is fluid and float perfectly regardless of the screen size or device.
Grid-A-Licious 3 is totally rewritten and the biggest change since the previous versions of Grid-A-Licious is that the items in the grid aren’t using absolute positioning any more. They’re all floating. This will help many of you who are struggling with the grid content overlapping each other while loading. Also, this will probably speed up things as well.
Requirements: JavaScript Framework
Demo: http://suprb.com/apps/gridalicious/
License: MIT License
Ejecta is a fast, open source JavaScript, Canvas & Audio implementation for iOS. Think of it as a Browser that can only display a Canvas element. Ejecta is like a Browser without the Browser. It’s specially crafted for Games and Animations. It has no DIVs, no Tables, no Forms – only Canvas and Audio elements. This focus makes it fast.
JavaScript code is executed directly by a JavaScript VM, the HTML5 Canvas API is implemented in native code with OpenGL, Audio is implemented with OpenAL. Several other APIs (touch, accelerometer, localStorage) behave like those in a real browser.
Many HTML5 Games run out of the box, or with minimal modifications – with better performance, better sound support, Game Center integration and more.
Requirements: iOS App
Demo: http://impactjs.com/ejecta
License: MIT License
Deployd is a platform that makes building complex backends simple. Build APIs for web and mobile apps in minutes instead of days. Unlike working with a traditional backend, there’s no boilerplate, or configuration. Deployd works right out of the box. The best part is that you can run it however and wherever you want – it’s free and open source.
Deployd is a new way of building data-driven backends for web apps. Ready-made, configurable Resources add common functionality to a Deployd backend, which can be further customized with JavaScript Events.
Deployd is a resource server. A resource server is not a library, but a complete server that works out of the box, and can be customized to fit the needs of your app by adding resources. Resources are ready-made components that live at a URL and provide functionality to your client app.
Requirements: –
Demo: http://www.deployd.com/
License: Apache License
TypeScript is a language for application-scale JavaScript development. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. TypeScript starts from the syntax and semantics that millions of JavaScript developers know today.
With TypeScript, you can use existing JavaScript code, incorporate popular JavaScript libraries, and be called from other JavaScript code. TypeScript compiles to clean, simple JavaScript code which runs on any browser, in Node.js, or in any other ES3-compatible environment.
Requirements: –
Demo: http://www.typescriptlang.org/
License: Apache License
