Catégories
Astuces et Design

Comment incorporer des polices dans PowerPoint

L'utilisation de polices personnalisées dans les présentations PowerPoint est l'un des meilleurs moyens de rendre vos diaporamas plus professionnels et de vous démarquer de la foule. Mais, que se passe-t-il si vous devez partager le fichier PowerPoint avec une équipe qui n'a pas ces mêmes polices installées sur leurs ordinateurs? Ne vous inquiétez pas, il […]

Catégories
Astuces et Design

Comment ajouter des polices à Adobe Illustrator pour les utiliser dans des projets vectoriels

Les concepteurs connaissent très bien Adobe Illustrator. Ce programme est une alternative professionnelle pour concevoir n'importe quel projet, des dessins aux travaux publicitaires de haute qualité. Grâce à ses outils puissants, les concepteurs peuvent gagner un temps précieux à travailler et peuvent même installer du contenu supplémentaire qui les aide à créer une expérience personnalisée, […]

Catégories
Astuces et Design

Construire un outil de suivi des habitudes avec Prisma 2, Chakra UI et React – SitePoint

En juin 2019, Prisma 2 Preview est sorti. Prisma 1 a changé notre façon d'interagir avec les bases de données. Nous pourrions accéder aux bases de données via des méthodes et des objets JavaScript simples sans avoir à écrire la requête dans le langage de base de données lui-même. Prisma 1 a agi comme une […]

Catégories
Astuces et Design

Guide de la syntaxe des images réactives en HTML

Ce guide concerne les Syntaxe HTML pour des images réactives (et un peu de CSS pour faire bonne mesure). La syntaxe des images réactives consiste à servir une image à partir de plusieurs options en fonction des règles et des circonstances. Il existe deux formes d'images réactives, et elles correspondent à deux choses différentes: Si […]

Catégories
Astuces et Design

Top 22 des meilleures ressources photo gratuites pour votre site WordPress

Nous savons tous qu'une image vaut mille mots, en particulier dans le paysage concurrentiel en ligne, où chaque blogueur, propriétaire d'entreprise et boutique de commerce électronique essaie de se démarquer dans la foule. Mais avec tout le monde utilisant les mêmes vieilles images de stock de fromage sur leurs sites Web, se démarquer peut être […]

Catégories
Astuces et Design

Utilisation de données structurées pour améliorer l'optimisation des moteurs de recherche

Le référencement est souvent considéré comme l'huile de serpent du Web. Combien de fois avez-vous fait défiler des titres accrocheurs pour savoir comment améliorer votre référencement? Tout le monde et son oncle semblent avoir un remède «magique» pour arriver en tête des résultats de recherche et transformer les impressions en conversions. Passer au crible tant […]

Catégories
Astuces et Design

Comparaison des 9 meilleures options d'hébergement WordPress gérées

Avez-vous vraiment besoin d'un hébergement WordPress géré? Avouons-le: Exécuter un blog ou un site WordPress n'est pas un jeu facile. Vous devez vous occuper de tout le contenu, du marketing, de la conception du site, des médias sociaux, etc. Mais avant de le faire, vous devez vous assurer que votre site WordPress fonctionne correctement et […]

Catégories
Astuces et Design

Construire des composants React réutilisables en utilisant Tailwind – Smashing Magazine

A propos de l'auteur Tilo Mitra a étudié le génie à l'Université de Waterloo. Il est directeur d'ingénierie et ingénieur logiciel. Il écrit en JavaScript… Plus à propos Tilo … Tailwind est un framework CSS très utile qui fournit des noms de classe de bas niveau aux développeurs Web. Il n'a pas de JavaScript et […]

Catégories
Astuces et Design

8 conseils pour concevoir des histoires Instagram qui ne sucent pas

Les histoires Instagram sont l'un des formats de médias sociaux les plus populaires. Le format vertical permet aux créateurs de partager des vidéos, des photos et des contenus multimédias sur un support de streaming, et présente une mise en page entièrement nouvelle à concevoir. La partie délicate consiste à créer des histoires qui sont agréables, […]

Catégories
Astuces et Design

Des images et des textures d'arrière-plan gratuites en papier pour vous

Peu importe le nombre d'années, le papier sera toujours un matériau précieux pour les gens. Bien que l'ère numérique domine le monde moderne, le papier ne se démode pas et le sentiment d'avoir un document physique n'est toujours pas surpassé. C'est pourquoi en utilisant un fond de papier dans vos créations, vous serez en mesure […]

