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

Il a l'avantage de pouvoir s'imprimer sur une imprimante A3 personnelle. Le format A3 mesure 297 x 420 millimètres ou 29,7 x 42 centimètres. 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 que je vous ai montré jusqu'ici a quand même un défaut : cela implique par exemple que TOUS les paragraphes possèdent la même présentation (ici, ils seront donc tous écrits en bleu). Comment faire pour que certains paragraphes seulement soient écrits d'une manière différente ? On pourrait placer le code CSS dans un attributstylesur la balise que l'on vise (c'est la technique que je vous ai présentée un peu plus tôt) mais, comme je vous l'ai dit, ce n'est pas recommandé (il vaut mieux utiliser un fichier CSS externe).

Pour résoudre le problème, on peut utiliser ces attributs spéciaux qui fonctionnent sur toutes les balises : l'attributclass;l'attributid. Surface Book - L'ordinateur portable ultime. Faire démarrer automatiquement une vidéo Youtube [-A-] Sur Dailymotion, il est facilement possible d'exporter une vidéo pour qu'elle démarre automatiquement sur votre site web / blog / forum.

Faire démarrer automatiquement une vidéo Youtube [-A-]

Cependant, sur youtube, la démarche s'avère un chouilla plus complexe, dans le sens où nous devons modifier quelques paramètres. Faire automatiquement démarrer un clip / vidéo provenant du site Youtube : Comme toujours, copiez coller le code, provenant d'une page Youtube. 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. 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é ! 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. 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. > Accéder au guide 2016 de la taille des images sur les réseaux sociaux. 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. These following paper textures and patterns range from the simple to the exquisite, from the crumpled and colored to the wrinkled, faded and nostalgic. Download as many of them as you wish, and we hope you are able to use them in some beautiful paper-inspired designs! 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. 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. Screen Capture - The Best Screen Capture Software. 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.

Du point de vue typographique, on distingue les nombres des chiffres. Le chiffre est le signe de base exprimant les unités numériques de 0 à 9. 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... 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 Le plus simple est d'utiliser ce générateur de code XHTML, qui va produire un code à copier-coller selon vos besoins. * dans le cas de la version multi, spécifiez les adresses des différents fichiers séparées par le caractère | (pipe).Exemple : /media/sons/test.mp3|/media/sons/test2.mp3 Mon lecteur ne s'affiche pas.