Archivio tag: selettori

Sull’efficienza dei selettori annidati

venerdì 26 febbraio 2010 - 8:39

di Cesare Lamanna

Qual è il migliore approccio nella definizione dei selettori all’interno di un foglio di stile? Di quali fattori tenere conto? Va bene privilegiare la leggibilità  e l’usabilità  del codice sacrificando, almeno entro limiti accettabili, le performance nel rendering della pagina?

Possono essere così sintetizzati gli spunti di discussione che può suscitare un post come questo di Cory Schires. Il nostro si esprime a favore della pratica dell’annidamento profondo dei selettori CSS.…

Continua a leggere Sull’efficienza dei selettori annidati

Tags:, ,

Categoria: selettori | Permalink | Commenta

Pseudo-classi strutturali su IE via Javascript

martedì 19 gennaio 2010 - 8:24

di Cesare Lamanna

Nel contesto del modulo CSS3 dedicato ai selettori, un’intera sezione è dedicata alle cosiddette pseudo-classi strutturali. Per l’esattezza, si tratta dei seguenti selettori: :nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, :first-child, :last-child, :only-child, :first-of-type, :last-of-type, :only-of-type, :empty.

Le cose che ci si possono fare sono tante e interessanti. Si ha bisogno di selezionare un elemento che non ha elementi figli? Usiamo empty. Vogliamo selezionare l’ultimo elemento figlio di un altro elemento? Ecco pronto last-child. Per sapere se il browser che usate li supporta, è sufficiente una visita al pagina …

Continua a leggere Pseudo-classi strutturali su IE via Javascript

Tags:, , ,

Categoria: selettori | Permalink | Commenta

Selettori di attributo CSS e gestione delle immagini

mercoledì 2 dicembre 2009 - 8:45

di Cesare Lamanna

Tante volte si guarda ai CSS e alla loro evoluzione solo in vista della possibilità  di applicare questo e quell’effetto visivo. E si dimentica quanto utili e potenti possano essere aspetti del linguaggio come i selettori avanzati. Certo, anche su questo punto non mancano le voci di quanti vorrebbero di più, ma con quello che si ha a disposizione già  oggi molto si può fare.

Andy Clark, ad esempio, spiega come un uso accorto dei selettori di attributo possa in certi scenari tornare vantaggioso nella gestione delle immagini e della loro presentazione. Gli scenari proposti spaziano dalla possibilità  di applicare …

Continua a leggere Selettori di attributo CSS e gestione delle immagini

Tags:, ,

Categoria: selettori | Permalink | Commenta

I selettori di classe e ID in XML

venerdì 17 luglio 2009 - 10:47

di Gabriele Romanato

Chi prova per la prima volta ad assegnare degli stili ad un documento XML spesso rimane frustrato dal fatto che i selettori di classe e ID sembrano non funzionare in nessun browser. La realtà  è che dato che XML non possiede alcuna DTD predefinita, gli attributi class e id non possiedono alcun significato speciale per un browser. Anche se si specifica una DTD per il documento in questione usando un elemento ATTLIST per ciascun elemento del documento la situazione non sembra cambiare.

Questo si verifica per il fatto che i browser non usano un parser validante, e quindi verificano solo …

Continua a leggere I selettori di classe e ID in XML

Tags:, , ,

Categoria: selettori | Permalink | Commenta

Sulle performance dei selettori CSS

lunedì 16 marzo 2009 - 8:39

di Cesare Lamanna

Ho finalmente avuto il tempo di leggere e studiare con calma il post Performance Impact of CSS Selectors di Steve Sounders.

Prendendo spunto da un’osservazione di David Hyatt (da noi già  ripresa) sulle migliori prestazioni garantite dall’uso di classi e id rispetto all’adozione massiccia di selettori alternativi (discendenti, sibling e child) e riprendendo analoghe prove svolte da Jon Sykes, Sounders ha messo su una batteria di test per verificare l’impatto sui tempi di resa della pagina delle varie opzioni offerte dai CSS in fatto di selettori.…

Continua a leggere Sulle performance dei selettori CSS

Tags:, , ,

Categoria: selettori | Permalink | Commenta

Regole ad hoc con CSS Browser Selector

lunedì 27 ottobre 2008 - 9:26

di Cesare Lamanna

