Enter your query, example: how not cry when slicing onion or how to enter an Free Italian Sex Webcams?
Home » Video » ...

Che cosa sono i css Videos

CSS Sprites Parte1 (Cosa? Dove? Perche? Quando?) [OBIV].it

User Comments

https://gp6.googleusercontent.com/-WZIKaMS4fMY/AAAAAAAAAAI/AAAAAAAAAAA/7lHttblsNY0/s48-c-k-no/photo.jpg?sz=64
Cristian Alemi commented on 02 Aug 2012
Niente di personale eh! non mordere! :D la tecnica è un po vecchiotta e la sconsiglio vivamentema perchè non è possibile risolvere il problema di accessibilità usando un testo (menu o altro) come "immagine" alternativo e poi sono molto scettico dal punto di vista dell'indicizzazione sui motori di ricerca. Non sto cercando di scoraggiare i programmatori a sviluppare in base al loro stile di programmazione ma cerco di frenare il linguaggio in base ai criteri stabiliti dal W3C (saràAttivo nel 2014)
https://gp5.googleusercontent.com/-ZvdfV2RCx1k/AAAAAAAAAAI/AAAAAAAAAAA/nWXsDNqYoLk/s48-c-k-no/photo.jpg?sz=64
Artur Mamedov commented on 03 Aug 2012
Pochi caratteri :( continuo qui... E come alternativa se qualcuno avesse uno schermo più piccolo o più grande io sono per il 'Responsive Design' che diminuisce e incrementa le misure del backgroun in base alla risoluzione.Poi si potrebbe parlare di qualcuno che ha le immagini disabilitate nel browser e li i casi sono due:1.Connessione lenta e bisogna risparmiare il traffico, e al giorno d'oggi sono rari casi.2.La persona che lo fa sa i rischi che corre e non punta ad una bella visualizzazione.
https://gp5.googleusercontent.com/-ZvdfV2RCx1k/AAAAAAAAAAI/AAAAAAAAAAA/nWXsDNqYoLk/s48-c-k-no/photo.jpg?sz=64
Artur Mamedov commented on 20 Dec 2012
Nelle VideoLezioni ne parlo, dipende da come crei il tuo sprites. Se lo crei tu stesso con Photoshop devi guardare tu i Pixel con il righello CTRL+R se lo crei con " csssprites com " ti da lui le coordinate in un File HTML :) Nella descrizione del Video c'e un link al mio sito li dovrebbe essere tutto piu' chiaro. Nella 2a VideoLezione nella prima parte faccio vedere il modo piu' semplice per generare images-sprites. Grazie a te che mantieni la discussione, per me e' un piacere, ciao Buone feste
https://gp6.googleusercontent.com/-yeGjuY4CE7w/AAAAAAAAAAI/AAAAAAAAAAA/8eTV5y80dTg/s48-c-k-no/photo.jpg?sz=64
Camillo Franco commented on 21 Dec 2012
ciao Artur ti rompo ancora. Ho seguito i tuoi filmati ma non penso che sono adatti a quello che cerco o non ho capito io! Premetto sono neofita del linguaggio tecnico e ho bisogno di spiegazioni semplici passo. Facendo un'analisi con gtmetrix mi dice che devo unire alcune immagini in css sprite! Per fare l'immagine posso utilizzare vari programmi online. Poi pero' mi manca sapere i codice css e htlm e dove posizionarli. Le immagini che sono sul sito (quelle vecchie) vano rimosse o rinominate?
https://gp5.googleusercontent.com/-ZvdfV2RCx1k/AAAAAAAAAAI/AAAAAAAAAAA/nWXsDNqYoLk/s48-c-k-no/photo.jpg?sz=64
Artur Mamedov commented on 21 Dec 2012
Quindi non sai le Basi del HTML e CSS che in queste video lezioni sono di prerequisito ? beh prova a guardare qua: BASIHTML youtube com/playlist?list=PL9DA7A50B402ACD06&feature=view_all e qua BASI CSS youtube com/playlist?list=PL4451BBFEAE1907A1&feature=view_all Devi cercare di capire come funzionano le immagini di sfondo nel sito, in questo modo capirai anche il senso degli sprites. Puoi anche veder ti "Un Sito da Zero" youtube com/playlist?list=PL223D0A0B310F5CA9&feature=view_all
https://gp5.googleusercontent.com/-ZvdfV2RCx1k/AAAAAAAAAAI/AAAAAAAAAAA/nWXsDNqYoLk/s48-c-k-no/photo.jpg?sz=64
Artur Mamedov commented on 20 Dec 2012
Hmmm... Forse non hai capito. I CSS Sprites ti permettono di riunire molte immagini in una ... in questo modo quando un utente visita il tuo sito tu gli fai scaricare solo un immagine (cosi il tuo sito si apre piu' velocemente e l'utente non deve aspettare che si scaricano tutte le immagini) ... dopo di che tu con i css (grazie al background-position: ... ; ) posizioni in modo corretto il pezzettino di immagine. Dai un occhiata qua " webfab it/css/60-design-con-css-sprites.html "
https://gp5.googleusercontent.com/-ZvdfV2RCx1k/AAAAAAAAAAI/AAAAAAAAAAA/nWXsDNqYoLk/s48-c-k-no/photo.jpg?sz=64
Artur Mamedov commented on 19 Dec 2012
Cosi al volo posso dire ... o si fa il sito bello per l'utente e si infrangono le regole della W3C etc. Oppure si fanno siti testuali per i bot che controllano il sito per la correttezza... Forse il CSS sprites non è la scelta migliore per un menu, anche se non è per niente male, ma ci sono elementi nella pagina WEB che devono avere un immagine per essere representati (è più semplice per l'utente) e in quel caso i CSS sprites sono i migliori.
https://gp5.googleusercontent.com/-ZvdfV2RCx1k/AAAAAAAAAAI/AAAAAAAAAAA/nWXsDNqYoLk/s48-c-k-no/photo.jpg?sz=64
Artur Mamedov commented on 03 Aug 2012
Nessuno morde : ) Anzi grazie per l'anti tesi, nell'ultimo video appunto chiedo di fare qualche domanda/osservazione interessante e questa che hai fatto è perfetta. Per l'indicizzazione non vedo nessun problema,il link c'è altrimenti non si chiamerebbe menu e anche il testo c'è ed è spostato con i CSS per visualizzare solo il background, abbiamo anche un title nel link che piace ai motori di ricerca.
https://gp6.googleusercontent.com/-yeGjuY4CE7w/AAAAAAAAAAI/AAAAAAAAAAA/8eTV5y80dTg/s48-c-k-no/photo.jpg?sz=64
Camillo Franco commented on 20 Dec 2012
grazie per la tua velocita' nella riposta. Anche se troppo tecnice per me. Approfitto della tua disponibiblita' Io devo mette pohiccime immagini in sprite tipo qualche icona e barette. Non il menu. Come faccio a capire o meglio, da dove prendo le coordinate esatte per poi posizionare tale immagini nella posizione esatta sul sito? il mio sito citycenter-amsterdam com Grazie Camillo
https://gp6.googleusercontent.com/-yeGjuY4CE7w/AAAAAAAAAAI/AAAAAAAAAAA/8eTV5y80dTg/s48-c-k-no/photo.jpg?sz=64
Camillo Franco commented on 20 Dec 2012
ok, adesso e' chiaro, penso. Basta che io inserisca in css sprites generator il link dell'immagine esempio: citycenter-amsterdam com/images/logo2 png e lui mi da' le coordinate in automatico. ifatti ho visto che mi da delle cordinate ma non ero sicuro! Grazie molte per la tua professionalita e tempistica di risposta! Buona giornata Camillo
https://gp5.googleusercontent.com/-ZvdfV2RCx1k/AAAAAAAAAAI/AAAAAAAAAAA/nWXsDNqYoLk/s48-c-k-no/photo.jpg?sz=64
Artur Mamedov commented on 20 Dec 2012
P.S. ho appena controllato , per non rischiare di dire "dicerie" molti bottoni su questo stesso sito sono fatti con i CSS Sprites, vogliamo dire che gli sviluppatori google non sanno cosa fanno?
https://gp6.googleusercontent.com/-yeGjuY4CE7w/AAAAAAAAAAI/AAAAAAAAAAA/8eTV5y80dTg/s48-c-k-no/photo.jpg?sz=64
Camillo Franco commented on 20 Dec 2012
e ma se carico solo le immagini dal PC come fa' a sapere il programma in che posizione devono essere posizionate nel sito e di che sito si ta facendo l'operazione?
https://gp5.googleusercontent.com/-ZvdfV2RCx1k/AAAAAAAAAAI/AAAAAAAAAAA/nWXsDNqYoLk/s48-c-k-no/photo.jpg?sz=64
Artur Mamedov commented on 20 Dec 2012
Si ma piu' che dare il link dovresti caricare dal PC due o piu' immagini e cosi lui li riunisce e ti da le coordinate. Ancora di niente, un piacere :)
https://gp6.googleusercontent.com/-yeGjuY4CE7w/AAAAAAAAAAI/AAAAAAAAAAA/8eTV5y80dTg/s48-c-k-no/photo.jpg?sz=64
Camillo Franco commented on 19 Dec 2012
e quindi un'alternativa?

