Pas terrible ; mais presque

Durant les phases de déve­lop­pe­ment ou pour la pro­duc­tion, il peut être inté­res­sant de pla­cer sur un CDN vos styles afin d’alléger la charge du ser­veur ; mais voi­là, qui dit, nou­veau ser­veur dit aus­si frais sup­plé­men­taires…

Voi­là pour­quoi voi­ci deux adresses inté­res­santes pour aller cher­cher sur des CDN (gra­tuits) les prin­ci­paux fra­me­works du mar­ché :

Les deux sont rapides mal­gré leur loca­li­sa­tion amé­ri­caine et très pra­tiques en atten­dant de pou­voir se payer ses propres cdn 😉

Ecrit par Sébastien Degliame
Pas de commentaires »

Tous les ans, les acteurs du net se posent des ques­tions essen­tielles : quels sont les choses qui vont pilo­ter au pre­mier ordre la construc­tion gra­phique des sites afin qu’ils soient dans l’air du temps.

Cet inven­taire pros­pec­tif se mène en regar­dant les choses qui ont influées les grands acteurs du domaine et les dis­cus­sions sur les zincs numé­riques que sont les chats en amis et Twit­ter.

Voi­ci donc le fruit très gran­de­ment ins­pi­ré de cet inven­taire en 10 points fait par le site awwwards.com pour l’année en cours :

Lire le reste »

Ecrit par Sébastien Degliame
Rangé dans Divers, Informatique, web
Pas de commentaires »

Dans la réa­li­sa­tion d’un site, il existe une étape assez fas­ti­dieuse sous Pho­to­shop qui consiste à décou­per sa maquette en de mul­tiples tranches, futures images à inté­grer dans le code HTML.

Bien sûr, Pho­to­shop pos­sède des outils dédiés à cette tâche ; mais ils com­portent cer­taines limi­ta­tions qui les rendent peu pra­tiques lorsque les découpes se comptent par dizaines.

L’autre solu­tion très uti­li­sée, est de pas­ser par un docu­ment intér­mé­diaire issue d’un copier-coller et de faire l’exportation depuis ce de der­nier. Cette méthode per­met de s’affranchir du tra­cé des découpes et per­met une ges­tion plus intui­tive des trans­pa­rences, cepen­dant, elle néces­site pas mal de mani­pu­la­tions qui rebutent pas mal de débu­tants mais pas que…

La méthode que je vous pro­pose dans la vidéo sui­vante uti­lise cette der­nière méthode comme base de tra­vail mais fait appel aux fonc­tions d’automatisation de Pho­to­shop pour réduire toutes les opé­ra­tions à l’appui sur une seule touche, ce qui la rend tout de suite plus attrayante !

Cette méthode à l’avantage de fonc­tion­ner quel que soit le nombre de calques sélec­tion­nés et quel que soit leur nature (vec­to­rielle ou bit­map).

Vous pou­vez télé­char­ger l’action toute faite ici.

Ecrit par Sébastien Degliame
Rangé dans Astuces, Informatique, web
Pas de commentaires »

Cet article est libre­ment ins­pi­ré et tra­duit d’un article de net.tutsplus.com.

Quel que soit notre niveau de maî­trise, nous avons tous été débu­tants. Com­met­tant des erreurs de débu­tants. Cet article ne fera pas de vous un expert infaillible (si cela existe quelque part). Il fait juste un petit tour d’horizon des erreurs à évi­ter ou des mau­vaises habi­tudes qu’il est décon­seillé de prendre lorsqu’on débute.
Lire le reste »

Ecrit par Sébastien Degliame
Pas de commentaires »

Pour avoir le fond d’un élé­ment dans une page qui soit par­tiel­le­ment trans­pa­rent sans que le conte­nu de l’élément soit lui-même trans­pa­rent néces­site d’utiliser une image (com­plète) qui pos­sède intrin­sè­que­ment de la trans­pa­rence, typi­que­ment un png. Si l’on applique la pro­prié­té opa­ci­ty alors non seule­ment le back­ground sera semi-transparent mais aus­si le conte­nu de l’élément…

Il existe cepen­dant une solu­tion : le conte­nu géné­ré comme le sug­gère très jus­te­ment Chris Coyier sur son site et dont voi­ci le code.

Ecrit par Sébastien Degliame
Rangé dans developpement, web
Pas de commentaires »

© 2018 Sébastien DEGLIAME, Creative Commons License