Non so se è una genialata o una delle tante cose che lasciano il tempo che trovano (potrebbe anche essere in effetti un’inutile genialata…).

Parliamo di CSS Browser Selector una piccola libreria Javascript (appena 1kb) che potete scaricare da Github. Cosa fa? Semplice. Visualizzate la pagina ufficiale, date un’occhiata al codice HTML con Firebug, il Web Inspector di Safari/WebKit o altri strumenti simili per IE oppure Opera, in particolare all’elemento html. Noterete la presenza di una serie di classi: sono aggiunte, appunto, dalla libreria e nell’ordine indicano il motore di rendering del browser, il browser stesso, il …

Continua a leggere Regole ad hoc con CSS Browser Selector

Tags:, ,

Categoria: selettori | Permalink | Commenta

Javascript salverà  il mondo

giovedì 23 ottobre 2008 - 9:40

di Cesare Lamanna

Parlavamo ieri di Peppy, il selector engine con supporto completo dei selettori CSS3 appena presentato in versione beta da James Donaghue. Nel post dimenticavo di citare che da un po’ di tempo anche l’ubiquo e infaticabile John Resig sta lavorando ad un progetto simile, Sizzle.

Qualcuno, tra i puristi più puristi, potrà  storcere il naso di fronte a queste soluzioni: perché ricorrere a Javascript per implementare qualcosa che appartiene ai CSS? Beh, forse può contribuire a far cambiare loro opinione questo intervento di Eric Meyer (dire semplicemente che si tratta di un evangelist rispetto all’adozione dei CSS è …

Continua a leggere Javascript salverà  il mondo

Tags:, , , ,

Categoria: selettori | Permalink | Commenta

Usare i selettori CSS3 con Peppy

mercoledì 22 ottobre 2008 - 9:38

di Cesare Lamanna

Uno dei cardini dei CSS3 è rappresentato sicuramente dai selettori. Tanti e tali i benefici che mettono in mano allo sviluppatore che praticamente tutti i principali framework Javascript sulla piazza li supportano in modo totale o parziale.

mobile spy software for iphone

Chi voglia sfruttare i vantaggi e la potenza dei selettori CSS3 senza ricorrere ad uno di questi framework, può affidarsi ad una libreria dedicata (selector engine). L’ultimo emerso sui siti di social bookmarking è Peppy. Oltre al supporto completo per i vari selettori, promette anche prestazioni notevoli. La libreria (s può scaricare da …

Continua a leggere Usare i selettori CSS3 con Peppy

Tags:, , ,

Categoria: selettori | Permalink | Commenta

Usare oggi i CSS3

martedì 1 luglio 2008 - 9:23

di Cesare Lamanna

“Bello, bellissimo, chissà  quante cose potrei farci… Peccato che il browser X non lo supporta e non lo supporterà  mai…”. àˆ un grido di dolore a cui siamo/siete abituati. Prendiamo i CSS3. La specifica è ben lungi dall’essere giunta alla sua definitiva sanzione da parte del W3C, ma molte parti importanti sono già  implementate nei principali browser (per un quadro riassuntivo rimando all’ottimo CSS3.info o alle tabelle comparative di Quirksmode).

Non sono pochi, dunque, quanti suggeriscono di adottare al riguardo una strategia centrata sul cosiddetto progressive enhancement. Così chiarisce il concetto Alessandro Fulciniti nell’articolo CSS3 a piccoli passi

Continua a leggere Usare oggi i CSS3

Tags:, , ,

Categoria: selettori | Permalink | Commenta

jQuery Refcard per i selettori

giovedì 12 giugno 2008 - 14:11

di Riccardo Degni

Le Refcards sono documenti in formato PDF che contengono informazioni “compresse” ed elegantemente organizzate inerenti ad una determinata tecnologia, come GWT o Eclipse.

Firmata dagli autori Bear Bibeault e Yehuda Katz, è ora disponibile la Refcard che tratta uno dei più importanti componenti di jQuery (e di tutti gli altri framework): i selettori. Vengono trattate le sintassi di base, i selettori core, i selettori custom e come utilizzarli in combinazione con gli altri metodi offerti dalla libreria.

Prima di effettuare il download, è però necessario effettuare una registrazione gratuita.…

Continua a leggere jQuery Refcard per i selettori

Tags:,

Categoria: selettori | Permalink | Commenta