2500 free resources for designers

20 meilleures banques d'images gratuites et libres de droits Trouver LA bonne image prend parfois un temps précieux, que l’on pourrait investir ailleurs, comme faire la vaisselle ou sortir pour une simple pause. Choisir une image ne doit jamais se faire à la légère, il faut garder en tête le message que l’on veux faire passer. Que ce soit pour illustrer l’article de son blog, faire une affiche pour la kermesse de son enfant ou bien présenter un projet décisif, chaque image et photographie aura un impact. C’est sur ces deux constats, le temps perdu et l’important d’avoir des images parlantes et de qualités, que j’ai décidé de prendre un peu du mien pour vous proposer : Les 20 meilleures banques d’images gratuites et libres de droits, ainsi d’une liste commentée de plus de 60 autres sites d’images gratuites et parfois libre de tout droit d’auteur. Attention cependant à bien lire les conditions d’utilisation.

Slideshow en CSS3 Beaucoup de Webdesigners en rêvent : utiliser les CSS plutôt que le JavaScript ou le Flash pour animer leur page web. Ce rêve devient petit à petit concret avec les nouvelles implémentations des modules CSS en cours de travail (Working Draft), notamment CSS3 Animations. Celui-ci équipé des keyframes devient fort intéressant pour un contrôle avancé des animations. Nous verrons donc comment utiliser cette nouveauté, mais aussi comment combiner intelligemment la pseudo-classe target pour réaliser un slideshow.

Décryptage : le design émotionnel Après des épisodes consacrés à la communication de crise dans le web, l’importance d’Instagram, la marque employeur, les relations marques – YouTubeurs, ou la communication digitale dans le luxe, nous continuons notre série en nous intéressant au design émotionnel. Nous avons pour cela interrogé Jacinthe Busson qui est aujourd’hui à la tête de Kontest. Elle revient sur ce qu’implique le design émotionnel côté utilisateur, et côté produit. Vous pouvez retrouver toute notre série de décryptages sur cette page. Pour commencer, peux-tu commencer par te présenter ? Avec grand plaisir et merci pour cette entrevue.

CSS3 – Des effets avancés de survol d’image Aujourd’hui, je vais mettre à votre disposition une série de code vous permettant de créer des effets pour vos images lorsque celle-ci sont soumises au survol de la souris. Nous utiliserons des lignes fines, beaucoup d’espace blanc, une typographie propre et des effets subtils. Je ne vous cache rien, ces éléments ne sont pas de moi mais simplement rencontré au détour de mes déambulations sur la toile. Guide de survie du positionnement CSS Cet article s'adresse à ceux qui ont déjà quelques notions de positionnement CSS, mais qui se demandent s'ils l'utilisent correctement, ou qui galèrent pour mettre en pratique leurs connaissances encore trop bancales. Comment s'y retrouver dans le machin tentaculaire qu'est le positionnement CSS? C'est un sujet à la fois complet (tant mieux) et complexe (ouille). Pour bien l'appréhender, il faut prendre en compte: les possibilités de CSS 2.1 pour l'affichage et le positionnement des éléments (et à l'avenir de CSS 3); celles qui sont implémentées dans les navigateurs (et donc pas les autres, sauf pour préparer l'avenir); les contraintes de mise en page et d'adaptation aux contenus (le contenu, ça va ça vient… et ça vous surprend toujours d'une manière ou d'une autre); les contraintes du média screen (on ne fait pas tout et n'importe quoi avec les hauteurs et largeurs, le centrage, etc.); les bugs éventuels des navigateurs (ou de certains navigateurs). Comment s'y retrouver?

Comprendre l'UX Design en 10 images - Blog du MMI Ca fait quelques temps qu’on parle de plus en plus d’UX Designer et de design d’expérience. Ces notions peuvent te sembler assez floues au premier abord, ce qui est normal au vu des confusions qui se font régulièrement sur les réseaux sociaux et portfolios, sans parler des offres d’emploi. En effet, tu vois souvent sur Twitter ou Dribbble des gens qui se définissent comme UX/UI Designer ou User Experience Designer. Alors toi, tu comprends que ça a vaguement un rapport avec le design, en voyant les créations de la personne ou en lisant ses tweets. Mais il peut être difficile de faire correspondre un terme bien français derrière cette expression que tant de gens utilisent à tort et à travers, pas vrai ? C’est la raison pour laquelle le Blog du MMI a fait le tour du web (avec sa super-fusée) pour trouver de quoi monter un article simple et clair.

8 outils gratuits de Google pour tester les performances de votre site Web Aujourd’hui, j’ai déjeuné avec Laurent. Et devinez quoi, nous avons parlé de Référencement Naturel (SEO). Ca vous étonne, pas moi : display: inline-block et les espaces indésirables - Alsacreations La valeur inline-block de la propriété display est à la mode, même si elle demeure encore trop peu connue et mal utilisée. Elle offre de multiples avantages dont le principal est de pouvoir disposer des éléments les uns à côté des autres, tout en étant dimensionnés et sans les retirer du flux. L'un de ses inconvénients majeurs est l'apparition d'un espace indésirable et incompressible de prime abord entre les blocs.

Les sites web incontournables (janvier 2017) Ce premier rendez-vous des incontournables nous réserve de très très belles pépites ! La sélection de janvier à été difficile, tant la qualité des sites était au rendez-vous. J’ai conservé le meilleur pour le plus grand plaisir de vos yeux. Mélangeant vidéos interactives, animations subtiles et graphisme bien léché, ils représente un parfait reflet des tendances actuelles.

Sitemap: Conseils & outil pour générer un Sitemap XML Qu'est-ce qu'un sitemap ? Un sitemap est un fichier qui contient une liste enrichie d'URLs internes à un site web. Ce fichier est au format XML. Il permet de fournir aux principaux moteurs de recherche des informations sur les URLs d'un site web qu'ils ne pourraient pas découvrir par eux-mêmes. WordPress – Personnaliser un thème ? Oui, avec un child theme - Tutoriels Les thèmes WordPress sont de plus en plus courus par tous : débutants, blogueurs confirmés ou professionnels du web. Il est possible d’en obtenir gratuitement un peu partout sur la toile, pas toujours de bonne qualité, pas toujours très sécurisés, comme il est possible d’en obtenir de payants (je n’ai pas dit qu’ils étaient mieux). Dans tous les cas il est possible de les personnaliser. Plusieurs solutions Wild tweaking La première, la moins propre, consiste à modifier directement les fichiers du thème, améliorer les portions de code des articles, des commmentaires, ou simplement de l’en-tête de votre document ou du fichier functions.php pour ajouter quelques morceaux de code trouvés sur la toile.

Le contexte de formatage block en CSS - Alsacreations Certaines spécifications CSS sont plus obscures que d'autres. Mais il est du devoir d'un intégrateur de les connaître pour être plus efficace dans son métier. Qui n'a jamais pesté contre des éléments flottants qui ne se comportent pas comme espéré ? Qui n'a pas été une fois au-moins dérouté par des marges verticales venues de nulle part ? OpenTest. Créer des tutoriels vidéo le plus simplement du monde – Les Outils Tice OpenTest est un outil formidable pour enregistrer en son et en vidéo ce que se passe dans votre navigateur web. Il s’agit d’une extension pour Chrome qui facilite la création et le partage de vidéos. Encore un excellent outil pour la classe inversée.

Compétences Agence web depuis 2005 Notre société est née sur une idée simple. Nous pouvons faire de beaux sites tout en respectant les normes.