Catégories
Astuces et Design

Comment créer de meilleurs modèles angulaires avec Pug – Smashing Magazine

A propos de l'auteur Zara Cooper est une développeur de logiciels et rédactrice technique qui aime partager ce qu'elle apprend en tant que développeur avec d'autres. Quand elle a du temps à perdre, elle aime… Plus à propos Zara … Pug est un moteur de modèle qui vous permet d'écrire des modèles plus propres avec […]

Catégories
Astuces et Design

Comment utiliser Envato Elements pour créer en ligne

Lorsqu'on lui présente la tâche de créer des choses pour Internet, savoir par où commencer peut être la moitié de la bataille. Si vous manquez de compétences en conception ou si vous êtes pressé par le temps, l'utilisation de certaines ressources prédéfinies peut être extrêmement utile. Le premier ordre du jour consiste à trouver une […]

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 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 […]

Catégories
Astuces et Design

Comment créer une extension Chrome

J'ai fait une extension Chrome ce week-end parce que j'ai constaté que je faisais la même tâche encore et encore et que je voulais l'automatiser. De plus, je suis un nerd pendant une pandémie, donc je dépense mes étranges énergies accumulées pour construire des choses. J'ai créé cinq extensions Chrome avec cette énergie, mais je […]

Catégories
Astuces et Design

Comment créer une application mobile dans Expo et Firebase (pour iOS et Android) – Smashing Magazine

A propos de l'auteur Chafik Gharbi est un ingénieur et développeur passionné d'applications mobiles et Web intéressé par tout ce qui concerne JavaScript et les solutions multiplateformes. Plus à propos Chafik … Dans cet article, basé sur mon expérience de la création d'une application GPS et de navigation, je vais vous montrer comment créer une […]

Catégories
Astuces et Design

Créer une interface de ligne de commande JavaScript (CLI) avec Node.js – SitePoint

Aussi grand que Node.js pour les applications Web «traditionnelles», ses utilisations potentielles sont beaucoup plus larges. Microservices, API REST, outillage, utilisation de l'Internet des objets et même des applications de bureau: vous avez le dos. Un autre domaine où Node.js est vraiment utile est la création d'applications en ligne de commande – et c'est ce […]

Catégories
Astuces et Design

Exemples de polices Star Wars pour créer des dessins à partir d'une galaxie lointaine, lointaine

Si vous êtes un grand fan de la série Star Wars et du superbe univers SF de George Lucas, vous pouvez obtenir la même esthétique à travers de petits détails. L'un de ces détails serait les polices. Star Wars est un blockbuster qui peut être facilement reconnu, même par ceux qui ne l'ont pas regardé. […]

Catégories
Astuces et Design

Créer une application simple pour débutant avec Node, Bootstrap et MongoDB – SitePoint

Si vous débutez avec Node.js et que vous voulez vous essayer à la création d'une application Web, les choses peuvent souvent devenir un peu écrasantes. Une fois que vous avez dépassé le "Bonjour, le monde!" didacticiels, une grande partie du matériel disponible contient du code de copier-coller, avec peu ou pas d'explications sur ce que […]

Catégories
Astuces et Design

Comment créer un CMS simple avec Cloudflare, GitHub Actions et Metalsmith

Construisons-nous un CMS. Mais plutôt que de créer une interface utilisateur, nous allons l'obtenir gratuitement sous la forme de GitHub lui-même! Nous utiliserons GitHub comme moyen de gérer le contenu de notre générateur de site statique (il pourrait être tout générateur de site statique). Voici l'essentiel: GitHub sera l'endroit où gérer, contrôler la version et […]

Catégories
Astuces et Design

Comment créer un formulaire de téléchargement de fichiers avec Express et DropzoneJS – SitePoint

Avouons-le, personne n'aime les formulaires. Les développeurs n'aiment pas les construire, les concepteurs n'aiment pas particulièrement les styliser et les utilisateurs n'aiment certainement pas les remplir. De tous les composants qui peuvent constituer un formulaire, le contrôle de fichier pourrait être le plus frustrant du lot. Le style est vraiment pénible, il est maladroit et […]

Catégories
Astuces et Design

