Yeoman is a robust and opinionated client-side stack, comprised of tools and frameworks that can help developers quickly build beautiful web applications. They take care of providing everything needed to get started without any of the normal headaches associated with a manual setup.
With a modular architecture that can scale out of the box, they leverage the success and lessons learned from several open-source communities to ensure the stack developers use is as intelligent as possible. Yeoman includes support for linting, testing, minification and much more, so developers can focus on solutions rather than worrying about the little things. Yeoman is fast, performant and is optimized to work best in modern browsers.
Requirements: Node 0.8.x
Demo: http://yeoman.io/
License: BSD License
Twitter has launched a new real-time tools for website developers. With the New embedded timelines you can place any public timeline on your website, connecting your readers with the Tweets that you and others create on Twitter.
With one line of HTML you can deliver any account’s Tweets, favorites, a list, search query or #hashtag directly to your website. Embedded timelines are interactive, enabling visitors to reply, retweet and favorite Tweets, follow your accounts, and Tweet directly to you all without leaving the page.
These new tools are built specifically for the web: they load fast, scale with your traffic as your audience grows, update in real-time, and work great in modern, legacy, and mobile browsers. Please do not forget to follow @webappers on Twitter!
Requirements: JavaScript framework
Demo: https://dev.twitter.com/docs/embedded-timelines
License: License Free
Infinity.js is a UITableView for the web: it speeds up scrolling through long lists and keeps your infinite feeds smooth and stable for your users. It is small, battle-tested, and highly performant. The code is hosted on Github, and distributed under the BSD License. The annotated source is available, as are demos both with Infinity turned off and on.
Infinity.js was built by Airbnb alongside the development of the Popular Wishlists and Friends feeds, and sees daily production use there today. Its only dependency is on jQuery.
Requirements: jQuery framework
Demo: http://airbnb.github.com/infinity/
License: BSD License
A modern and easy to use Admin User Interface is the key to success of web applications. A custom made web admin user interface usually cost you a fortune.
Due to the popularity of 20 Professional Web Admin Templates we have published a year go, we have hand picked the following 10 New Professionally Designed Admin Templates on ThemeForest. You may find them useful when designing your own web application. All of them are professionally designed, and selling at a very low price.
1) Supr Responsive Admin Template
Supr is a full admin skin based on popular Twitter Bootstrap framework. This template is designed to help you build the site. Administration without losing valuable time. Template contains all the important functions which must have one backend system.
2) Aquincum Responsive Admin Template
Aquincum – a new premium admin skin with lots of custom elements, 35+ plugins and very flexible content structure. It has 3 columns liquid structure with 3 level navigation and 2 level sidebar. Available 10 main backgrounds, compatible with Bootstrap 2.0.3 and latest jquery versions.
3) Zice Admin Colorful Admin Templates
Zice Admin is Colorful Admin theme, includes dashboard, form, full option gallery, graph presentation, file management, calender, user interface, map & location, error page, 200+ icon,Theme PSD File and documentation for admin management. It is colorful style effect and design templates for easy to use
Read the rest of this entry »
TiltShift.js is a jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6.
You can define the focus point, the blur radius, the amount of area that is in focus, the amount of area between complete focus and complete blur, and the direction of the effect. TiltShift.js is released under GPL License.
Requirements: jQuery framework
Demo: http://www.noeltock.com/tilt-shift-css3-jquery-plugin/
License: GPL License
Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it’s children in a layout that makes optimal use of screen space, by “packing” them in a tight arrangement.
Freetile is inspired by similar, existing efforts such as Masonry, vGrid and Wookmark. However, it differs from these solutions in some aspects: It allows for any size of elements to be packed without using a fixed-size column grid, so you don’t have to worry about specifying a column width appropriate to the size of your elements.
A smart animation routine allows distinguishing between elements that is meaningful to be animated and ones that are not (e.g. elements that have been just added to the arrangement, or those that are not visible). Special classes allow for explicitly limiting animation to select elements.
Requirements: jQuery framework
Demo: http://yconst.com/web/freetile/
License: BSD License
Reveal.js is a framework for easily creating beautiful presentations using HTML. It comes with a broad range of features including nested slides, markdown contents, PDF export, speaker notes and a JavaScript API.
It’s best viewed in a browser with support for CSS 3D transforms but fallbacks are available to make sure your presentation can still be viewed elsewhere. If you’re interested in using speaker notes, reveal.js comes with a Node server that allows you to deliver your presentation in one browser while viewing speaker notes in another.
Requirements: JavaScript framework
Demo: http://lab.hakim.se/reveal-js/
License: MIT License
Thank you for all of the participants of Giveaway 5x 3 Months Web Dev Training from Treehouse. We are happy to announce the following winner. Congratulations. You will receive an email from Treehouse with instructions of getting the free subscriptions shortly.
1. krishna kumar
2. abarrere
3. Chase Colman
UPDATE: Sorry, I missed two.
4. Lampros Mousselimis
5. ki11er
WebAppers will continue giving away some really nice web development tools and resources to our readers. Please feel free to suggest what you would like for the next Giveaway under this post. Thank you.
Avgrund.js is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page.
It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations (e.g. in IE 6-9 has standard behavior). It has been tested with jQuery 1.4+. And it is lightweight, file size is under 2Kb. It is licensed under MIT License.
Requirements: jQuery framework
Demo: http://labs.voronianski.com/jquery.avgrund.js/
License: MITLicense
SlabText is a jQuery plugin for producing big, bold and responsive headlines. Put simply, the script splits headlines into rows before resizing each row to fill the available horizontal space.
The ideal number of characters to set on each row is calculated by dividing the available width by the pixel font-size – the script then uses this ideal character count to split the headline into word combinations that are displayed as separate rows of text.
Requirements: jQuery framework
Demo: https://github.com/freqdec/slabText/
License: MIT, GPL License
