background preloader

Free Web Resources – Web Resources Depot

https://webresourcesdepot.com/

Mes meilleurs ressources Web - Madmic Je viens juste d’ achever une formation de 10 mois sur le Web design et pendant cette période d’ apprentissage j’ ai récupéré des ressources web qui me servent tous les jours dans ma passion qui est la création numérique. j ‘ai classé ma sélection par matières abordées lors de mon cursus. Mes choix d’ adresses restent sujet à discussion, et si vous avez des suggestions ou des conseils sur d ‘autres lieux où je devrais trainer ma souris, je suis preneur (Merci de laisser un commentaire!!!). Generateur Codes Couleurs RGB hexadecimal Nuancier Annuaire Referencement Gratuit Jok Concept Couleurs hexadécimale RGB Informatique et Web Les couleurs en informatique sont exprimées en "codes hexadécimaux" ou "RGB", (Red, Green, Blue, en francais RVB Rouge, Vert, Bleu). Pour coder la couleur d'un pixel on utilise trois octets qui définissent chacun la luminosité des couleurs Rouge Verte Bleu ; on utilise un nombre hexadecimal à 6 chiffres : les 2 premiers correspondent à la luminosité du rouge, les 2 suivants à la luminosité du vert et les 2 derniers à la luminosité bleu (ex : avec une intensité maximale sur le rouge on a #FF0000)... En RGB la couleur est aussi définit en fonction du "mélange" de trois couleur de base : Rouge, Green, Blue. Chacunes de ces trois couleurs de bases ce "découpent en valeurs allant de "0" à "255". "0" étant le NOIRE" et "255" le blanc. Chaque couleurs sera donc définit avec le mélange de trois valeurs de "0" à "255", expl : "255 0 0" = ROUGE - "0 0 0" = NOIRE - "255 255 255" = BLANC - "153 153 153" = GRIS...

Tutoriel Vidéo HTML-CSS Animer l'icône hamburger Aujourd'hui nous allons apprendre à animer l'icône hamburger, cette fameuse icône composée de 3 traits horizontaux qui est de plus en plus incontournable. Au niveau du code HTML on va essayer de rester le plus simple possible en évitant au maximum les éléments inutiles Malheureusement, on sera tout de même obligé de rajouter un élément vide à l'intérieur de notre élément pour créer les 3 petits traits. Les sprites CSS Le temps des onmouseover, des images préchargées via JavaScript et des autres joyeusetés héritées des grandes périodes de tag soup est, comme le temps des Elfes de la Terre du Milieu, définitivement révolu : faire des effets de rollover sur des images est tout à fait possible en utilisant uniquement les CSS. La technique consiste à exploiter un fichier unique pour stocker de multiples images, positionnées les unes à côté des autres. Celles-ci seront ensuite appelées dans la feuille de style, et la fenêtre d'affichage sur l'une ou l'autre image sera définie en CSS grâce à la propriété background-position. Attention : la technique exposée dans ce tutoriel est à manier avec précaution car elle peut engendrer des problèmes d'accessibilité (typiquement lorsque les images ne sont pas actives). Il est donc déconseillé de l'employer pour des images dont le contenu est pertinent (menu par exemple). Les avantages des sprites CSS sont multiples :

Related:  入口Inspiration / Resources SitesTUTOS, RESSOURCES & ASTUCESRessources web