Catégories
Astuces et Design

Qu'est-ce que TypeScript? – Magazine Smashing

Nous parlons de TypeScript. Qu'est-ce que c'est et comment cela peut-il nous aider à écrire un meilleur JavaScript? Drew McLellan parle à l'expert Stefan Baumgartner pour le savoir. Nous parlons de TypeScript. Qu'est-ce que c'est et comment cela peut-il nous aider à écrire un meilleur JavaScript? J'ai parlé à l'expert Stefan Baumgartner pour le savoir. […]

Catégories
Astuces et Design

La promesse ratée des composants Web – Lea Verou

Les composants Web avaient tellement de potentiel pour permettre à HTML de faire plus, et rendre le développement Web plus accessible aux non-programmeurs et plus facile pour les programmeurs. Rappelez-vous à quel point c'était passionnant à chaque fois que nous recevions de nouveaux éléments HTML brillants qui faire des trucs? Vous vous souvenez à quel […]

Catégories
Astuces et Design

Dans les coulisses: une journée avec Ardent

Dès que nos développeurs Web s'assoient le matin, ils résolvent des problèmes avec les sites Web ou les serveurs actuels, créent de nouvelles fonctionnalités sur un site en cours de développement ou effectuent une maintenance quotidienne pour que tous nos sites fonctionnent correctement. La journée de notre équipe "Dev" peut inclure l'un des éléments suivants, […]

Catégories
Astuces et Design

Comparaison des méthodes de coiffage en 2020

Sur Smashing, Adebiyi Adedotun Lukman couvre toutes ces méthodes de style. C'est dans le contexte de Next.js, ce qui est assez important car Next.js a des façons spécifiques de travailler avec ces outils, c'est React et, par conséquent, est une architecture basée sur des composants. Mais les méthodes de style évoquées transcendent Next.js et peuvent […]

Catégories
Astuces et Design

Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

En tant qu'entreprise de conception et de développement Web, vous ne pouvez pas négliger l'accessibilité Web. Si vous le faites, vos clients finiront par violer l'Americans with Disabilities Act (ADA) et subiront de sévères sanctions. en raison des sites Web que vous avez créés pour eux. Ils peuvent être giflés de poursuites à gauche et […]

Catégories
Astuces et Design

40+ meilleurs modèles de croquis de 2020

Sketch est une application unique qui offre des fonctionnalités et des fonctionnalités incroyables pour créer des conceptions et des maquettes d'interface utilisateur. Créer une interface utilisateur efficace pour une application nécessite du temps, une attention particulière et, surtout, une idée pour démarrer! Afin de rationaliser le processus de conception pour la création de votre prochaine […]

Catégories
Astuces et Design

Comment créer votre première API REST avec Fastify

Fastify est un framework conçu pour le développement Web back-end. Il offre une alternative plus légère aux frameworks d'API Node.js plus lourds, tels que Hapi et Express. Depuis juillet 2020, Fastify a publié sa troisième version du framework. Cette troisième version est dotée de capacités de validation améliorées pour vérifier les demandes entrantes et sortantes, […]

Catégories
Astuces et Design

Gestion de la mise au point et inerte | Astuces CSS

De nombreuses formes de technologie d'assistance utilisent la navigation au clavier pour comprendre et agir sur le contenu de l'écran. Une façon de naviguer est via le Languette clé. Vous connaissez peut-être déjà cette façon de naviguer si vous l'utilisez pour passer rapidement d'une entrée à une autre sur un formulaire sans avoir à saisir […]

Catégories
Astuces et Design

Top des nouveaux plugins CMS, octobre 2020

Les plugins offrent une tonne d'avantages aux développeurs et aux administrateurs de sites Web; de la flexibilité, au gain de temps dans le développement, le bon plugin n'a pas de prix pour un projet. Dans cet article, nous allons couvrir une liste des meilleurs nouveaux plugins pour octobre 2020. Vous trouverez des plugins utiles pour […]

Catégories
Astuces et Design

Gérer l'intégration et la livraison continues avec les actions GitHub – Smashing Magazine

CI / CD (Continuous Integration and Continuous Deployment & Delivery) est une méthode moderne dans le cycle de développement logiciel qui réduit le processus répétitif de test et de déploiement de logiciel. Github Actions est l'un des services que nous pouvons utiliser pour réaliser CI / CD. Dans cet article, Aleem Isiaka explique comment déployer […]

