CSS 2 : Pratique du design web - Retours de lecture

Auteur	Pages : [<<] [<] [>] [>>]
original.defeat	# 15 Aug 2005 - 19:02:11
111 Posts	(reprise du message précédent) J'ai lu l'article sur l'introduction au format d'images sur le web. J'ajouterai simplement que les notions PNG24 ou PNG8 restent trop superflues pour un article qui se voudrait un peu plus exhaustif. Ces PNG8 sont trop souvent recensés sur le web comme la plus haute teneur en compression, alors que ... ce n'est pas le cas. Cela dépend de l'image elle même. Pour ceux qui souhaitent approfondir un peu plus, sans rentrer dans le détail : PNG24 : Le 24 signifie qu'un pixel de l'image est encodée sous 24 bits de données, et que la palette de couleurs est définie à plus 16 millions de variantes. C'est une méthode d'enregistrement dite "truecolor", car avec un telle palette, l'on peut afficher tout type d'image (photos, capture d'écran etc.) PNG8 : Le 8, c'est également 8 bits par pixel, et la palette de couleurs est cette fois limitée à 256 couleurs. C'est la méthode d'enregistrement dite "paletted". Bien évidemment, moins il y'a de bits nécessaire à l'encodage, plus le poids de l'image se réduit... Mais prenons maintenant un exemple d'une image qui n'a pas besoin de 256 variantes; il est également possible de réduire encore cette palette de couleurs, et par la même occasion de réduire considérablement le poids de l'image, sans en altérer sa qualité. Optimiser correctement une image PNG c'est donc, dans un premier temps, réduire la palette selon le nombre de couleurs dont elle a besoin pour être restituée. Si ces deux valeurs coïncident, l'on obtient une optimisation qualité/poids (sans rentrer dans le détail des méthodes d'encodage différentes, qui peuvent "grappiller" quand même quelques milliers d'octets.). Cette méthode d'optimisation est néanmoins difficile et longue à mettre en oeuvre. On peut également accepter certains points de dégradation de l'image, et réduire son poids, sans pour autant la rendre complètement illisible. En clair, les possibilités de compression du PNG sont largement sous-exploitées, car hélas méconnues sur le web. Pour reprendre un exemple cité dans un test de l'article donné par Laurent Denis : 1. Image originale de 256 couleurs - 20 646 octets 2. Méthode d'encodage différente, mais qualité identique 256 couleurs - 17 844 octets 3. Image volontairement "dégradée" de 96 couleurs - 14 146 octets etc. Pour les intéressés, le navigateur Opera à la possibilité d'identifier l'encodage d'une image simplement et de le restituer à l'utilisateur, en affichant simplement la propriétés de l'image (Profondeur x bits/pixels). Certaines images, disposant de peu de couleurs (4 par exemple) peuvent être encodées sous 2 bits (PNG2), et atteindre des proportions minimalistes très intéressantes pour tout le monde (trafic limité par l'hébergeur pour les webmestres, chargement accru pour les visiteurs).
111 Posts
Laurent Denis	# 15 Aug 2005 - 19:08:13
7979 Posts	Merci pour ces précisions, original.defeat. Une question annexe, à propos de ta remarque sur Opera, si je peux abuser : s'agit-il d'une des exploitations des données EXIF ? Modifié par Laurent Denis (15 Aug 2005 - 19:08) Ne parlons pas de choses nouvelles. Commencez par ne pas détourner CSS de son objet, ce que vous faites immanquablement avec des techniques sexy qu'on enseigne ici.
7979 Posts
original.defeat	# 15 Aug 2005 - 20:51:55
111 Posts	Les données EXIF sont encodées d'une manière normalisée, et ce, pour les formats BMP et JPEG ou TIFF. PNG utilise une méthode propriétaire pour stocker ses meta données, mais c'est effectivement l'entête du PNG qu'exploite Opera pour récupérer ces informations. C'est d'ailleurs certainement une des raisons pour lesquelles le PNG n'a pas été autant pris en charge par les systèmes d'exploitation ou autres navigateurs dès le début (et que certains navigateurs, comme le tristement célèbre IE, et tous ceux qui utilisent son moteur, ne comprennent toujours pas ) Il existe un logiciel avec interface graphique, TweakPNG, d'ailleurs cité dans l'article que vous avez donné, pour explorer plus en détails les PNG. A l'attribut qu'il représente IHDR (l'entête du media), il donnera par exemple : 100x100 (résolution), x bits/pixel (palette), paletted (méthode d'encodage) etc. - - - - - - - Je m'attaque au géant Image originale - 15243 octets Image optimisée - 9 068 octets Déçu, je suis déçu Openweb . > Connerie à part, vous y faites un excellent boulot .
111 Posts
Laurent Denis	# 15 Aug 2005 - 21:01:18
7979 Posts	original.defeat a écrit : > Connerie à part, vous y faites un excellent boulot . ah... C'est un éternel inachevé merci Ne parlons pas de choses nouvelles. Commencez par ne pas détourner CSS de son objet, ce que vous faites immanquablement avec des techniques sexy qu'on enseigne ici.
7979 Posts
orange	# 09 Sep 2005 - 13:06:13
3 Posts	Juste un témoignage : j'ai découvert ce site et en ai profité, j'ai acheté ce livre et l'apprécie, Merci Raphael, et félicitations.
3 Posts
zzzazzz	# 17 Sep 2005 - 15:22:47
459 Posts	Et hop un lecteur supplémentaire pour le livre de Raphaël commandé spécialement chez mon libraire préféré. Je potasse ça un peu ce WE
459 Posts
Madrileno	# 21 Sep 2005 - 18:47:26
Perdu dans l'espace 117 Posts	Le livre permet de bien comprendre le CSS quand on débute et de bien l'apprécier après. C'est un peu le concentré de Alsacréation en mieux Ainsi : Merci à quand CSS3 ? Modifié par Madrileno (21 Sep 2005 - 18:47) Il n’existe que deux choses infinies, l’univers et la bêtise humaine... mais pour l'univers, je n'ai pas de certitude absolue. [Albert Einstein]
Perdu dans l'espace 117 Posts
Oryo	# 21 Sep 2005 - 23:41:56
Alsanaute 402 Posts	Ben voila, un nouveau conquis! J'ai reçu ton livre aujourd'hui, pas le temps de bcp le lire mais a première vue, il m'a l'air très bien conçu. Faut que je me grouille...je n'ai plus que 3 semaines d epréavis maximum avant de me faire engager dans une société qui m'apprendra les css (mais faudra bien sur que je me forme de mon côté pour progresser plus vite) Merci beaucoup! P.s. : je confirme que ton livre a passé la frontière française Et il se plait très bien en Belgique, je vais lui montrer ce que c'est qu'une bonne bière! Ca me donne une idée pour le fan-art du livre... Orval, Leffe, Kriek, Rulles, miam...
Alsanaute 402 Posts
Madrileno	# 23 Sep 2005 - 17:46:20
Perdu dans l'espace 117 Posts	Oryo a écrit : P.s. : je confirme que ton livre a passé la frontière française Trop tard il avait déjà passer la frontière cet été vers l'espagne Modifié par Madrileno (23 Sep 2005 - 17:47) Il n’existe que deux choses infinies, l’univers et la bêtise humaine... mais pour l'univers, je n'ai pas de certitude absolue. [Albert Einstein]
Perdu dans l'espace 117 Posts
Roane	# 24 Sep 2005 - 18:59:00
6 Posts	Bonjour tout le monde ! J'ai appris il y a un an à coder aux normes grace à ce site et openweb. Ce n'était qu'un remerciement, et un plaisir d'acheter le livre de raphael. ca fait une bonne bible en cas d'oublis Dev web sans emploi
6 Posts
Damonya	# 27 Sep 2005 - 01:35:33
226 Posts	Je me suis décidé à l'acheter. J'en ai lut un bout grâce à ce lien : http://www.alsacreations.com/livre/?/Extraits Cela m'a donné envis d'aller plus loin, car ce que j'ai put lire m'a l'air très bien fait, très bien ecrit et sutout totalement intéressant. Et pis c'est vrai que c'est plus pratique d'avoir un bon bouquin à porté que de toujours naviguer sur le web pour avoir une partie de la réponse que l'on se pose. On perd souvent beaucoup de temps d'ailleurs à chercher l'information que l'on veut..... J'ai hâte de m'y mettre. Je devrais le recevoir d'ici 2-3 jours. Ca va être dure d'attendre. Je prend ça comme si j'allais recevoir un cadeau. lol (c'est en quelques sortes un petit cadeau que je me fais, car mes ressources sont extrêmement limités même pour 30 euros) Et pis je me dis que je fais une bonne action. PS : j'pense qu'en plus ca permettra que je vous enquiquine moins sur les forums Edit : Une p'tite question. Tu touches combien par livre (si c'est pas indiscret) ? Modifié par Damonya (27 Sep 2005 - 12:23)
226 Posts
Raphael	# 27 Sep 2005 - 18:00:46
twitter.com/goetter Administrateur 12017 Posts	Damonya a écrit : Edit : Une p'tite question. Tu touches combien par livre (si c'est pas indiscret) ? Pour ce livre, les droits d'auteurs ont été de 6% sur le prix hors taxe d'un livre. Donc ne t'inquiète pas, ça ne va pas me rendre riche Modifié par Raphael (27 Sep 2005 - 18:01) Le livre qui va vous permettre d'aller (vraiment) plus loin avec CSS : "CSS avancées - vers HTML5 et CSS3"
twitter.com/goetter Administrateur 12017 Posts
djai	# 27 Sep 2005 - 20:26:23
à votre service ^^ 68 Posts	Bonjour, je fais parti des conquis (d'ailleurs y'a t'il des personnes n'appréciant pas ce livre?) et je serais content de le conseiller aux personnes du domaine. Je l'ai acheté sur amazone avec le livre Zeldman, et personnellement le livre de raphael me sera largement plus utile, par contre pour ceux qui débute vraiment, les deux livre se complète. Je dirais que le livre de Rapahel repond à la question "comment fait on" alors que le livre de Zeldman "pourquoi faut faire". Je me permet de citer cette autre auteur car d'une il est célèbre, de deux son livre est lui aussi trés bien, et deux trois amazone fait une offre les regroupant. Pour revenir au livre de Raphael je l'apprécie pour de nombreuses raisons, sur les domaines que je croyais maîtriser il m'a apporté quelques informations suplémentaires trés utiles, sur les domaines que je ne maîtrisais pas il m'a permis d'apprendre facilement et rapidement (talent de pedagogie evident). Je dirais pour finir "bravo", et que ce livre offre à Rapahel encore plus de notoriété, il le mérite, et un beau mariage . css, php/mysql ...
à votre service ^^ 68 Posts
Damonya	# 27 Sep 2005 - 20:37:07
226 Posts	Si j'avais put contribuer à rendre riche quelqu'un qui le mérite, cela aurait été avec plaisir. Mais en effet avec 6% (de 20-25 € je suppose HT), cela va pas aller loin. Bon je m'occupe de ta promotion sur les différents forums météo que je fréquente dont le célèbre Infoclimat regroupant plus de 1000 membres. La plupart des passionnés de météo disposent eux aussi d'un site web pour des raisons évidentes propre à la météo (je dois pas être le 1er je pense de ce domaine à venir sur Alsacréations) mais l'immence majorité ont des sites sans me vanter qui sont pas terribles, que ce soit graphiquement ou techniquement. Y'a du ménage à faire pour qu'ils passent au CSS. Enfin j'dis ça, faudrait déjà que je le recoive et le lise ton livre lol J-2 vite vite
226 Posts
Guyome	# 13 Oct 2005 - 17:28:36
20 Posts	Je commençais déjà à regarder alsacréations en me disant que je pourrais comprndre juste avec les tutos... Mais comme je suis une "burne", je ne comprenais rien. Donc je vais faire un tour à la fnac, achète un livre au hasard, et je l'ouvre le feuillette et voit que Raphael d'Alsacreations en est l'auteur !!! Je ne comprenais rien, me disant :" c'est pour les pros", et finalement je me suis dit que je devais passer aux CSS. Remarque pas très constructive, mais je suis conquis, et même si des choses m'échappent (cf mon post sur le positionnement), je suis plus que satisfait : Avec Harry Potter c'est mon 2eme coup de coeur... ciao Guyome
20 Posts
Artno	# 15 Oct 2005 - 13:41:00
128 Posts	J'ai découvert les standards par hasard en suivant un lien sur le site Alsa il y a de cela quelques semaines. J'ai vite été acquis sachant que jusqu'alors, pour moi créer un site = FrontPage ( voir ma présentation à ce propos) et que je n'ai que quelques mois d'expérience sur cette m*** Tout le monde parle ici du livre, j'essaye de mon côté de revoir mon site et comme je suis plutot papier ( bin oui il en existe encore!) au bout de quelques jours je fonce chez mon libraire... Et bien c'est génial: je suis novice donc je peux difficilement juger du fond mais la forme A chaque fois que j'ai ouvert un livre traitant d'informatique j'ai eu l'impression de lire une langue étrangère ( sachant que je suis une bille en langue étrangère ça donne idée!) Et bien cette fois bien au contraire: facile d'accès, des mots simples pour expliquer des choses parfois très complexes pour le noob que je suis, une démarche très pédagogique... Bref: facile à lire pour un grand débutant et la garanti de gagner le lecteur aux standards... Bon le hic c'est que je ne peux plus travailler sans essayer de respecter les standards et que je saoule tout le monde avec ça... Bilan un ami me demande de revoir son site... Un bon pretexte pour moi m'y mettre encore d'avantage Ton livre, c'est du bonheur pour un novice ( c'est quoi le prochain sujet que tu vas traiter? ) Je comprends vite... Il faut juste m'expliquer longtemps
128 Posts
Felipe	# 16 Oct 2005 - 21:44:43
Administrateur 6634 Posts	Raphael a écrit : Pour ce livre, les droits d'auteurs ont été de 6% sur le prix hors taxe d'un livre. Donc ne t'inquiète pas, ça ne va pas me rendre riche Artno a écrit : ( c'est quoi le prochain sujet que tu vas traiter? ) Alors c'est l'histoire d'un jeune adolescent qui fait partie d'une école de magie dans un manoir. Comme il est plutôt du genre Garcimore ou Jérôme Bonaldi que Gandalf (pure l33t), l'histoire traîne un peu en longueur au fil des 7 tomes prévus ... Il rencontre des fourmis dont il use le thème jusqu'à la corde avant de tomber sur une personne de petite taille âgée de 900 ans et qui parle à l'envers ainsi que sur un grand avec des oreilles pointues qui téléporte jamais au bon endroit. Ca se finit au large de Jupiter sur un étrange monolithe ... L'originalité paie. Mais il y a mieux
Administrateur 6634 Posts
Laurent Denis	# 16 Oct 2005 - 22:11:35
7979 Posts	Artno a écrit : ( c'est quoi le prochain sujet que tu vas traiter? ) <private title="sorry"> Nan nan. C'est l'histoire d'un mec qui va faire une ... Hein, Raphaël, que tu vas la faire ? Hein ? </private> Ne parlons pas de choses nouvelles. Commencez par ne pas détourner CSS de son objet, ce que vous faites immanquablement avec des techniques sexy qu'on enseigne ici.
7979 Posts
Artno	# 22 Oct 2005 - 16:38:20
128 Posts	[HS] Un seul commentaire: [/HS] Je comprends vite... Il faut juste m'expliquer longtemps
128 Posts
Numero 6	# 25 Oct 2005 - 17:08:00
WebCode handyman 75 Posts	Je me fais rare et je m'en excuse (encore). J'ai acheté "la Bible" la semaine de sa sortie, et même si elle fait double emploi avec le site pour moi, c'est toujours un plaisir d'avoir un support papier. Il m'a d'ailleurs servi dans le cadre de mon activité à convaincre un client ... dubitatif, qu'il était grand temps de virer ses tableaux. Donc, je me joins à la longue liste des bravos, et j'ajoute merci ! In CSS we trust !
WebCode handyman 75 Posts
ikeaboy	# 25 Oct 2005 - 17:35:21
5 Posts	Bonjour à tous! Je suis un nouveau venu sur ce forum, que j'ai decouvert grace au livre de Raphaël que je suis en train de lire... je l ai recu ce matin et je ne le quitte plus depuis!! Vraiment tres bien fait et bien ecrit! J'ai donc également découvert ce site et ce forum qui m'ont vraiment impressionnés!une mine d'informations!je sents que je vais y passer pas mal de temps à partir de maintenant... A très bientot et bravo à Raphaël pour ce merveilleux livre! Dans la vie tout est possible, sauf la division par zero!
5 Posts
Pages : [<<] [<] [>] [>>]