Semanticstone progettazione e webdesign

Sempre in clima vacanziero oggi ho pinciolato con le foto delle vacanze… ho il grilletto facile e ne ho più di 200 Picasa è sicuramente il software più indicato per fare un pò di ordine. Qui di seguito una piccola FAQ frutto degli smanettamenti mattutini…

In questo post mi domandavo come cambiare al volo foglio stile in base al browser. In “Switch stylesheets with jQuery” viene fornito uno script in jQuery agile agile per cambiare foglio stile. Con questo diviene semplice effettuare uno switching lato client in base al browser.
Basterà sostituire:

$(document).ready(function() {
con il codice opportuno per i browser che si […]

Riporto un tutorial semplice e veloce per creare uno scrolling via jQuery. Di sicuro effetto per le FAQ del vostro sito!

http://www.youtube.com/watch?v=oJ178borHEo

Creare un logo con effetto rollover in CSS si posizionerà al centro dello schermo il logo e si applicheranno gli stili necessari per creare l’effetto desiderato.

livello di difficoltà: medio - basso
tutorial video: link
demo: pagina demo
File tutorial: logo con effetto rollover

Ho iniziato a sperimentare wink e lo trovo veramente pratico. Qui di trovate il mio primo breve video tutorial. Per me è un esperimento per impratichirmi con questo strumento, per voi, spero possa risultare un utile spunto.
Se i tutorial diventeranno numerosi li sposterò in una pagina apposita
Formattare una lista di link partendo da […]

Jquery è un ottimo framework (leggero, crossbrowser e pronto per i CS3) che permette di implementare con poche righe di codice funzionalità ed effetti estremamente interessanti.
In questo post vengono illustrati 10 tutorial visuali che intendono fornire una panoramica per chi intende avvicinarsi e muovere i primi passi nell’uso di questa libreria.

A chi di voi non è mai capitato di dover spiegare a qualcuno una tecnologia o un servizio particolare.
Una spiegazione efficace dovrebbe essere sintetica, operativa e ricca di esempi d’uso comune. CommonCraft è un videoblog che propone video tutorial dallo stile pulito ed essenziale che spiegano l’uso di cose come i feed RSS, Del.icio.us. ecc.
Veramente […]

Niente di sconvolgente ma comunque utile. Questo tutorial spiega come implementare una mappa immagine con i CSS senza far uso di Javascript o del tag map e area. I “box in sovraimpressione” sono liste di definizione che, a CSS, disabilitati appariranno sotto all’immagine di riferimento. Un ottimo compromesso per ottenere una buona mappa, esteticamente accattivante […]

L’idea è semplice ma efficace: impaginare il testo in stile “magazine” attorno a immagini curve. L’autore definisce uno span in questo modo:
curve2 { float: right; display: block; height: 16px; clear: right; }
e poi definisce tramite div differenti la larghezza di ogni span per simulare l’effetto “contorno”. Un lavoraccio! ma l’effetto è più che gradevole!
LInk alla […]