Articoli Taggati ‘Html’

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 sono già abbastanza conosciute e piuttosto “antiche”. La vera novità sta nella possibilità di poter sfumare i colori dall’angolo in alto a sinistra a quello in basso a destra senza l’ausilio di un programma di grafica esterno.

Ed è anche possibile creare delle sfocature semplicemente modificando un parametro. || Leggi altro »

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

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

29 commenti

Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 2

Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 2

Sei pronto per "ricostruire" la seconda parte del puzzle? Nella lezione precedente abbiamo visto come realizzare in codice la struttura generale del nostro sito. Adesso continuiamo con il processo di "ricostruzione" e vediamo come mettere in codice i vari contenuti...

19 commenti

Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 1

Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 1

Il nostro compito in questa lezione sarà di dissezionare e in seguito di ricomporre il sito come in un puzzle della Clementoni, utilizzando i fogli di stile e l’(x)html. È una delle parti più appassionanti del lavoro perché ti permette...

48 commenti

Giovane grafico per realizzazione di siti web

Giovane grafico per realizzazione di siti web

Studio grafico e web agency in Carate Brianza (MI), cerca giovane grafico con buona esperienza nella realizzazione di siti web e sviluppo di portali internet. Richiesta buona conoscenza di design, html e flash. È requisito di preferenza possedere delle conoscenze...

3 commenti

Html, come lavorare e sviluppare siti in modo professionale?

Html, come lavorare e sviluppare siti in modo professionale?

Comincerò col dire qualcosa che ti stupirà sicuramente: creare siti web professionali è difficile. Ci sono moltissime variabili di cui tener conto, tanti piccoli dettagli da curare, anche se il tuo compito riguarda esclusivamente il codice e non il design...

5 commenti