css - 4MJ – Internet News

E’ da un bel po di tempo che non mi occupo di questo sito e che non inserisco articoli. Mi sono inoltre accorto che oramai il tema e le sue funzionalità sono un po’ obsolete.
E’ per questo che ho deciso di rifare il template e di scrivere man mano tutti i passi per la sua creazione, così potrete imparare qualcosa in più, si spera, o apprendere dei piccoli trucchi, ed allo stesso tempo io attraverso i vostri commenti e pareri riuscirò a prendere delle scelte per farlo nel migliore dei modi.

I fogli di stile possono raggiungere rapidamente grandi dimensioni, sia in termini di lunghezza che di dimensione. Per garantire che le nostre pagine web funzionino correttamente e velocemente, ecco una lista di alcuni web-tool gratuiti per ottimizzare e comprimere i nostri css.

Stanchi del look di gmail.com? In 5 minuti è possibile ottenere su Firefox un nuovo design molto bello e curato.
Per poterlo fare è necessario installare prima di tutto il plugin per Firefox Stylish: Greasemonkey sta a JavaScript come Stylish sta ai css, in poche parole grazie ad esso potrete applicare ai siti che state visualizzando dei css personalizzati, molti dei quali sono reperibili su userstyles.org

Una volta terminato il nostro layout, nel tempo le piccole modifiche ad esso ed al corrispettivo foglio di stile saranno comunque frequenti: a volte inseriamo dei selettori che non serviranno, altre eseguiamo dei piccoli test grafici, che magari poi non ci soddisfano, e ci dimentichiamo di eliminare quei selettori del .css inutilizzati.
A tal fine trovavo solo tool o software che mi aiutavano ad individuare tali selettori solo su una pagina per volta, restava quindi il problema che magari alcune classi che per tale programma erano inutilizzate in una pagina non lo erano per un altra, ed era quindi necessario confrontare i diversi risultati per capire quali classi non servivano davvero.

Per gli amanti della dockbar del mac, la barra icone, ecco un menu in css che emula tale barra. Creato usando la libreria Jquery Javascript e il componente Fisheye presi dalla collezione Interface, tale menù è disponibile per il download. Il risultato è davvero sorprendente ed è inoltre compatibile per IE 6, IE 7, Opera 9, Firefox 2, e Safari 2.

Link: Css dock menu

Ecco un ottimo strumento online in grado di ottimizzare i vostri file css: Cleancss non è il solito compressore CSS che rischia di corrompere alcune proprietà, ma nel suo caso riesce a fare un ottimo lavoro.

Vi presento un ottima estensione per firefox, che a mio parere rappresenta una delle migliori per gli sviluppatori web: Firebug.
Grazie ad essa potrete eseguire un debug, modificare e monitorare il codice html, css e javascript di un sito, e per di più potrete visualizzare in tempo reale le vostre modifiche direttamente su firefox.
Una volta attivato, si aprirà un pannello nella parte bassa della vostra scheda di firefox, dal quale potrete accedere a 5 tab: Console, Html, Css, Script, Dom, Net. Ma analizziamo meglio ognuno di questi strumenti…