Snipplr

(jQuery) Animated numbers update - claudiowebdesign

Tue, 29 Nov 2011 03:54:46 UTC

How to make numbers update with a smooth animation with jQuery

(JavaScript) get RGBA values as an object - claudiowebdesign

Sun, 06 Nov 2011 05:13:03 UTC

this function gets a parameter like an hex color (es: "#ffffff"), an abbreviated hex color (es: "#fff"), an rgb color (es: "rgb(255,255,255)") or an rgba color (es: "rgba(255,255,255,1)"), and returns an object containing the rgba values, like { red:x, green:y, blue:z, alpha:k }.

(PHP) Document.class.php - claudiowebdesign

Fri, 21 Oct 2011 02:15:20 UTC

This is a little PHP class that permits to start quickly the creation of a webpage. When you declare an instance of the class it automatically starts the output buffering and gzip compression, it outputs all the proper tags (doctype, meta, stylesheets, scripts, etc.) until the . Everything you write after that gets actually placed inside the body, and when the page ends the and tags gets automatically added at the bottom. In addition to this, the class gets your IP so to display all the possible error/warning messages to you and none to the random users. EXAMPLES/USAGE: http://claudiobonifazi.com/snippets/Document

(jQuery) metro.js: recreating Windows 8 UI as a web interface - claudiowebdesign

Fri, 14 Oct 2011 22:53:35 UTC

Hi everyone, a while ago i posted a little script that reproduced a little animation effect seen in Windows 8 Developer Preview. I thought about expanding it some more, and in the end i started actually recreating the whole Metro interface in HTML5/CSS3/jQuery. if anyone gets interested in it and desires to give a hand i'll soon upload everything on a public github repository THE RESULT: http://claudiobonifazi.com/snippets/metro THE SCRIPT: http://claudiobonifazi.com/snippets/metro/script/metro.js THE MINIFIED SCRIPT: http://claudiobonifazi.com/snippets/metro/script/metro.min.js hope you enjoy

(PHP) Database php class - claudiowebdesign

Wed, 05 Oct 2011 09:31:06 UTC

That's something quick. A basic php class to manage properly a database. Thanks to magic methods opening a database is almost automatic.

(jQuery) Facebook like notifications with jQuery - claudiowebdesign

Sun, 02 Oct 2011 05:20:34 UTC

I tried to create a little jQuery method to notify events to the user just as in facebook. EXAMPLE: http://claudiobonifazi.com/snippets/fb_like_notifications/ 1- Link this little plugin to your page (or paste it into your files as you wish) 2- add to your page an empty element (a div or similar) and on page load call $('thatdiv').setPopup() 3- Set that element to position:fixed and position it where you like (in this page it has left:50px and bottom:50px) 4- Whenever an event requires the appearing of one of those little popups, do $('thatdiv').callPopup('html content to place inside it') 5- For styling read the demo page's source as a guideline

(jQuery) metro.js : a windows8 like onclick effect - claudiowebdesign

Sun, 02 Oct 2011 05:18:14 UTC

After giving a try with the Windows 8 Developer Preview i asked myself if i could reproduce the on click effect of the metro UI in a webpage. Sadly, for what i know at this time CSS3 3d transformations works only on webkit browsers, so this is nothing more than a code exercise with no real job usefulness. Anyway, here it is: if you click on one of the big squared link they tilt in the direction of the nearest border and if you click exactly in the center they perform a reducing effect. If you try it in firefox or opera only the reducing effect works. EXAMPLE: http://claudiobonifazi.com/snippets/metro_click/

(PHP) Mostrare differenze di tempo come stringhe - claudiowebdesign

Mon, 22 Aug 2011 02:42:39 UTC

Questa piccola funzione riceve come argomento uno unix timestamp e ritorna una stringa contenente la "descrizione verbosa" della differenza di tempo. Ad esempio, usando il timestamp relativo a 5 minuti e mezzo fa, ritornerÃ la stringa "5 minuti e 30 secondi fa". nota: Funziona anche con timestamp nel futuro, e dando il timestamp attuale ritorna "Adesso".

(PHP) Return the name of a day as a string - claudiowebdesign

Thu, 18 Aug 2011 09:07:25 UTC

That snippet return the name of the day (in Italian, but you can easily change that). Giving a value to $offset permits to refer to a day that isn't today, and setting $short to True permits to return a three character shorthand.

(jQuery) Animated link underline - claudiowebdesign

Thu, 18 Aug 2011 08:34:57 UTC

The underlining under the links moves smoothly between them, just like the menu navigation in http://www.claudiobonifazi.com

(jQuery) Lightweight \"label inside input field\" snippet - claudiowebdesign

Thu, 18 Aug 2011 04:05:11 UTC

(CSS) Show links on webpage print - claudiowebdesign

Sat, 13 Aug 2011 04:04:55 UTC

On screen: Click here to see the pics! On print: Click here [link: http://www.shabada.boh] to see the pics!

(PHP) Setting cookies like stack arrays - claudiowebdesign

Sun, 02 Jan 2011 06:39:07 UTC

A little function used to set cookies as arrays of values instead of single combinations key->value. Note that it saves values as a stack.

(CSS) image loading with rotating gif - claudiowebdesign

Fri, 05 Nov 2010 09:19:57 UTC

You can simply put it in your reset stylesheet. It visualizes the classic rotating gif while the document's images are coming from the server at page load.

(HTML) HTML5 standard template - claudiowebdesign

Thu, 04 Nov 2010 20:42:51 UTC

Just a bit of essential code lines to start everytime from. // I don't use it :P

(jQuery) jQuery plugin: Spiral animations - claudiowebdesign

Mon, 01 Nov 2010 05:03:10 UTC

A jQuery plugin that adds the .spiral() method, wich moves an element along an archimedean spiral path.