v3, a Three Levels Validation Contact Form for Bootstrap

v3, or vCube, is a contact form that I just published on github.

The form has three levels of validation:

• Javascript Validation
• PHP Anti spam tests
• PHP Validation

Every configuration is in one configuration array, then the script builds the form, validates and sanitizes the data for you.

The script includes a library for js validation: Bootstrap Validator, a library for PHP validation: GUMP (which I added a couple of functions) and a plug-in for captcha.

vCube class makes cooperate the two classes:

• it builds the HTML to trigger the javascript 
• drives the data trought GUMP for server side parsing

Between these two steps v3 makes three anti-spam tests:

• is not a bot,
• hidden form field value,
• the form is compiled in a time range (2-3600 seconds).

See the web-page on Github: http://orazionelson.github.io/v3/

See the project page on Github: https://github.com/orazionelson/v3

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.

Easter-eggs in CSS3 ... and a bit of jQuery

I know it's a bit late, Easter is gone but I'm still digesting tons and tons of casatiello (a delicious neapolitan salt cake) and coding is a good idea to help my stomach.

Ok, let's try to draw an easter-egg just using CSS3 and jQuery.

I need to obtain at least an egg, a ribbon and a cockade; everything has to be resizable with the page.