Utilisation de masques CSS pour créer des bords dentelés

Je travaillais sur un projet qui avait ce bord dentelé soigné au bas d'une image de bannière. Vous cherchez tranchant… À plus d'un titre. C’est quelque chose qui m’a fait réfléchir pendant une seconde et j’ai appris quelque chose dans le processus! Je pensais que j'écrirais comment je l'ai abordé pour que vous puissiez l'utiliser […]

Catégories
Astuces et Design

Créer une application de recherche GIF de bureau natif à l'aide de NodeGui – SitePoint

NodeGui est une bibliothèque open source pour la création d'applications de bureau natives multiplateformes avec Node.js. Les applications NodeGui peuvent s'exécuter sur macOS, Windows et Linux. Les applications construites avec NodeGui sont écrites en utilisant JavaScript, stylisées avec CSS et rendues en tant que widgets de bureau natifs en utilisant le framework Qt. Certaines des […]

Catégories
Astuces et Design

Comment créer une maquette (à l'aide d'un générateur de maquette ou de Photoshop)

Les maquettes sont un outil de conception qui montre une conception – logos, sites Web, produits, etc. – de manière réaliste. Il existe de nombreux outils pour vous aider à créer une maquette utilisable pour montrer votre travail. Le principal avantage de l'utilisation d'une maquette est qu'elle peut donner vie à un projet (même avant […]

Catégories
Astuces et Design

Comment créer et structurer une application MVC Node.js – SitePoint

Dans une application non triviale, l'architecture est aussi importante que la qualité du code lui-même. Nous pouvons avoir des morceaux de code bien écrits, mais si nous n'avons pas une bonne organisation, nous aurons du mal à mesure que la complexité augmente. Il n'est pas nécessaire d'attendre que le projet soit à mi-chemin pour commencer […]

Catégories
Astuces et Design

Créer une application CRUD Node.js en utilisant React et FeathersJS – SitePoint

Construire un projet moderne nécessite de diviser la logique en code frontal et principal. La raison de cette décision est de promouvoir la réutilisation du code. Par exemple, nous devrons peut-être créer une application mobile native qui accède à l'API principale. Ou nous développons peut-être un module qui fera partie d'une grande plate-forme modulaire. La […]

Catégories
Astuces et Design

Comment créer une application d'enquête Vue à l'aide de l'authentification et de la base de données Firebase – Smashing Magazine

A propos de l'auteur David écrit actuellement du code frontal pour canaryng.com et s'efforce constamment de rendre le Web plus accessible à tous. Les intérêts en dehors du codage incluent… Plus à propos David … Ce didacticiel vous guidera étape par étape pour créer une application d'enquête fonctionnelle à l'aide de Vue.js et Firebase. De […]

Catégories
Astuces et Design

Créer une application avec Angular et la CLI angulaire – SitePoint

Dans ce didacticiel, nous allons examiner la gestion de l'authentification des utilisateurs dans la pile MEAN. Nous utiliserons l'architecture MEAN la plus courante consistant à avoir une application angulaire à page unique utilisant une API REST construite avec Node, Express et MongoDB. Lorsque nous pensons à l'authentification des utilisateurs, nous devons aborder les points suivants: […]

Catégories
Astuces et Design

Comment créer des blocs d'édition WordPress personnalisés en 2020

L'éditeur de blocs WordPress (précédemment intitulé Gutenberg) comprend une nouvelle façon d'ajouter du contenu à vos publications, pages et bientôt tout le contenu WordPress sur votre site WordPress. Il marque le passage de WordPress dans l'espace du générateur de pages. L'ensemble de base des blocs par défaut est assez robuste, mais que se passe-t-il si […]

Catégories
Astuces et Design

Comment puis-je créer une application en 10 jours? – Smashing Magazine

A propos de l'auteur Drew est directeur chez edgeofmyseat.com, co-fondateur de Notist et développeur principal du petit système de gestion de contenu Perch. Avant cela, il était développeur Web… Plus à propos A dessiné McLellan … Dans cet épisode du Smashing Podcast, nous parlons de créer des applications sur une chronologie serrée. Comment transformer rapidement […]