Bear CSS è un utile servizio online che permette di generare fogli di stile a partire da un file HTML.

In pratica una volta uppato il file html Bear CSS analizza la struttura ed “estrapola” le classi e gli id che trova assegnati ai vari tag e div.

Bear CSS è stato creato utilizzando una combinazione di HTML5/CSS e ovviamente jQuery e PHP per eseguire molte delle attività più pesanti relative alla elaborazione del documento HTML.

Sicuramente uno strumento utile che ci farà risparmiare del tempo durante la scrittura del codice.

• Vai al sito di Bear CSS

Code Racer è un originale e utile gioco che permette di imparare l’html giocando.

Utile ai principianti che hanno bisogno d’imparare l’html da zero oppure per rinfrescare la conoscenza di tale linguaggio, soprattutto se si fa spesso utilizzo di editor visuali, come Dreamweaver.

Per iniziare basta cliccare sul bottone “Play” presente in homepage e connettere il proprio account Facebook con il gioco.

Vi sarà chiesto di riprodurre del codice html come ad esempio di creare un tabella, oppure una lista html, linkare o inserire un’immagine e tanto altro ancora… e dovrete farlo prima dello scadere del tempo ed essere più rapidi degli avversari.

Buon divertimento!

• Gioca con Code Racer

SimpleModal è un piccolo plugin per creare finestre modali con MooTools in modo semplice.

SimplaModal può essere utilizzato per generare avvisi, finestre di dialogo, di conferma e un qualsiasi HTML (testo, img, video, ecc… ecc…) con poche righe di codice.

SimpleModal può funzionare in modalità asincrona e recuperare il contenuto di pagine esterne.

Le finestre di dialogo utilizzate per la conferma, sono dotate di funzioni di callback.

L’aspetto delle finestre, inoltre, può essere personalizzato con opacità, larghezza, colore, e decidere se il drag and drop dev’essere attivato o meno ed altro ancora…

• Download SimpeModal

Divertente questa raccolta di scatti artistici che ritraggono i corpi di alcune modelle davvero Geek…

Nella raccolta possiamo riconoscere, infatti, diverse interfacce grafiche riproposte sul corpo delle modelle come YouTube, Google o elementi come iFrame, Scroll Bar e Tag HTML…

• Guarda l’intera raccolta di immagini su exeypanteleev.com

Via | JuiusDesign

Le tabelle esistono in HTML per un motivo: per mostrare dati tabulari. Ma poi border=”0″ rese possibile ai designers avere una griglia sulla quale disporre immagini e testo. Ancora il metodo piu’ usato per creare siti Web accattivanti, l’uso delle tabelle sta adesso interferendo con la creazione di un Web migliore, piu’ accessibile, flessibile e funzionale. Individuate dove si originano i problemi, e imparate le soluzioni per creare dei layout di transizione o completamente senza tabelle. (Continua a leggere…)

1. Il primo servizio è CSS Type Set che permette di modificare l’aspetto del testo. Possiamo decidere il tipo di font scegliendo fra: Courier, Palatino, Times New Roman, Arial, Helvetica, Impact, Lucida Sans, Trebuchet MS, Verdana; regolare la dimensione del font e la distanza fra una lettera e l’altra; cambiare il colore dello sfondo del testo e colore del font stesso; applicare il grassetto, il sottolineato, corsivo e l’allineamento del testo (a destra, a sinistra, centrato e giustificato). Mentre modifichiamo i parametri nell’area View css vedremo il codice css generarsi in tempo reale. (Continua…)