Mobile First, Mobile Always ... with Bootstrap

How to set-up the hamburger icon and the mobile navbar for all resolutions in Bootstrap?

HTML5, Not Just a Version Number (Part 2)

The number in HTML5 means something more than a mere version. The environment asks for a minimal effort on some basic programming patterns. If your aim is to have contents adaptable as much as possible to a wide range of devices: accessibility, responsivity and semantics built-in properties are a good starting point.  

TIP: Read before Part 1.

HTML5, Not Just a Version Number (Part 1)

The number in HTML5 means something more than a mere version. It doesn't identify only a markup language but an environment, with, at least, three languages (HTML v.5, CSS v.3 and Javascript) in a pattern, surrounded by a collective strenght to share prototypes and best practices.
An ecosystem strongly oriented to provide web-services, born with a discreet awareness for the future of the web, the abstraction of users wants/needs and the background of the technology frustrations that troubled the Internet in the past decade.

UNITED WE STAND

Awesome icons with Font Awesome

Font Awesome is an "iconic font designed for Bootstrap", the font contains 369 icons divided into a few main areas: Web Application, Form Control, Currency, Text Editor, Directional, Video Player, Brands and Medical.

Append and Animate ONCE with jQuery on mouse action

Using jQuery you can see that appending a text portion or adding an animation to an element on the mouse passage (or on click) brings to an unpleasant loop effect. 

HTML5 frameworks an overview (part III): Twitter Bootstrap

An html5 framework is a pre-built set of pages in html5 with a highly structured css/css3 and some enhances and features added by javascript, so it's not only html5 but concerns a set of technologies always more strictly integrated.

HTML5 frameworks an overview (part II): HTML5Boilerplate

An html5 framework is a pre-built set of pages in html5 with a highly structured css/css3 and some enhances and features added by javascript, so it's not only html5 but concerns a set of technologies always more strictly integrated.

HTML5 frameworks an overview (part I): Skeleton

An html5 framework is a pre-built set of pages in html5 with a highly structured css/css3 and some enhances and features added by javascript, so it's not only html5 but concerns a set of technologies always more strictly integrated.

Polaroid Gallery effect: tutorials and demos

I've always loved Polaroid photos, in the web there are several tutorials and demos to repeat their format and add some nice effects. Here's a small overview about the most interesting, for me:

A "Read more/Hide" link with jQuery

Sometimes you have long text and few space to show it, with jQuery and CSS is very simple to hide part of the text and create a "Read more" link.

jQuery: .hover()

The function .hover() resumes the methods mouseenter and mouseleave. Let's assume that we have an hidden div in our CSS:

#effect{display:none;}