background preloader

Webdesign

Facebook Twitter

Redimensionner et retoucher vos images pour les réseaux sociaux. Vous connaissez tous les gabarits d’image de tous les réseaux sociaux ?

Redimensionner et retoucher vos images pour les réseaux sociaux

La taille de la cover Facebook, du header Twitter, d’une image de profil Tumblr ou Skype ? Si tel n’est pas le cas, Social Media Image Maker risque fort de vous plaire. Il permet de redimensionner n’importe quelle image selon les normes de tous les réseaux sociaux ! Les normes d’images de tous les réseaux sociaux. Réduire la taille d'une photo en ligne → ConvertImage. ConvertImage vous permet réduire les dimensions de votre photo en ligne gratuitement.

Réduire la taille d'une photo en ligne → ConvertImage

Si vous avez besoin de changer la taille d'une image, rien de plus simple. Chargez votre photo ci-dessous, et choisissez le pourcentage de réduction de votre photo. AP Social Media Image Maker. Redimensionner et retoucher vos images pour les réseaux sociaux. Réduire la taille d'une photo en ligne → ConvertImage. Iskn - la Slate. Tout savoir sur le format d'impression A3. Le format A3 est un format de papier d'impression très utilisé, il est aussi appelé moyen registre Il sert beaucoup pour l'impression d'affiches, de posters, de plans ou de dépliants.

Tout savoir sur le format d'impression A3

Tuto photoshop dessiner la bouée. Handpicked free fonts for graphic designers with commercial-use licenses. CSS3 module: W3C Selectors. Résumé Les CSS (Cascading Style Sheets) sont un langage permettant de décrire la restitution de documents HTML et XML à l'écran, sur papier, vocalement, etc.

CSS3 module: W3C Selectors

Pour attacher des propriétés stylistiques aux éléments du document, elles utilisent les sélecteurs, qui sont des conditions de sélection de ces éléments. Ce document de travail décrit les sélecteurs proposés pour CSS level 3. Il comprend et étend les sélecteurs de CSS level 2. Surface Book - L'ordinateur portable ultime. Faire démarrer automatiquement une vidéo Youtube [-A-] Lancement automatique vidéo youtube. En ajoutant un élément simple au code d'intégration d'une vidéo, vous pouvez activer la lecture automatique des vidéos YouTube intégrées.

Lancement automatique vidéo youtube

Le code source permettant d'intégrer une vidéo sur un site apparaît dans la section À propos de cette vidéo, sur la page de lecture de la vidéo : Pour lire automatiquement la vidéo, il vous suffit d'ajouter &autoplay=1 après son ID, comme indiqué ci-dessous : Il existe deux styles de codes d'intégration pour les vidéos YouTube. Le nouveau code d'intégration commence par "<iframe... " et permet de lire les vidéos Flash et HTML5.

L'ancien code commence par "<object... " et permet uniquement de lire les vidéos Flash. Trouver Quelles Sont Les Polices Utilisées Sur Un Site Web avec What’s The Font. Si vous tombez sur un site qui utilise une police de caractères sympa, et que vous voulez réutiliser, vous avez plusieurs moyens d’en découvrir le nom.

Trouver Quelles Sont Les Polices Utilisées Sur Un Site Web avec What’s The Font

