background preloader

IcoMoon App - Icon Font & SVG Generator

IcoMoon App - Icon Font & SVG Generator

https://icomoon.io/app/#/select

Related:  ICONES & LOGOSTrouver Images et sonsFONTESOutils de développement webdesign web

Images libres de droit:dessins Images libres Catégories dessins[373] 373 images Menu Ressource - Banque de sons > Audio Bank Téléchargement de musiques libres de droits pour les productions vidéos, web, powerpoint et flash.(Vos visites : 1865 Note : 10.00/10 Nombre de note : 3 ) Notez ce site | lien mort ? | > Audiobank Audiobank est une banque en ligne de musique libre de droits d'auteurs. Flaticon, plus de 50 000 icônes libres de droits On vous présente régulièrement des moteurs de recherche d’icônes, des sélections ou des sites dédiés. Mais dans le genre, Flaticon est clairement au-dessus du lot. On y trouve pas moins de 57 000 icônes !

Une feuille de styles de base pour le Web mobile Parce que faire un site web pour terminal mobile, ce n’est pas fixer sa largeur à 320 pixels ou proposer une version iPhone uniquement, je vous propose un tour d’horizon de quelques solutions offertes par CSS pour adapter une présentation existante aux mobinautes : gérer la largeur, redimensionner les éléments, passer à une seule colonne, gérer les débordements, supprimer le superflu, adapter les liens et les tailles de polices selon l'orientation. Pour vous faciliter la tâche, voici ci-dessous une feuille de style dédiée au média mobile qui condense diverses bonnes pratiques et astuces. Ces règles peuvent être externalisées dans un fichier CSS séparé, ou incluses directement au sein du document de styles global, déclarées à l’aide d'une règle media query de type @media (max-width: 640px) {...}. L’objectif de cette feuille de styles est avant tout de poser un socle de bases communes que vous pourrez adapter à vos convenances ou besoins personnels. Préambule : fixer le Viewport

Concevoir un portfolio responsive avec filtre via Isotope.js sous WordPress Un thème premium qui se respecte comporte des modèles de pages de type portfolio, très utile pour mettre en valeur vos créations artistiques notamment. La plupart d'entre eux sont dotés d'un système de filtre basé sur les termes d'une taxonomie spécialement créée pour l'occasion et le redimensionnement de la fenêtre réajuste automatiquement les éléments avec une transition en CSS3. Ce tutoriel va vous apprendre comment mettre en place un tel système sous WordPress et sans avoir recours à un plugin.

Iconion - Un générateur d'icones sympas Iconion – Un générateur d’icones sympas Si vous souhaitez mettre de jolies icônes sur votre site web ou dans vos applications mais que vous n'avez aucun talent de graphiste, il existe un petit soft qui vous aidera à faire quelque chose de propre. Il s'agit de Iconion, un outil sous Windows qui vous propose de piocher dans 4 bibliothèques d'icônes vectorielles, d'en modifier le style graphique, les couleurs, les ombrages, les bordures...etc. puis de les exporter dans les tailles qui vous intéressent au format PNG. Pas de prise de tête, des styles sympas et des bibliothèques suffisamment complètes pour répondre à la plupart de vos besoins graphiques. Je valide, avec le sourire ! Rejoignez les 58652 korbenautes et réveillez le bidouilleur qui est en vous

SAMPLE GRATUIT - Plein de samples, loops, et sons gratuits ! Proposer un site Samplestation (131 votes) Google Fonts vous offre des typos gratuites Home > Astuces > Google Fonts vous offre des typos gratuites Google Fonts est un service du célèbre moteur de recherche qui offre une grande quantité de typographies Open Source. Un annuaire dans lequel vous allez pouvoir choisir les typographies de votre choix à télécharger sur votre ordinateur ou à utiliser sur vos sites web ou sur vos blogs. Une ressource incomparable où vous trouverez forcément chaussure à votre pied.

Les Media Queries CSS3 La spécification CSS3 Media Queries définit les techniques pour l'application de feuilles de styles en fonction des périphériques de consultation utilisés pour du HTML. On nomme également cette pratique Responsive Web Design, pour dénoter qu'il s'agit d'adapter dynamiquement le design à l'aide de CSS. Ces bonnes pratiques permettent d'exploiter encore plus les avantages de la séparation du contenu et de la présentation : l'intérêt est de pouvoir satisfaire des contraintes de dimensions, de résolutions et d'autres critères variés pour améliorer l'apparence graphique et la lisibilité (voire l'utilisabilité) d'un site web. 9 astuces pour réussir votre intégration responsive Introduction Le Responsive Web Design (ou Responsive Design) désigne la faculté d’un site/application web à s’adapter et à réorganiser l’affichage de son contenu en fonction des spécificités d’un terminal (résolution, navigateur, dimensions, OS, etc.). Il répond à l’ensemble de ces problématiques en changeant dynamiquement l’affichage de la page en fonction de la zone d’affichage. Pour le constater, il suffit de modifier la taille du navigateur sur un site utilisant le Responsive Design pour voir l’affichage se modifier. Les avantages majeurs du responsive design

Toutes vos images au bon format sur 16 réseaux sociaux Quand vous assurez votre présence sur plusieurs réseaux sociaux, gérer les formats des images pour habiller les différents profils est un véritable casse-tête. Images de fond, de profil, d’entête (bannière ou header ou cover selon le réseau social) : chaque type d’image possède son propre format qui naturellement varie d’un site à l’autre. Pour ne rien arranger, quand vous avez pris le temps de créer un profil qui vous ressemble, il n’est pas rare qu’un service modifie sa présentation. L’idéal serait de disposer d’un service qui répertorie les formats de toutes les images des principaux réseaux sociaux et permette de redimensionner et retoucher les clichés directement.

Related:  DirectTypographiewebIllustratorfor workicon