Articoli Taggati ‘Html’

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. || Leggi altro »

CSS3: Visualizzare il portfolio in una griglia di immagini con anteprima

16_06

È 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ù...

4 commenti

Come centrare un elemento verticalmente

05_05

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...

9 commenti

HTML Mobile App: il funzionamento delle view

29_04

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...

4 commenti

Creare sfondi accattivanti tramite CSS: i gradients

28_03

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...

13 commenti

HTML5 Mobile app: transizioni e animazioni CSS3 (parte 2)

24_01

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...

5 commenti

Creare un custom slider con il carousel di Bootstrap

03_12

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...

7 commenti

Validare il codice è davvero necessario?

validato

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...

42 commenti

Sicurezza e siti web: code injection, escaping ed indirezione

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...

8 commenti

Sicurezza e siti web: come trovare le cause di code injection, tecniche di validazione

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...

8 commenti

Sicurezza e siti web: code injection

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...

8 commenti

Sicurezza e siti web: cosa si nasconde dietro al tuo sito?

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....

11 commenti

Sicurezza e siti web: cosa significa, e perchè non devi sottovalutarla su internet?

sicurezza

È 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...

26 commenti

Da Psd a Xhtml: come trasformare il layout in XHTML+CSS?

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,...

17 commenti

HTML: il tag <abbr>

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…)

Nessun commento

Qual è l’editor migliore con cui scrivere il proprio codice? Ecco una lista dei più utilizzati dai webdesigner

editor1

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...

60 commenti

Dall’HTML al jQuery: come mostrare/nascondere dei box in una pagina web?

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...

21 commenti

Web design elements: i form (le basi)

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...

10 commenti

Come indicizzare un sito senza essere degli esperti SEO? Parte 1

Come indicizzare un sito senza essere degli esperti SEO? Parte 1

Negli articoli precedenti di questa guida abbiamo visto come concepire e sviluppare la realizzazione del sito che il nostro cliente ci ha affidato, il quale sembra essere molto soddisfatto del lavoro finora svolto. E adesso? Possiamo anche aver realizzato un...

30 commenti