Catégories
Astuces et Design

Halfmoon: une alternative Bootstrap avec le mode sombre intégré

J'ai récemment lancé la première version de production de Halfmoon, un framework front-end que je construis depuis quelques mois. Ceci est un court article d'introduction sur ce qu'est le cadre et pourquoi j'ai décidé de le créer. Le pitch des ascenseurs Halfmoon est un framework front-end avec quelques éléments intéressants: Mode sombre intégré directement dans: […]

Catégories
Astuces et Design

Choisissez votre propre aventure avec le certificat de conception et de développement Web Parsons

Beaucoup de gens rêvent d'une carrière dans la conception de sites Web, mais cela peut en fait être plus accessible que vous ne le pensez. Il existe d'innombrables cours en ligne, de qualité variable, avec peu ou pas de structure académique; l'auto-apprentissage est une option, mais il ne vient pas avec un programme. Sans une […]

Catégories
Astuces et Design

Comment configurer les jeux de couleurs d'application avec les propriétés personnalisées CSS – Smashing Magazine

A propos de l'auteur Artur est un ingénieur logiciel avec une forte concentration sur le frontend et les tests. Il vit et travaille à Grodno, en Biélorussie, et est passionné par les technologies Web et tout… Plus à propos Artur … Dans cet article, Artur Basak présente une approche moderne de la configuration des propriétés […]

Catégories
Astuces et Design

Meilleure gestion des erreurs dans NodeJS avec des classes d'erreur – Smashing Magazine

A propos de l'auteur Kelvin Omereshone est le directeur technique de Quru Lab. Kelvin était auparavant ingénieur Front-end chez myPadi.ng. Il est le créateur de la communauté Nuxtjs Africa et très passionné… Plus à propos Kelvin … Cet article est destiné aux développeurs JavaScript et NodeJS qui souhaitent améliorer la gestion des erreurs dans leurs […]

Catégories
Astuces et Design

Comment créer une Porsche 911 avec croquis (partie 3) – Smashing Magazine

A propos de l'auteur Concepteur visuel et UI / UX, auteur de dizaines de didacticiels Adobe Photoshop et Sketch. Accro à l'espresso. Regardez passionné. Plus à propos Nikola Lazarević … Il s’agit de la troisième et dernière partie du didacticiel dans laquelle nous allons créer les roues (jantes et pneus) et ajouter toutes les touches […]

Catégories
Astuces et Design

Faites-en plus avec une équipe distante et une tâche

Presque toutes les équipes s'adaptent au travail à distance et à de meilleurs flux de travail. Taskade peut fournir ce coup de pouce à votre équipe, que vous travailliez dans le hall ou à l'autre bout du monde. L'outil ressemble à une application simple à faire, il est donc facile à utiliser. Mais la réalité […]

Catégories
Astuces et Design

Créer un blog statique avec Sapper et Strapi – Smashing Magazine

A propos de l'auteur Daniel Madalitso Phiri est un développeur, écrivain, constructeur de choses loufoques, DJ, Lorde superfan et Community Builder de Lusaka, en Zambie. Plus à propos Daniel … Cet article vous explique comment créer un blog statique alimenté par Svelte avec Sapper et Strapi, ainsi que comment déployer le site Web sur Netlify. […]

Catégories
Astuces et Design

Commentaires sur le site Web du client avec contexte? Oui s'il vous plaît.

Obtenir des commentaires sur vos projets de site Web est crucial. Pourtant, c’est aussi l’une des étapes les plus douloureuses du processus de construction. Les commentaires des clients et des membres de l'équipe perdent souvent quelque chose lors de la traduction, ce qui rend difficile toute action significative. C’est une des principales raisons pour lesquelles […]

Catégories
Astuces et Design

Comment créer une Porsche 911 avec croquis (partie 2) – Smashing Magazine

A propos de l'auteur Concepteur visuel et UI / UX, auteur de dizaines de didacticiels Adobe Photoshop et Sketch. Accro à l'espresso. Regardez passionné. Plus à propos Nikola Lazarević … Dans la partie 1 de ce didacticiel, Nikola Lazarević a expliqué comment créer et modifier la carrosserie d'une voiture dans Sketch, y compris les feux […]

Catégories
Astuces et Design

Comprendre GraphQl côté client avec Apollo-Client dans React Apps – Smashing Magazine

A propos de l'auteur Blessing Krofegha est un ingénieur logiciel basé à Lagos au Nigeria, avec un désir ardent de contribuer à rendre le Web génial pour tous, en écrivant et en construisant… Plus à propos Bénédiction … Avez-vous déjà essayé d'interagir avec un serveur GraphQL dans une application côté client et avez-vous envie d'abandonner […]