Catégories
Astuces et Design

9 conseils de conception de site Web pour différentes générations (Oui, c'est important!)

C'est une évidence pour la plupart des concepteurs de planifier un projet en fonction d'un certain public cible. Cela peut être pour les personnes qui aiment les boissons gazeuses ou qui achètent des jeux vidéo ou qui ont une affinité pour les chaussures de sport. Mais une autre considération peut souvent être négligée: la conception […]

Catégories
Astuces et Design

Le plugin WordPress du Grumpy Designer Pet Peeves

Croyez-le ou non, un excellent plugin WordPress est quelque chose qui peut me faire sourire. Si c'est particulièrement cool, utile et rapide, eh bien, je pourrais même devenir un peu étourdi. Par exemple, lorsque je suis devenu un utilisateur des champs personnalisés avancés et des formulaires de gravité (et oui, je paie volontiers pour utiliser […]

Catégories
Astuces et Design

L'astuce: focus visible | Astuces CSS

Il vaut toujours la peine de le répéter: tous les éléments interactifs doivent avoir un style de focus. De cette façon, un utilisateur de clavier peut savoir quand il a déplacé le focus sur cet élément. Mais si vous utilisez :focus seul pour cela, il a un effet secondaire que beaucoup de gens n'aiment pas. […]

Catégories
Astuces et Design

Une mise à jour mensuelle avec de nouveaux guides et ressources communautaires – Smashing Magazine

A propos de l'auteur Jonglant entre trois langues au quotidien, Iris est connue pour son amour de la linguistique, des arts, du web design et de la typographie, ainsi que pour sa mine d'or de… Plus à propos Iris … Il est temps pour une autre mise à jour mensuelle! Rejoignez-nous pour partager les dernières […]

Catégories
Astuces et Design

Cette semaine en conception Web – 16 octobre 2020

C'est encore une fois pour notre tour d'horizon hebdomadaire de tous les articles liés à la conception et au développement Web que nous avons trouvés et qui ont été publiés au cours des sept derniers jours. Ici, vous pouvez prendre le temps de consulter des didacticiels, des inspirations, des opinions, des discussions et plus encore […]

Catégories
Astuces et Design

Problèmes de personnes | Astuces CSS

L'autre jour, Jeremy Keith a écrit que les problèmes liés au travail de performance ne sont pas seulement une question d'optimisation et de correction du code, mais aussi de résoudre les problèmes des personnes: J'ai été frappé par le fait qu'il existe un continuum de défis de performance. À une extrémité du continuum, vous avez […]

Catégories
Astuces et Design

Comment bien concevoir le mode sombre

Les thèmes sombres sont partout ces jours-ci. Alors que les êtres humains continuent de passer plus de temps à interagir avec la technologie, les thèmes sombres offrent un moyen plus relaxant de s'engager dans le monde numérique. Le plus souvent, ces thèmes sont plus faciles à regarder, plus attrayants et parfaits pour l'utilisateur dédié. Tout […]

Catégories
Astuces et Design

Supercharge Testing React Applications avec Wallaby.js – Smashing Magazine

A propos de l'auteur Kelvin est un fabricant de logiciels indépendant qui construit actuellement Sailscasts – une plate-forme pour apprendre le JavaScript côté serveur. Il est également rédacteur technique et… Plus à propos Kelvin … Avez-vous déjà dû passer de votre éditeur à votre terminal pour voir les résultats de vos tests? Cet article vous […]

Catégories
Astuces et Design

Comment tester la compatibilité entre navigateurs de conception Web responsive

Le HTML est un support intrinsèquement fluide. Le texte et les conteneurs se développent horizontalement et verticalement pour utiliser l'espace disponible. Cette fluidité a rendu les conceptions complexes plus difficiles, de sorte qu'au tournant du millénaire, de nombreux sites ont adopté une largeur fixe basée sur des tailles d'écran populaires. Le processus est resté viable […]

Catégories
Astuces et Design

Purge complète | Astuces CSS

Nous avons déjà abordé des techniques lorsque vous voulez un élément pleine largeur dans une colonne de largeur limitée, comme une image bord à bord dans une colonne de texte plus étroite. Il existe de nombreuses techniques. Peut-être que ma préférée est cette petite classe utilitaire: .full-width { width: 100vw; position: relative; left: 50%; right: […]