MaintainableCSS - Guida in linea per scrivere codice CSS mantenibile

Scrivere CSS è piuttosto semplice una volta capito la sintassi e i metodi per strutturare una pagina. Ma padroneggiare i CSS per creare codice modulare, semantico e riutilizzabile è un altro argomento.

Esistono molte tecniche diverse che puoi utilizzare come SMACSS o ITCSS, ma questi sono modelli che ti spingono in una certa direzione. Potresti preferire MaintainableCSS, una guida online completa di suggerimenti e strategie per scrivere un codice CSS a lungo termine migliore .

La guida è completamente gratuita ed è anche ospitata su GitHub incluso tutto il codice del sito web. Dovresti iniziare a leggere all'introduzione che spiega le basi di questa guida online e perché è utile per gli sviluppatori web.

Queste linee guida del codice ti aiutano a sviluppare abitudini piuttosto che strutture forzate. In questo modo puoi organizzare il codice nel modo giusto, indipendentemente da come scrivi effettivamente selettori specifici (ma MaintainableCSS ha anche suggerimenti per questo).

A parte l'organizzazione del codice, questo sito entra anche in argomenti più complessi riguardanti lo sviluppo moderno dei CSS . Alcuni di questi argomenti includono:

• Sviluppo modulare
• Velocità e prestazioni
• Gestione della ridondanza
• Convenzioni sul codice
• Stati CSS come caricamento, disabilitato e nascosto

La maggior parte dei capitoli sono molto brevi e si muovono velocemente, quindi non trascorrerai molto tempo a leggere questa guida.

Dai un'occhiata al sommario e ai dodici capitoli di questa guida. Le basi sono piuttosto comuni ma imparerai molti argomenti avanzati come il controllo delle versioni e JavaScript + CSS .

I nuovi sviluppatori che ancora non capiscono i CSS potrebbero voler evitare questa guida . Assume un livello base di conoscenza che coinvolge specificità, selettori e proprietà .

Ma se sai già come scrivere CSS e vuoi solo farlo meglio, MaintainableCSS è per te. È l' approccio breve e dolce alla pulizia dello sviluppo di frontend modulare tornando alle basi e scrivendo codice che durerà per anni a venire.

30+ Modelli di pulsanti "Chiamata all'azione" da scaricare

Non c'è quasi nessun sito web che non ha due tipi di pulsanti, vale a dire; pulsanti social media e pulsanti di invito all'azione. Mentre il primo è un argomento completamente diverso, in questo post, sto visualizzando i modelli di pulsanti di invito all'azione da scaricare .Poiché i web designer sono sempre alla ricerca di una nuova collezione di pulsanti di invito all'azione a loro disposizione, ecco una raccolta di modelli di pulsanti di invito all'azione che vanno da HTML, CSS e JavaScript a formati Photoshop progettati in modo professionale . D

(Consigli tecnici e di design)

Crea descrizioni minime in Pure CSS con Wenk

Con un nome così strano, non ti aspetteresti molto da Wenk, una libreria di tooltip CSS gratuita. Eppure è una delle librerie più piccole che puoi misurare con meno di 1KB quando gzip.Wenk usa puro CSS con attributi data-* per creare tooltip dal vivo che puoi ridisegnare e posizionare a tuo piacimento. M

(Consigli tecnici e di design)