July 16th, 2010 | CSS, Web Designing, html, jQuery 5 Comments »
Oggi ho pubblicato un tutorial su Webexpedition18.com che ho deciso di riportare anche in italiano su queste pagine.
Una dashboard è una barra situata in fondo alla pagina che consente di accede in maniera molto semplice alle applicazioni del vostro Mac (come ad esempio Mail, Safari, iTunes, Address Book, e QuickTime Player).
In questo post vi mostrerò come creare una Dockbar in stile Mac completamente personalizzabile utilizzando CSS3.
Il risultato finale che otterremo è il seguente:
June 14th, 2010 | CSS, Web Designing, XHTML 8 Comments »
L’articolo di oggi non è prettamente tecnico ma è volto a presentare uno script interessantissimo che consentirà di scrivere codice HTML e CSS in maniera velocissima facendoci risparmiare tantissimo tempo.
Sto parlando di Zen Coding, un plugin compatibile con molti editor che consente di scrivere codice validato e corretto in maniera semplicissima e, soprattutto, velocissima.
Scrivendo, ad esempio, la seguente stringa:
div#page>div.logo+ul#navigation>li*5>a
e premendo una combinazione di tasti (CTRL + ,) si avrà il seguente risultato:
<div id="page">
<div class="logo"></div>
<ul id="navigation">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
Le sue potenzialità e comodità sono tantissime, basti pensare alla struttura iniziale della pagina compresa di DOCTYPE che ogni volta dobbiamo copiare/incollare da altre pagine.
June 3rd, 2010 | Accessibilità, Web Designing, browser No Comments »
La scorsa settimana mi sono occupato di analizzare alcune semplici linee guida per garantire la corretta visualizzazione delle pagine web anche per browser testuali.
In questo articolo, invece, mi occuperò di analizzare come i browser testuali interpretano i vari tag html. Ho già detto che non viene interpretato il foglio di stile quindi eventuali margini, bordi, padding, ecc vengono del tutto ignorati; così come per il floating degli oggetti e, ovviamente sfondi e colori. I contenuti vengon visualizzati nell’ordine in cui sono presenti nell’html e renderizzati in maniera, ovviamente, solo testuale.
May 27th, 2010 | Accessibilità, Web Designing, browser No Comments »
In un articolo di qualche settimana fa ho realizzato uno script per identificare i browser testuali. Nell’articolo di oggi vedremo come progettare le pagine web per browser testuali e quali sono i tag supportati e quali quelli ignorati da tali browser.
Come per la volta precedente, utilizzeremo Lynx come browser per effettuare le prove ma una qualunque alternativa è altrettanto valida. Prima di procedere ripassiamo un pò di teoria riguardante l’accessibilità e il funzionamento di questi browser.
February 19th, 2010 | Web Designing 2 Comments »
Non so se succede anche a voi ma quando si è alla fine di un progetto mi viene sempre voglia di incominciare qualcosa di nuovo e sono colto dalla frenesia di cercare in lungo e in largo idee nuove. Per questo che ho raccolto dei bellissimi set di icone completamente free un pò inusuali per abbellire i nostri progetti.
Free Medical Icons Set
Benvenuto! Mi chiamo Simone D'Amico e sono un web designer, web developer e blogger.
Questo blog contiene articoli su Web Design e Web Development. Quì potrai trovare news su HTML, CSS, PHP, jQuery, Wordpress e molto altro.
Se vuoi restare aggiornato puoi abbonarti ai miei feed RSS oppure seguirmi su Twitter.