Tutorial 8 Html/Xhtml & CSS - Introduzione ai CSS

In questo video vediamo che cosa sono, come funzionano e come integrare i CSS con l'HTML o l'XHTML. Altri video tutorial su //marcusnet.altervista.org/

User Comments

https://lh5.googleusercontent.com/-J7GqkJL6bDE/AAAAAAAAAAI/AAAAAAAAAUA/neJdGjxF-u8/photo.jpg?sz=64
jami blek commented on 14 May 2015
si puo fare anche con 
https://gp3.googleusercontent.com/-QTlPYae8vgk/AAAAAAAAAAI/AAAAAAAAAAA/7i8mv7a0WBw/s48-c-k-no/photo.jpg?sz=64
rosso tubo commented on 31 Mar 2013
ma quando carichi il 9° video ?
https://gp4.googleusercontent.com/-pVpTKtBbaSE/AAAAAAAAAAI/AAAAAAAAAAA/2NjyRaFREyI/s48-c-k-no/photo.jpg?sz=64
Adriano Jeminaj commented on 10 Jun 2013
??????

HTML - Margin border e padding nei CSS

Ora che sappiamo che cosa è un box model, in questa puntata andremo a conoscere ed analizzare le proprietà utilizzate proprio nel box model e vedremo ...

05 Selettori dei discendenti in CSS dal sito www.ioeweb.it

Bombola di gas nel CSS ( inceneritore Bolzano 2014)

Nel Settembre 2014 si rischiò una tragedia nell'inceneritore di Bolzano. Tra i rifiuti di CSS finì una bombola di gas che esplose in fase di triturazione dei rifiuti.

Dreamweaver - Gestire il collasso dei margini con i CSS

Il collasso dei margini (margin collapse) è un inconveniente antipatico che accade non di rado quando abbiamo DIV, paragrafi o elementi disposti verticalmente, ...
Sign up for free to join this conversation on fsaved.com.
Already have an account? Sign in to comment