Topcoat: gli sviluppatori di framework CSS alla velocità della luce adoreranno
Quando scegli un framework di frontend, di solito guardi prima all'estetica. E non fraintendetemi, l'estetica è importante!
Ma le prestazioni del tuo sito web sono fondamentali per l'usabilità tanto quanto il design della tua pagina. Per molti framework come Bootstrap, puoi solo scegliere prestazioni o design, raramente entrambi.
Il topcoat è diverso. È progettato pensando all'utilizzabilità e al tempo stesso puntando molto sulle prestazioni . Infatti, Topcoat è stato testato per le prestazioni e ogni nuovo componente esegue prove di velocità per garantire il tempo di caricamento più veloce.
La cosa bella di Topcoat è che non sembra troppo leggero o minimalista.Hai ancora accesso a un'enorme libreria di componenti, da pulsanti a schede, caselle di controllo, campi modulo e interruttori on / off (tra molti altri elementi).
La libreria viene fornita con un file CSS e JS che hai appena incluso nella pagina per funzionare. Niente di troppo complesso, e certamente non più complesso di Bootstrap di Twitter.
Certo, la libreria dei componenti potrebbe sembrare più piccola di quella di Bootstrap e dovrebbe essere più leggera. Tuttavia, la struttura della pagina è superba e rende Topcoat una struttura brillante per i nuovi siti che hanno a cuore la velocità .
Topcoat utilizza le convenzioni di denominazione BEM, uno dei molti stili di scrittura CSS popolari creati per organizzare il codice. Questo può essere difficile da imparare se vuoi espandere il foglio di stile di Topcoat, ma risolverà un po 'il tuo processo di codifica.
Inoltre con Topcoat hai pieno accesso ai loro file PSD se vuoi modificare o ridisegnare uno qualsiasi dei componenti della pagina. Molto carino!
Tutto, dagli stili personalizzati ai set di icone personalizzate, viene fornito con Topcoat . È il framework frontend più pulito che troverai con una chiara attenzione alle prestazioni.
Per saperne di più, visita il sito Web Topcoat e assicurati di controllare il repository principale di GitHub per le istruzioni di installazione + i collegamenti per il download ai file sorgente.Puoi anche condividere le tue opinioni con il team sul loro account Twitter @topcoat.
Copia codici da siti web facilmente con SnappySnippet
Come sviluppatore web, potremmo occasionalmente trovare alcuni elementi ispiratori su un sito Web che ti fanno pensare a come hanno costruito quella cosa. Quindi, penseresti a ottenere una copia di quel codice. Chrome Devtools e Firebug di Firefox sono stati effettivamente forniti con la funzione che semplifica la copia di HTML e CSS da un sito Web
Typograph 101: Serif vs. Sans-Serif
Nella fase di selezione dei caratteri, un progettista spesso si chiede "a Serif o Sans-Serif"? La scelta del tipo di carattere tipografico da utilizzare in un design è della massima importanza in quanto influisce notevolmente sulla leggibilità, sull'esperienza utente e sull'estetica generale del progetto.A