Beautiful Buttons for Twitter Bootstrappers This is an extension to the Twitter Bootstrap framework. It makes creating pretty buttons easy. (Send improvements to @charliepark.) WebP WebP is a modern image format that provides superior lossless and lossy compression for images on the web. Using WebP, webmasters and web developers can create smaller, richer images that make the web faster. WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images at equivalent SSIM quality index. Lossless WebP supports transparency (also known as alpha channel) at a cost of just 22% additional bytes. For cases when lossy RGB compression is acceptable, lossy WebP also supports transparency, typically providing 3× smaller file sizes compared to PNG.
Freetile.js 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 has been the layout engine behind Assemblage and Assemblage Plus for almost two years, and now it becomes available as an independent Open Source project. Features Freetile is inspired by similar, existing efforts such as Masonry, vGrid and Wookmark.
The 30 Best Joomla Extensions Your Website Shouldn't Be Without - Joomla Guides - Joomla Central - Free Joomla Templates, Guides, Tips and Downloads We feature 30 of the very best Joomla extensions that every website shouldnt be without, along with what they are and where to get them. There are over 8000 Joomla extensions available There are over 8000 Joomla extensions to date making Joomla by far the most expandable Content Management System available. But out of them all, how do you know which ones are the best for your website, and where do you find them? UPrinting.com: Download our Free Templates! If you’re having trouble setting up your own design files, then you can use our setup templates. UPrinting’s print templates help you set up proper bleeds and margins for your single-page prints, folded cards, multi pagers, large format prints, and mailers. Categorized per product and file type, our print templates can be downloaded for free.
Customizing Twitter Bootstrap's Nav Bar Color in 2.0 - The Nyaruka Blog Twitter Bootstrap is the bee's knees. At Nyaruka we've used it for virtually every single project since it arrived on the scene. And we aren't the only ones. Sites across the web have picked it up as a great tool to get functional, good looking designs up quickly. But there's one downside to the popularity of Bootstrap, it is all too easy to have your site look like every other Bootstrap site. To my eyes, the biggest giveaway that someone is using Bootstrap is the black nav bar.
alertify.js - browser dialogs never looked so good Unfortunately, I will no longer be maintaining alertify.js. I have many ongoing projects that aren't leaving me with enough time to do what needs to be done. If anyone wants to create a fork and maintain - by all means go for it! It's been great seeing people use it and enjoy it and this decision is simply because I don't believe it's fair that developers are looking for help and not getting it. I wish I had more time or contributions to keep it going and make it better, but the sad reality is that not usually the case on these kinds of projects.
Agile Uploader - Multiple File Upload Tool with Resize Before Upload » Shift8 Version 3 released! Fork Save bandwidth and take the hassle out of getting images down to size for web use. Agile Uploader will let you resize images before uploading to your server using Flash. This is 100% free to use as you see fit (commercially or non-commercially; BSD license), but donations are always appreciated of course. So is feedback. 85 Top Responsive Web Design Tools As the mobile market continues to grow, demand for responsive website design intensifies. This has introduced a new set of tools, 10 of which we've listed below, to help lay out, design, code and plan a responsive website. While some may overlap, each deserves a spot on the list; when combined, they can help you craft a website that provides an optimal viewing experience for users on all devices. (Along with each recommendation is a list of alternative tools that may be useful.) If you are a designer or developer, what are some of the indispensable tools in your responsive toolbox? Please share your recommendations with our readers in the comments, below.
Flight by Twitter Overview Flight is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes. Twitter uses it for their web applications. By way of example, we've included a simple email client demo (browse the source) built over the Flight framework. There's also a flight implementation over on the todoMVC site (source), courtesy of @mkuklis Flight uses ES5-shim and jQuery. Formly. The form glamorizer for jQuery ThrivingKings The form glamorizer for jQuery May 11, 2011 An unbelievably easy way to add style and validation to your forms. Forms are everywhere and, usually, suck. Formly makes adding forms to your site a bit more exciting. Easily add style, validation, and a more impressive user interaction with a single function.
jQuery.Shapeshift Demo What is Shapeshift? Inspired heavily by the jQuery Masonry plugin, Shapeshift is a plugin which will dynamically arrange a collection of elements into a column grid system similar to Pinterest. What sets it apart is the ability to drag and drop items within the grid while still maintaining a logical index position for each item. This allows for the grid to be rendered exactly the same every time Shapeshift is used, as long as the child elements are in the correct order. Function > Form