Articoli Taggati ‘Html’
Guida HTML5: il Canvas – Parte 4
Benvenuto alla quarta e ultima parte di questa guida dedicata al Canvas. Oggi tratteremo alcune tecniche avanzate che ci permetteranno di gestire le ombre, i pattern, i gradient e di modificare immagini. || Leggi altro »
Guida HTML5: il Canvas – Parte 3
Benvenuto alla terza parte di questa guida dedicata al Canvas. Ora che conosciamo tutti i meccanismi di base che regolano questo strumento, possiamo cominciare a creare qualcosa di più complesso e decisamente più interessante come un rudimentale programma di disegno....
CSS3: Visualizzare il portfolio in una griglia di immagini con anteprima
È possibile realizzare un portfolio accattivante in moltissimi modi e gli elementi che entrano in gioco nella sua creazione sono diversi e molteplici. Molto importante è, innanzitutto, considerare il tipo di lavoro freelance che svolgi: va deciso se dare più...
Come centrare un elemento verticalmente
Talvolta ci si imbatte in problemi apparentemente “di poco conto”, ma che è indispensabile risolvere per cercare di mantenere un determinato equilibrio. Come nella vita, così (e soprattutto) nel Web Design. Ma ovviamente non starò qui a vestire i panni...
HTML Mobile App: il funzionamento delle view
Nell’ultimo post ho discusso l’importanza della view in ambito web, e i motivi secondo cui secondo me tale concetto dovrebbe essere preso in considerazione da qualunque sviluppatore front-end. In questo articolo voglio approfondire il discorso delle view e di come...
Creare sfondi accattivanti tramite CSS: i gradients
I gradients sono elementi molto importanti che donano ai nostri siti uno stile sorprendente, interessante, ma soprattutto, accattivante. La novità nei gradients non sta nella possibilità di poter sfumare colori semplicemente dall'alto in basso o da destra a sinistra, queste tecniche...
HTML5 Mobile app: transizioni e animazioni CSS3 (parte 2)
Nella prima parte di questa mini guida abbiamo parlato dei concetti di animazioni imperative/animazioni dichiarative, di come avviare o mettere in pausa un effetto transition e di come queste tecniche possano essere impiegate per la realizzazione di interfacce web e HTML5...
Creare un custom slider con il carousel di Bootstrap
Nel corso di questa guida vedremo come creare uno slider accattivante (qui trovate l'esempio finale) in poco tempo e senza bisogno di acquistare licenze o importare nuovi script e fogli di stile, unico requisito: utilizzare Bootstrap. La guida è basata...
Validare il codice è davvero necessario?
Validare il codice. É la mania di chi tende al perfezionismo e scrive il codice con un’accuratezza quasi maniacale quello di vedere il segno di spunta verde che sta ad indicare che il codice della pagina web appena sviluppata ha...
Sicurezza e siti web: code injection, escaping ed indirezione
Hai visto nell'articolo precedente che un'ottima fase di validazione, oltre che migliorare significativamente la qualità dei tuoi dati, può impedire il passaggio di valori indesiderati al tuo sito, specialmente quelli che possono causare problemi di sicurezza. Validare, però, è solo...
Sicurezza e siti web: come trovare le cause di code injection, tecniche di validazione
E così, dopo aver analizzato il funzionamento "completo" di un sito web, abbiamo scoperto quanto sia vulnerabile, e da quanti punti lo sia. Abbiamo parlato di code injection, e visto le origini di questo tipo di debolezza, magari anche scoperto...
Sicurezza e siti web: code injection
Dopo aver parlato di sicurezza su web in generale, ed aver osservato l'enorme complicazione che sta dietro alla semplice navigazione di un sito web, ti sarai reso conto dell'impossibilità di poter garantire la sicurezza totale. Ma come realizzatori di siti...
Sicurezza e siti web: cosa si nasconde dietro al tuo sito?
Quando puoi veramente essere certo di aver pubblicato un ottimo sito? Quando il navigatore casuale di passaggio riesce ad usarlo senza dover leggere di istruzioni, suggerimenti e guide all'uso in modo naturale, concentrandosi sui contenuti anziché sulle meccaniche dell'interfaccia utente....
Sicurezza e siti web: cosa significa, e perchè non devi sottovalutarla su internet?
È fatta! Un altro gran bel sito è pronto per il rilascio, e dietro all'eleganza di un interfaccia utente intuitiva e semplice, di un layout grafico efficace e lavorato al minimo dettaglio si nascondono migliaia di linee HTML, blocchi di...
Da Psd a Xhtml: come trasformare il layout in XHTML+CSS?
Nella prima parte di questo articolo abbiamo visto come esportare, utilizzando lo strumento "sezioni" di Photoshop, i vari componenti del nostro layout "YIW Corporate". Oggi ti "sporcherai le mani" con il codice: vedremo come realizzare il markup per tale layout,...
HTML: il tag <abbr>
Il tag HTML <abbr> consente agli autori di indicare chiaramente le occorrenze di abbreviazioni permettendo di fornire informazioni aggiuntive sul significato dell’abbreviazione. (altro…)
Commenti disabilitati su HTML: il tag <abbr>
Qual è l’editor migliore con cui scrivere il proprio codice? Ecco una lista dei più utilizzati dai webdesigner
Uno degli strumenti più importanti per un web designer è senza dubbio l’editor (IDE - Integrated Development Environment/Ambiente Integrato di Sviluppo) con cui viene sviluppato il codice che da vita alle proprie opere. Questi applicativi aiutano a redigere il nostro...
Dall’HTML al jQuery: come mostrare/nascondere dei box in una pagina web?
Prendendo spunto dalla richiesta di un lettore ho pensato di realizzare questo esempio per mostrare il processo di creazione di una sezione di un sito, dalla struttura HTML fino all'integrazione di jQuery. Vediamo quindi in questo articolo come realizzare una...
Web design elements: i form (le basi)
I form sono l'anima di Internet. Senza questi elementi, il Web così come lo conosciamo oggi non esisterebbe. Pensa ai siti di ecommerce,ai pannelli di amministrazione, social network, blog (e relativi commenti), senza form. Ma, come capita spesso, le cose...
