Categoria: Javascript

  • HowTo: Star rating con riempimento parziale

    HowTo: Star rating con riempimento parziale

    Notando che molti utenti hanno dimostrato interesse nel mio precedente articolo dove ho fatto uso di SCSS e HTML per mostrare uno star rating con gestione del mezzo punteggio, ho pensato che sia giusto soddisfare le curiosità e le necessità di tutti affrontando il tema sotto un’altro aspetto: come si può dare la percezione di […]

  • Multiple files download on single link click

    Sometimes happens that some people need to download multiple file from a single user interaction: the click on the link. Assuming that your  browser suppors Javascript and considering to use jQuery to simplify the concepts, you can use a simple script to accomplish this job.

  • Detect if browser supports base64 dataURI using JavaScript

    A long time ago Flickr have introduced base64 dataURI images in its pages. It brings a lot of benefits for users and web servers but at the time the most of the browsers was not supporting this schema. For the ones that does not konw what base64 data URI is, just mind to something that is written using 6 […]

  • Generate CSV Data URI from a table via javascript

    Sometimes happens to export data from table in other format like XML or CSV. In this easy tutorial, we can see how to export data from table into CSV on client side using data stored into an HTML table.

  • WordPress: menu con stile alterno per elementi pari e dispari

    Tipicamente un menu di navigazione è organizzato come una serie di elementi (li) di un elenco puntato (ul). Anche WordPress adotta questa convenzione per l’elaborazione dei menu di navigazione.

  • Howto send outerHTML to a server page

    The following script allow you to send via post or get the outerHTML of a given element to a specific URL.

  • Build a simple semantically valid carousel from scratch (part 4)

    In the latest weeks we had discuss about a simple semantic carousel that will suite perfectly the concept of Progressive Enhancement. Then, how I’ve promised in the previous article, we will animate the carousel implementing the methods moveNext, movePrev and apply some animations to the carousel.

  • Build a simple semantically valid carousel from scratch (part 3)

    After we’ve made a proof analysis of the Carousel, thinking about it’s structure and making it strictly semantic, we’ve discussed about the presentation using only CSS if javascript would not be available. The result is acceptable and works fine in the most browsers. But in this article we will wet our hands into jQuery and […]

  • Build a simple semantically valid carousel from scratch (part 2)

    In the previous part of this article we had structured the HTML for our carousel, it has a strongly semantic structure. But it is only HTML. In this article we will discuss how to implement an acceptable style sheet in absence of Javascript in honor of Progressive Enhancement!

  • Build a simple semantically valid carousel from scratch (part 1)

    In the latest day I wonder how to build a carousel like iTunes coverflow but more simpler. First of all we’ll make a checklist of requirements, second we’ll make a scratch of the carousel, third we’ll analyze each element of the scratch, which is their role in the context and at the end we will […]

  • Improving jQuery Infinite Carousel (part two)

    Just few days ago I described how to make the Infinite Carousel flexible. In this tutorial I would like to describe you how to solve some bugs introduced by the previous article (just an improvement) and how to implement the swipe event into this carousel.

  • Improving jQuery Infinite Carousel (part one)

    Recently i was looking for a jQuery Carousel and the most interesting I found was the one proposed by jQuery For Designers, but it has a lot of limitations that I would bypass because I’d like to use the carousel in a full block context and second because I want use the “Swipe” touch gesture […]