background preloader

Template Design Trucs

Facebook Twitter

Comment trouver des images en Creative Commons dans Google Images, Flickr ou Wikimedia. Pour illustrer des articles de blog ou des pages de site web, rien ne vaut la douce quiétude d’utiliser des images gratuites et sous Creative Commons.

Comment trouver des images en Creative Commons dans Google Images, Flickr ou Wikimedia

L’enjeu Il y a quelques années, une banque d’images bien connue qui commence par G. contactait la boîte dans laquelle je venais d’arriver. Elle réclamait quelques centaines d’euros pour l’utilisation d’une image. J’avais vérifié, l’image n’était plus sur le site web en question ! Mais la banque d’images m’avait prouvé, copie d’écran à l’appui, que le visuel avait bien été exploité pendant une période donnée. Should I use a video as a background? By Chris Coyier On A reader writes in: I've seen done beautifully, but I'm having a hard time finding any articles on best practices.

Should I use a video as a background?

I try to steer clients away from wanting video background even though it's hard to argue against it because it does look stunning when done right. "Look at my competitor's website, they have a video!! You can do it!! " It's time for a THOUGHT DUMP! Is it "just a trend"? I don't think "video" is a trend, but "cover the entire screen with video and set white text on top of it as the homepage" probably is a trend. The new code - FullScreen HTML5 Video In Pure CSS. Les nouveautés de l'HTML 5.1. Le World Wide Web Consortium (W3C) qui est une communauté internationale qui développe des standards pour l'évolution du Web a officialisé la version 5.1 du langage HTML.

Les nouveautés de l'HTML 5.1

Le développement de cette spécification a débuté en décembre 2012 et a été validée en tant que recommandation par le W3C le 1er novembre 2016. Nous allons voir ensemble les ajouts importants de cette recommandation. picture et srcset Ce nouvellement a pour but d'améliorer le chargement des images en sélectionnant l'image à charger suivant la taille de l'écran de l'utilisateur. On utilise une media query sur l'élément fils "source" via l'attribue "media". Dans le cas où un navigateur n'est pas compatible, alors on affiche une image par défaut via <img>.

Details et summary Ces 2 balises permettent de générer un widget permettant d'afficher et de masquer du contenu sans JavaScript. Built-in Browser Support for Responsive Images - HTML5 Rocks. Better Responsive Images With the picture Element. Can I use... Support tables for HTML5, CSS3, etc. About.

Can I use... Support tables for HTML5, CSS3, etc

CSS Animation Tools, Frameworks & Tutorials. We’re not going to be discussing the benefits of using CSS animations, nor are we going to talk about whether or not JS animation is faster that CSS animation in this post.

CSS Animation Tools, Frameworks & Tutorials

What we are going to do is share a collection of tools, frameworks and tutorials with you that will help ease your CSS animation learning woes and help save you some time along the way. CSS Animation Tools & Frameworks Animate.css Animate.css is a collection of cross-browser CSS animations that you can use in your sliders, home pages, and other web projects. Stylie. 500 Free Human Icons. 10 conseils pour créer une landing page efficace. Publié par Alexandre sur le Blog ecommerce de WiziShop dans la rubrique Ressources pour E-commerçant, le vendredi 8 avril 2016 | Aucun commentaire Une landing page (ou page d’atterrissage) est une page de votre site sur laquelle l’internaute arrive après avoir cliqué sur un lien présent dans un article, une publicité, un call to action, un emailing,… L’objectif est de guider directement l’internaute vers la conversion, plutôt que de l’orienter tout simplement vers votre page d’accueil.

10 conseils pour créer une landing page efficace

Elle est généralement créée pour soutenir une campagne marketing. Si vous lancez une campagne ciblée sur un événement, un produit ou une promotion, créez donc une landing page spécifique pour cette campagne. Par exemple, si je vous indique un lien pour vous inviter à télécharger notre eBook e-commerce, je vous oriente vers la landing page créée spécifiquement pour cet eBook. Convertisseur SVG gratuit en ligne. Convertisseur d'image en ligne Ce convertisseur d'image gratuit en ligne permet de convertir des images au format SVG, mais cela reste expérimental pour le moment.

Convertisseur SVG gratuit en ligne

Vous pouvez charger une image depuis le PC ou indiquer l'URL menant à l'image que vous souhaitez convertir. Il est ensuite possible d'ajouter des effets numériques pour améliorer la qualité de l'image. Si vous souhaitez convertir des images au format JPG ou PNG en un format SVG, ce convertisseur SVG convertira votre formes et objets en graphiques vectoriels noirs et blancs sans perte de qualité. Ils peuvent plus tard être ré-affinés ou colorés avec un logiciel de dessin vectoriel gratuit, comme Inkscape. Si vous convertissez depuis un autre format vectoriel, comme EPS ou AI, ce convertisseur tâche de conserver tous les vecteurs et les couleurs, et convertit votre fichier vectoriel le plus fidèlement possible. Le convertisseur SVG permet de convertir des fichiers de plus de 130 formats différents. Marquer et partager la page. MDL-Static Website.