Pas terrible ; mais presque
Août 10
Durant les phases de développement ou pour la production, il peut être intéressant de placer sur un CDN vos styles afin d’alléger la charge du serveur ; mais voilà, qui dit, nouveau serveur dit aussi frais supplémentaires…
Voilà pourquoi voici deux adresses intéressantes pour aller chercher sur des CDN (gratuits) les principaux frameworks du marché :
Les deux sont rapides malgré leur localisation américaine et très pratiques en attendant de pouvoir se payer ses propres cdn 😉
Tous les ans, les acteurs du net se posent des questions essentielles : quels sont les choses qui vont piloter au premier ordre la construction graphique des sites afin qu’ils soient dans l’air du temps.
Cet inventaire prospectif se mène en regardant les choses qui ont influées les grands acteurs du domaine et les discussions sur les zincs numériques que sont les chats en amis et Twitter.
Voici donc le fruit très grandement inspiré de cet inventaire en 10 points fait par le site awwwards.com pour l’année en cours :
Dans la réalisation d’un site, il existe une étape assez fastidieuse sous Photoshop qui consiste à découper sa maquette en de multiples tranches, futures images à intégrer dans le code HTML.
Bien sûr, Photoshop possède des outils dédiés à cette tâche ; mais ils comportent certaines limitations qui les rendent peu pratiques lorsque les découpes se comptent par dizaines.
L’autre solution très utilisée, est de passer par un document intérmédiaire issue d’un copier-coller et de faire l’exportation depuis ce de dernier. Cette méthode permet de s’affranchir du tracé des découpes et permet une gestion plus intuitive des transparences, cependant, elle nécessite pas mal de manipulations qui rebutent pas mal de débutants mais pas que…
La méthode que je vous propose dans la vidéo suivante utilise cette dernière méthode comme base de travail mais fait appel aux fonctions d’automatisation de Photoshop pour réduire toutes les opérations à l’appui sur une seule touche, ce qui la rend tout de suite plus attrayante !
Cette méthode à l’avantage de fonctionner quel que soit le nombre de calques sélectionnés et quel que soit leur nature (vectorielle ou bitmap).
Vous pouvez télécharger l’action toute faite ici.
Cet article est librement inspiré et traduit d’un article de net.tutsplus.com.
Quel que soit notre niveau de maîtrise, nous avons tous été débutants. Commettant des erreurs de débutants. 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 à éviter ou des mauvaises habitudes qu’il est déconseillé de prendre lorsqu’on débute.
Lire le reste »
Pour avoir le fond d’un élément dans une page qui soit partiellement transparent sans que le contenu de l’élément soit lui-même transparent nécessite d’utiliser une image (complète) qui possède intrinsèquement de la transparence, typiquement un png. Si l’on applique la propriété opacity alors non seulement le background sera semi-transparent mais aussi le contenu de l’élément…
Il existe cependant une solution : le contenu généré comme le suggère très justement Chris Coyier sur son site et dont voici le code.