Moisés García

noty - THE jQuery notification plugin

Mon, 20 Feb 2012 10:38:12 +0100

With a lot options to choose from, Noty takes charge of the notification system of any website.

I personally don’t like the base CSS style but it won’t be hard to apply the Twitter Bootstrap notifications style

jQuery Org Chart – a plugin for visualising data in a tree-like structure « The Silver Lining

Fri, 17 Feb 2012 22:33:33 +0100

jQuery Org Chart – a plugin for visualising data in a tree-like structure « The Silver Lining:

jQuery OrgChart is a plugin that allows you to render structures with nested elements in a easy-to-read tree structure. To build the tree all you need is to make a single line call to the plugin and supply the HTML element Id for a nested unordered list element that is representative of the data you’d like to display. Features include:

Very easy to use given a nested unordered list element.
Drag-and-drop reorganisation of elements.
Showing/hiding a particular branch of the tree by clicking on the respective node.
Nodes can contain any amount of HTML except
and
- Easy to style.

Say hello to Bootstrap 2.0 | Twitter Developers

Wed, 01 Feb 2012 21:23:43 +0100

Say hello to Bootstrap 2.0 | Twitter Developers:

What’s new

Bootstrap 2 brings a plethora of changes and new features to the toolkit, many added as a result feedback from the community. In addition, much of our work was guided by our experiences of working on Twitter.com’s latest redesign where we created a flexible and durable design system. We took the same approach to Bootstrap 2 and came away with more features, better documentation, smarter default styling, and more.

Here’s a look at some of the most prominent changes:

Completely overhauled documentation for nearly every component
A brand new Customize page to tailor your Bootstrap experience
New 12-column, responsive grid system
New table styles with a common base class for improved compatibility with other tools
New form styles with smarter defaults, requiring less HTML
Icons, graciously provided by Glyphicons
New, smarter navigation components
New buttons, button groups, and button dropdowns
New, simpler alert messages
New javascript plug-ins like carousel, collapse, and typeahead

Bootstrap2, from Twitter

Sat, 28 Jan 2012 16:23:35 +0100

Bootstrap2, from Twitter:

Built for and by nerds

Like you, we love building awesome products on the web. We love it so much, we decided to help people just like us do it easier, better, and faster. Bootstrap is built for you.

For all skill levels

Bootstrap is designed to help people of all skill level—designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex.

Cross-everything

Originally built with only modern browsers in mind, Bootstrap has evolved to include support for all major browsers (even IE7!) and, with Bootstrap 2, tablets and smartphones, too.

12-column grid

Grid systems aren’t everything, but having a durable and flexible one at the core of your work can make development much simpler. Use our built-in grid classes or roll your own.

Responsive design

With Bootstrap 2, we’ve gone fully responsive. Our components are scaled according to a range of resolutions and devices to provide a consistent experience, no matter what.

Styleguide docs

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only our features, but best practices and living, coded examples.

Growing library

Despite being only 10kb (gzipped), Bootstrap is one of the most complete front-end toolkits out there with dozens of fully functional components ready to be put to use.

Custom jQuery plugins

What good is an awesome design component without easy-to-use, proper, and extensible interactions? With Bootstrap, you get custom-built jQuery plugins to bring your projects to life.

Built on LESS

Where vanilla CSS falters, LESS excels. Variables, nesting, operations, and mixins in LESS makes coding CSS faster and more efficient with minimal overhead.

HTML5

Built to support new HTML5 elements and syntax.

CSS3

Progressively enhanced components for ultimate style.

Open-source

Built for and maintained by the community via GitHub.

HTML5 Please - Use the new and shiny responsibly

Fri, 27 Jan 2012 00:26:24 +0100

HTML5 Please - Use the new and shiny responsibly:

Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are

Sisyphus.js, a library that helps save the state of your forms

Thu, 26 Jan 2012 00:21:33 +0100

Sisyphus.js, a library that helps save the state of your forms:

Sisyphus.js it’s a library that helps save the state of your forms with the use of HTML5 Local Storage.

“Imagine you’re filling a complex form on site, or typing effervescent and extensive comment. And when you’re almost done with that browser is crashed, or you closed tab mistakenly, or electricity is turned off, or something else break your efforts. Disgusting, huh?

With Sisyphus on site you just reopen page in your modern (with HTML5 support) browser and see all your changes at that forms. It’s lightweight (3.5 KB) jQuery plugin uses Local Storage to prevent your work being lost. And Sisyphus is easy to use and needs you just to select forms to protect:

$(‘#form1, #form2’).sisyphus();

Javascript Best Practices

Tue, 24 Jan 2012 14:17:27 +0100

Javascript Best Practices:

Table Of Contents