Catégories
Astuces et Design

Comment créer des pages imprimables avec CSS – SitePoint

Cet article a été mis à jour en 2020 pour refléter les dernières meilleures pratiques en matière de style d'impression CSS. Dans cet article, nous passons en revue l'art de créer des pages Web imprimables avec CSS. "Qui imprime les pages Web?" Je t'entends pleurer! Relativement peu de pages seront reproduites sur papier. Mais considérez: […]

Catégories
Astuces et Design

Comment modifier des fichiers source directement dans Chrome – SitePoint

Cet article populaire a été mis à jour en 2020. Pour en savoir plus sur l'amélioration de votre flux de travail de développement avec des outils, consultez Developer Essentials: Tools on SitePoint Premium. La journée type d'un développeur Web consiste à créer des pages Web HTML avec CSS et JavaScript associés dans son éditeur préféré. […]

Catégories
Astuces et Design

Comment appliquer des transformations CSS3 aux images d'arrière-plan – SitePoint

Les transformations CSS sont excellentes, mais elles ne s'appliquent pas (encore?) Aux images d'arrière-plan. Cet article présente une solution de contournement pour les moments où vous souhaitez vraiment faire pivoter une image d'arrière-plan ou conserver une image d'arrière-plan fixe pendant la rotation de son élément conteneur. Cet article a été mis à jour en 2020. […]

Catégories
Astuces et Design

Comment ajouter des polices à Pixlr Editor (guide rapide)

De nos jours, il est facile d'obtenir des programmes en ligne sur Internet qui n'ont pas besoin d'un téléchargement préalable sur notre ordinateur pour fonctionner. Vous pouvez même trouver des éditeurs d'images qui émulent presque parfaitement des programmes comme Photoshop ou Illustrator. Pixlr est l'un des meilleurs outils de cette catégorie car, en plus d'être […]

Catégories
Astuces et Design

Les polices Google les plus rapides – CSS Wizardry – Optimisation des performances Web

19 mai 2020 Écrit par Harry Roberts sur CSS Wizardry. Table des matières Essai Par défaut / hérité font-display: swap; CSS asynchrone preload preconnect Prime: font-display: optional; Comparaisons et visualisations Résultats Extrait Google Fonts Async Pour la plupart, les polices Web sont aujourd'hui plus rapides que jamais. Avec plus Comportement FOUT / FOIT standardisé des […]

Catégories
Astuces et Design

Transformer des sujets banals en une communication visuelle passionnante – Smashing Magazine

Dans ce neuvième numéro d'Inspirated Design Decisions, Andy Clarke expliquera comment l'étude du travail de Max Huber – l'un des designers suisses les moins connus mais les plus distingués – vous apprendra comment transformer des sujets banals en une communication visuelle passionnante. Il y a des années, je souhaitais pouvoir travailler sur des projets publicitaires […]

Catégories
Astuces et Design

Flexbox-like "juste mettre des éléments dans une rangée" avec grille CSS

Cela m'est venu à l'esprit pendant que nous parlions de flexbox et gap cette raison que nous atteignons parfois pour flexbox est de jeter quelques boîtes d'affilée et de les espacer un peu. Mon cerveau atteint toujours pour flexbox dans cette situation, et avec gap, il continuera probablement de le faire. Il convient de noter […]

Catégories
Astuces et Design

Comment ajouter des polices à Photoshop (Mac et Windows)

Il n'est pas nécessaire d'être intimidé lorsqu'il s'agit d'ajouter des polices à Adobe Photoshop pour les utiliser dans des projets. Que vous soyez sur Mac ou Windows, l'ajout d'une police à Photoshop peut être un processus simple. Tout concepteur devra régulièrement travailler avec de nouvelles polices et typographies, et savoir comment les faire fonctionner rapidement […]

Catégories
Astuces et Design

Comment créer des pages de taxonomie avec Gatsby et Sanity.io

Dans ce didacticiel, nous allons voir comment créer des pages de taxonomie avec Gatsby avec du contenu structuré de Sanity.io. Vous apprendrez à utiliser les API de création de nœuds de Gatsby pour ajouter des champs à vos types de contenu dans l'API GraphQL de Gatsby. Plus précisément, nous allons créer des pages de catégorie […]