Catégories
Astuces et Design

Comment héberger des sites statiques gratuitement avec un pipeline automatisé

Saviez-vous que vous pouvez héberger gratuitement des sites statiques sur un certain nombre de services de haut niveau? Cela ne permet pas seulement d’économiser de l’argent, mais signifie également que vous effectuez un déploiement sur des CDN distribués à l’échelle mondiale et automatisez des processus. Fourni: Netlify Dans un article précédent, nous avons passé en […]

Catégories
Astuces et Design

Créez un tableau de bord réactif avec un matériau angulaire et des graphiques ng2 – Smashing Magazine

A propos de l'auteur Zara Cooper est une développeur de logiciels et une rédactrice technique qui aime partager ce qu'elle apprend en tant que développeur avec les autres. Quand elle a du temps à perdre, elle aime… Plus à propos Zara … Les schémas dans Angular 9 sont des générateurs de code qui peuvent créer […]

Catégories
Astuces et Design

Comment créer une Porsche 911 avec croquis (partie 1) – Smashing Magazine

A propos de l'auteur Concepteur visuel et UI / UX, auteur de dizaines de didacticiels Adobe Photoshop et Sketch. Accro à l'espresso. Regardez passionné. Plus à propos Nikola Lazarević … Ce tutoriel s'adresse aux illustrateurs qui sont également des passionnés d'automobile. Si vous suivez, vous apprendrez à dessiner à partir de zéro dans Sketch la […]

Catégories
Astuces et Design

Comment créer une chronologie réactive avec des miniatures d'image

Dans ce didacticiel, vous apprendrez à créer une chronologie réactive pour un ensemble d'événements connexes que vous souhaitez afficher dans une séquence chronologique (ou chronologique inverse). Cela peut être utilisé pour afficher des étapes importantes de l'entreprise, des nouvelles ou des événements personnels. j'ai utilisé événements de voyage personnels à titre d'exemple dans ce post. […]

Catégories
Astuces et Design

Créer des applications de bureau avec Electron et Vue – Smashing Magazine

A propos de l'auteur Développeur front-end basé à Lagos, au Nigeria. Il aime convertir les conceptions en code et créer des éléments pour le Web. Plus à propos Timi … Electron est un framework logiciel open source développé et maintenu par GitHub. Il permet le développement d'applications GUI de bureau à l'aide des technologies Web. […]

Catégories
Astuces et Design

Comment créer un calendrier mensuel avec des données réelles

Avez-vous déjà vu un calendrier sur une page Web et pensé, comment diable ont-ils fait ça? Pour quelque chose comme ça, il peut être naturel de chercher un plugin, ou même un calendrier Google intégré, mais c'est en fait beaucoup plus simple d'en créer un que vous ne le pensez et ne nécessite que le […]

Catégories
Astuces et Design

Créer un site Gatsby avec des données WordPress

Dans mon article précédent la semaine dernière, j'ai mentionné la création d'un site WordPress-Gatsby partiellement porté. Cet article est une suite avec une procédure pas à pas sous le capot. Gatsby, un framework basé sur React pour les sites statiques, attire l'attention non seulement des développeurs JavaScript, mais également des développeurs et des utilisateurs de […]

Catégories
Astuces et Design

Comment créer une application frontale accessible avec Chakra UI et Nuxt.js – Smashing Magazine

A propos de l'auteur Kelvin Omereshone est le directeur technique de Quru Lab. Kelvin était auparavant ingénieur front-end chez myPadi.ng. Il est le créateur de la communauté Nuxtjs Africa et très passionné… Plus à propos Kelvin … Dans cet article, nous allons examiner comment utiliser Chakra UI et NuxtJS pour créer des applications frontales accessibles. […]

Catégories
Astuces et Design

N'oubliez jamais un commentaire TODO avec tickgit, le chef de projet de votre référentiel

tickgit est un outil en ligne de commande et une application Web qui aide les développeurs à gérer leur projet dans leur code, grâce à l'utilisation de commentaires TODO et d'autres marqueurs en texte brut. C'est un moyen peu coûteux de gérer votre backlog sans changer de contexte. tickgit scanne le code source pour les […]

Catégories
Astuces et Design

Tendance de conception: des images de héros fortes avec un texte subtil

Cette tendance de conception de site Web est tout au sujet du contraste… ou de son absence. De plus en plus de designs apparaissent avec de grandes et superbes zones d'image de héros, mais les éléments de texte sont beaucoup plus subtils. Il s'agit d'un changement par rapport au texte de zone de héros surdimensionné […]