CSS Reset | 2015's most common CSS Resets to copy/paste, with documentation / tutorials Techniques pour intégrateurs : Le SVG sous toutes tes formes #5 Dernier article des techniques d'integrations centrees sur le SVG sur le BlogDuWebdesign. Au programme : Interactions avec le Javascript et path. S'aider du SVG pour les problemes de responsive Cet article est le cinquième d'une série initiée avec l'article Inspirations et techniques pour intégrateurs : Le SVG sous toutes tes formes #1. Si vous ne l'avez pas lu, allez donc y faire un petit tour avant la fin de continuer cet article. Étant donné que le SVG est un sujet assez difficile d'accès, j'ai fait un article plus tôt dans le mois permettant de faire un tour d'horizon des bases : Techniques pour intégrateurs : Le SVG sous toutes tes formes #2. Enfin, l'article d'aujourd'hui demandera beaucoup plus de connaissances en Javascript que les articles précédents. Exemple 3 : Animated SVG Path by Matt Litherland Notre exemple du jour n'a peut-être pas l'air très intéressant, mais ce sera l'exemple parfait pour notre sujet : animer un élément en suivant un "path" Svg défini à l'avance.
21 Amazing Sites With Breathtaking Free Stock Photos Photography has always been an integral part of design. Unfortunately, we’ve grown accustomed to seeing crappy stock images of people in suits shaking hands. Not only are a lot of these stock photos tacky, but they cost a lot of money! Thankfully, there’s been a growing number of websites with beautiful stock photography popping up all over the web. Best of all, they’re free! In this post, we’ve curated a list of awesome websites for free stock photos. Quick Note About Licenses Many of these photographs are free from copyright restrictions or licensed under creative commons public domain dedication. However, some photos may require attribution. With that out of the way, let’s dive into our top picks for free stock photos. StockSnap.io StockSnap.io has a large selection of beautiful free stock photos and high resolution images. StockSnap adds hundreds of images on a daily basis and all photos are released under creative commons public domain – no attribution required. Unsplash Gratisography
Curated public domain photos. Creative photography for personal and professional projects. Recently added Sport Space Food Business Back to school Shapes and Architecture Music and Sound Nostalgia (coming next) Categories Landscapes Urban Technology People Objects Wildlife Miscellaneous Tools Sounds for a stress-free atmosphere Color extractor Premium licensed images Premium Bundle Legal info License Credits and attributions 2017 All rights reserved | Credits Create a positiveatmosphere, on-demand. 14 bibliothèques et outils CSS gratuits à utiliser sans hésiter De nombreuses ressources CSS open source sont disponibles sur le web pour vous aider à gagner du temps et à parfaire vos connaissances sur des spécificités du langage que vous ne maîtrisez peut-être pas encore. J’ai sélectionné dans cet article 14 bibliothèques et outils CSS gratuits qui viendront vous prêter main forte et vous faire gagner du temps lors de vos prochains projets web : outils, filtres photos, dégradés, couleurs, icônes, info-bulles, … 1. Hamburgers Hamburgers est une collection d’icônes hamburgers animés 2. Balloon.css est une collection d’info-bulles, 100% CSS. 3. StarWarsIntro vous permet de recréer une intro façon Star Wars, en CSS. 4. Spinners est une collection d’icônes de chargement animés en HTML et CSS. 5. Des icônes de chargement inline 100% CSS. 6. CSS Loader is une collection d’icônes de chargement utilisant uniquement une DIV et entièrement en CSS. 7. Une collection d’animations d’image au survol de la souris. 8. Une collection de 49 dégradés CSS. 9. 10. 11. WAIT! 12.
Inspirations et techniques pour intégrateurs : Le SVG sous toutes tes formes #1 Et c'est parti pour le deuxième sujet des techniques pour intégrateurs. Au programme de ce mois de février : le SVG sous toutes tes formes, ses différents usages et comment l'utiliser. Ceux qui me suivent depuis longtemps le savent, le SVG est une technique que je trouve très intéressante mais qui reste malheureusement assez obscure pour moi. Je sais de quoi il s'agit, à quoi il peut servir, mais suis loin d'être un expert au niveau de sa création et sa mise en place. Pour changer cela et gagner un petit peu en expertise, j'ai donc décidé de sortir de ma zone de confort et prendre le SVG comme sujet pour ce mois de février. Tout au long du mois, nous pourrons donc découvrir les différentes techniques utilisées pour créer des illustrations en SVG et les animer, que ce soit avec du Javascript ou du CSS.
Free Stock Photos | Public Domain Images As a web designer, I am always looking for awesome photos to include in my designs and mockups. I hate buying stock photos just to use them once. So, I decided to make a list of some of my favorite sites for free stock photos. If you haven’t found the public domain images you were looking for at Public Domain Archive, then you may want to take a look at some of these sites. Here is a great resource for free high resolution photos. Public Domain Archive New 100% Free Stock Photos. Everything you need for your creative projects, all public domain images! Yeah! Free Stock Photos For Everyone. Viintage Thousands of vintage public domain images for all of your creative projects. The Stocks Best royalty free stock photos in one place Raumrot Free stock photos for commercial use. Paul Jarvis Use them—on websites, apps, desktop or iPhone backgrounds, whatever you’d like. Stock Up Each photo on Stock Up will show the license when you hover over it. Function Design Blog – Resources and Inspiration Stokpic
Curated public domain photos. Creative photography for personal and professional projects. Recently added Sport Space Food Business Back to school (coming this week) Premium licensed images Premium Bundle Categories Landscapes Urban Technology People Objects Wildlife Miscellaneous Tools Sounds for a stress-free atmosphere Color extractor Legal info License Credits and attributions 2017 All rights reserved | Credits Create a positiveatmosphere, on-demand. reSmush.it > the 2 Billion (and still free) Image optimization API Techniques pour intégrateurs : Le SVG sous toutes tes formes #2 Aujourd'hui, le BlogDuWebdesign vous propose le premier article de cette série des techniques de l'intégrateur centrée sur le SVG. Illustrations animées en CSS : les bases Cet article est la suite de l'article Inspirations et techniques pour intégrateurs : Le SVG sous toutes tes formes #1. Si vous ne l'avez pas lu, allez donc y faire un petit tour avant la fin de continuer cet article. Étant donné que le sujet du SVG a un gap de difficulté très agressif dès le départ, nous allons faire une petite exception pour février et ajouter un article. Finalement, le SVG, c'est quoi ? Je ne sais pas si ce paragraphe servira à beaucoup d'entre vous, mais je pense important de commencer par une petite remise en contexte sur ce sujet finalement plus complexe et moins democratisé qu'on pourrait le croire. Le SVG (Scalable Vector Graphics) est un format de fichier ainsi qu'un langage permettant de faire du dessin vectoriel pour le web. Exemple 0 : Very simple SVG by Benjamin SANCHEZ Créer un SVG
Freelancers disponibles | Workana Aumenta el tráfico de tu web y el conocimiento de marca. Consigue nuevos clientes sin incrementar tus costos fijos: Arma y ejecuta una buena estrategia con freelancers de marketing. Tenemos expertos en SEM, display y social ads, email marketing, social media y en ventas de toda América Latina. Puedes tener un equipo ad-hoc que vaya creciendo según las necesidades de tu negocio Desarrolla nuevos productos. Arma modelos, prototipos y lanza pruebas de producto al mercado. Mejora tus procesos, organiza tu estructura. Define y automatiza procesos, capacita a los equipos e implementa las tecnologías que facilitan el desarrollo de tu negocio!
Tutoriel Vidéo Divers Avocode Lorsque l'on fait de l'intégration on est souvent obligé de travailler avec des fichiers PSDs qui nécessitent l'utilisation Photoshop. Le principal problème de ce logiciel est qu'il est conçu pour le traitement photo plutôt que le Webdesign. Inspecter les propriétés des calques et exporter les assets et loin d'être pratique. Certains designers ont même sauté le pas et utilisent maintenant Sketch plus adapté au webdesign. Retour au Source Pour vous aider dans votre travail Source a commencé par développer des plugins pour Photoshop comme CSSHat qui permet d'obtenir le CSS correspondant à un calque. Avec Avocode Source propose une solution plus complète afin de pouvoir se passer de Photoshop et Sketch. Une interface travaillée La première chose qui saute aux yeux lorsque l'on ouvre Avocode c'est le travail qui a été fait sur l'interface. Il est aussi possible de placer des repères, afin d'obtenir des mesures plus arbitraires. Avocode vs Adobe Extract
Techniques pour intégrateurs : Le SVG sous toutes tes formes #4 Second article de la semaine traitant du SVG sur le BlogDuWebdesign. Au programme : Responsive ! S'aider du SVG pour les problemes de responsive Cet article est le quatrième d'une série initiée avec l'article Inspirations et techniques pour intégrateurs : Le SVG sous toutes tes formes #1. Si vous ne l'avez pas lu, allez donc y faire un petit tour avant la fin de continuer cet article. Étant donné que le SVG est un sujet assez difficile d'accès, j'ai fait un article la semaine dernière permettant de faire un tour d'horizon des bases : Techniques pour intégrateurs : Le SVG sous toutes tes formes #2. Si vous n'avez pas suffisamment de connaissances sur le sujet pour pouvoir lire et comprendre des balises SVG, je vous conseille de le lire avant de revenir finir cet article. Exemple 2 : Responsive SVG by Mike Ce pen n'est peut-être pas très impressionnant de prime abord, mais il a radicalement changé ma façon de voir le SVG, et je pense qu'il en sera de même pour vous. Inserer du CSS dans un SVG ?