Par ordre d’efficacité croissante, vous pouvez: demander à des gens, mais ça risque d’être long et le résultat n’est pas garanti utiliser les outils de développeurs intégrés à Chrome et Firefox (touche F12), et parcourir joyeusement le code HTML/CSS. Efficace mais ça peut être parfois long et chiant (surtout si le code est bizarre)utiliser une extension comme What’s The Font (disponible pour Chrome.

Sessions onDemand des événements en ligne. La vidéo et l'audio. [Pack de rentrée] Les 18 ressources gratuites du créatif futé. Photos, vidéos, polices d’écriture, icônes, fichiers Photoshop, Illustrator, Sketch, mockups, … On passe souvent un temps fou à chercher des ressources de qualité.

[Pack de rentrée] Les 18 ressources gratuites du créatif futé

Pour vous donner un coup de pouce, voici une liste thématique de sites de ressources gratuites qui vous aideront à trouver votre bonheur en quelques instants et à donner du punch à vos créas de la rentrée ! Design 1. Graphic Burger Mockups, kits UI, backgrounds, icônes, … Graphic Burger regorge de ressources gratuites de haute-qualité ! 2. Sur UI Space, vous pouvez télécharger des fichiers Photoshop, Illustrator, Sketch et autres ressources qui vous permettront de donner un bon coup de fouet à vos interfaces. Veneer Extras. Design Freebies: 20 Greatest Free Fonts For Graphic And Web Designers. Hey web designers, As you may know, besides color, image and space, font is a great factor to your design project’s success.

Design Freebies: 20 Greatest Free Fonts For Graphic And Web Designers

It’s the reason why we have collected the most popular and favorite free fonts for you here. This week design freebies include a set of 20 great free fonts for graphic and web designers. 28 Free Responsive Email Templates. To ensure your email campaign has the best chance at success, use a responsive design that looks good on any screen size.

28 Free Responsive Email Templates

Instead of designing your own, take advantage of these free responsive templates that have already been tested on a variety of screen sizes and email clients. Here is a list of free responsive email templates. 100+ Free HTML email templates. Générateur de QR Code design - Gratuit. Guide 2015 de la taille des images sur les réseaux sociaux. EDIT : le guide 2016 est disponible !

Guide 2015 de la taille des images sur les réseaux sociaux

Nous vous conseillons de le consulter pour accéder à des informations à jour. Toutes les tailles seront mises à jour régulièrement sur ce nouveau guide. Bouton "j'aime" de FACEBOOK sur son site. Créer un magazine gratuitement. Modèles de couleurs - Adobe Color CC. Tutoriel vidéo : Créer une animation gif avec Photoshop CS4.

PhotoFunia. Photoshop et sa Technique.

Créer une mosaique d'images

Photoshop Water Reflection Effect. Written by Steve Patterson. In this Photoshop tutorial, we'll learn how to easily add a realistic water reflection to any photo. It's a very easy effect to create and you can add it to any photo you like, although it tends to work best with images that don't already contain water in them. We'll be using a simple filter and a displacement map to create the water ripple effect, and a Hue/Saturation adjustment layer to give our water a little color.

Note: Photoshop CS6 users, check out the fully updated Photoshop CS6 version of our Water Reflection Effect tutorial. Here's the photo that I'll be working with throughout this tutorial: Water Effect - Apply water effect to your picture online. 40+ Various High Quality Free Paper Patterns and Textures. Resources September 2, 2010 Paper will never leave our lives, no matter how digitized we get. Its potential for beauty is celebrated in many designs today, whether in textures, layers, or other additional effects.

Les Numériques - S'informer pour mieux acheter.

Hardware

Photos libres de droit. Newscast. Photoshop. Polices. Ecwid: E-Commerce Widgets. Tutoriels gratuits. Un Noir et Blanc comme en argentique. Voici notre nouvelle rubrique : Demandez & Retouchez ! Sous forme de tutoriel vidéo (un screencast), elle vous apprendra à approfondir vos connaissances en Retouche photo. La Ferme du web - Le net, ça se cultive ! Transforme un extrait de vidéo Youtube en GIF animé.

YouTube propose un générateur de GIF. Les GIFs font partie de la culture Internet. Ce format bien particulier garde un charme tout particulier malgré une technologie surannée. Mais pour réaliser un GIF, il n’existe aucune solution native sur YouTube, il faut nécessairement passer par des outils tiers comme gifyoutube. YouTube vient de remédier à cela en commençant à déployer un générateur de GIF intégré aux vidéos.

Screen Capture - The Best Screen Capture Software. FastStone Capture is a powerful, lightweight, yet full-featured screen capture tool and screen video recorder. It allows you to easily capture and annotate anything on the screen including windows, objects, menus, full screen, rectangular / freehand / fixed regions as well as scrolling windows / web pages. It also allows you to record all screen activities including onscreen changes, speech from microphone, mouse movements and clicks into highly compressed video files. Typo: chiffres et nombres.

Règles typographiques 4 N.B.: Ces règles respectent, pour l'essentiel, celles élaborées par l'Imprimerie nationale de France, mais aussi celles en usage par l'Office québécois de la langue française. En cas de divergences, les deux normes sont présentées. Les nombres et les symboles sont des domaines de prédilection des sciences, le cas étant particulièrement manifeste en chimie avec les symboles. 1. HTML et CSS - Débutant 100%: créer sa 1ère Page Web ! Sauvegarde et Clone. Vous vous êtes certainement demandé comment faire, si un jour, par malheur, votre Mac sous OS X venait à ne plus fonctionner correctement, ou pire, à ne plus être bootable !

Sans doute pensez-vous que vous n'avez pas d'autre choix que d'initialiser à nouveau le disque dur et de tout réinstaller ! Quelle galère ! Et bien non, il existe plusieurs solutions : Réaliser une sauvegarde ou même, mieux encore... Cloner sa partition OS X ! Dewplayer lecteur mp3 en Flash - Alsacréations. Instructions et exemples de code HTML 1 Téléchargez l'archive zip tout-en-un2 Transférez le fichier .swf du lecteur que vous désirez utiliser sur votre site3 Copiez-collez le code HTML sur votre page web, en indiquant la bonne adresse de fichier MP3 à lire. Si vous en avez la possibilité, l'idéal est d'utiliser swfobject pour toutes les animations Flash (exemple fourni).Utilisez des noms de fichier (URL du mp3) sans espace ni caractère accentué.

Générateur de code HTML.