it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


Pulisci codici HTML disordinati con HTML Washer

Se stai modificando la pagina web di qualcun altro o vuoi copiare un codice di un layout, può essere difficile superare la formattazione . Dovrai ripulire molte aree disordinate e questo non è divertente da fare manualmente.

Con l'app Web di HTML Washer, puoi pulire automaticamente qualsiasi codice HTML con un clic di un pulsante.

Questa app Web rimuove tutte le funzionalità estranee dall'HTML, inclusi CSS e JavaScript in eccesso. Rimuoverà anche la maggior parte delle classi e degli attributi per lasciare solo il modello HTML bare-bones.

Questo è forse il più utile quando si studia la struttura di un altro sito web . Se vuoi clonare un layout puoi facilmente visualizzare la fonte e copiare / incollare il codice nel tuo editor.

Potresti anche voler rimuovere i commenti HTML e semplificare ulteriormente il codice . Questo è dove HTML Washer è utile.

Ha una manciata di caratteristiche pulite e queste sono le più utili per gli sviluppatori :

  • Converte il codice in HTML5 (da HTML4 / XHTML)
  • Corregge tag formattati in modo errato
  • Riformatta HTML con indentazione corretta
  • Rimuove tutti gli script in linea e CSS

Tieni presente che HTML Washer non è una soluzione completa per il trasferimento di un layout precedente in HTML5 . Né è uno strumento perfetto per copiare / incollare letteralmente un layout esistente e renderlo tuo.

Ma, come punto di partenza, questo strumento può aiutarti a ripulire velocemente l'HTML disordinato . Ti aiuterà a concentrarti solo sui fondamenti del codice, così non sarai impantanato da classi o attributi HTML estranei.

Sebbene, se del caso i tag non hanno attributi alt questo HTML Washer li aggiungerà alla pagina. Ha lo scopo di generare HTML che sia pienamente compatibile con i moderni standard di codifica e accessibilità .

Una caratteristica che vorrei vedere è l' inclusione opzionale di classi o ID . A volte, ti consigliamo di mantenere le classi, in modo da poter copiare / incollare il codice insieme al foglio di stile originale per mantenere lo stesso aspetto.

Al momento, questo non è possibile con HTML Washer, anche se spero che possa essere aggiunto in un prossimo aggiornamento!

Per uno strumento automatico, questa cosa è ottima e ti consente di copiare / incollare il codice o caricare un file direttamente dal tuo computer .

Per vederlo dal vivo in azione, controlla il sito principale e provalo. Se questo è qualcosa che potresti vedere usando, assicurati di segnalarlo.

E, se hai qualche suggerimento per i miglioramenti, fai un breve messaggio allo sviluppatore su Twitter @HhtmlWasher.

Gli inserzionisti causano i social media per perdere il loro lustro?

Gli inserzionisti causano i social media per perdere il loro lustro?

I siti web di social media come Facebook, LinkedIn e Google Plus sono uno dei fenomeni più sorprendenti che colpiscono il World Wide Web . A partire da Sixdegrees.com, il primo sito Web per combinare la creazione di profili, la costruzione di liste di amici e la possibilità di navigare su tali elenchi sul proprio profilo o sui profili degli altri, l'idea è poi cresciuta nel panorama dei social media. d

(Consigli tecnici e di design)

Come scrivere una proposta Web vincente

Come scrivere una proposta Web vincente

Il web design è una professione che richiede di esaurire la tua creatività giorno dopo giorno. Si creano interfacce Web, si creano schemi di colori, si confrontano i volti dei tipi e cosa no. Per te, questo è qualcosa che ti piace fare e ti senti fortunato pensando di aver scelto la strada giusta. F

(Consigli tecnici e di design)