Catégories
Astuces et Design

10+ exemples d'extraits de code de neumorphisme

Le neumorphisme est une tendance récente qui est un descendant du skeuomorphisme et est utilisé dans la conception UX et UI sur les sites Web du monde entier. Pour jeter un coup d'œil à cette nouvelle tendance, nous avons rassemblé une collection d'exemples intéressants que vous pourrez parcourir et éventuellement utiliser dans vos projets à […]

Catégories
Astuces et Design

Leçons tirées de soixante jours de réanimation de zombies avec CSS codé à la main

Mise en garde: Terrible sens de l'humour à venir. Nous parlerons de choses pratiques, mais les exemples impliquent presque tous des zombies et des blagues idiotes. Tu étais prévenu. Je vais créer des liens vers des stylos individuels tout en discutant des leçons que j'ai apprises, mais si vous souhaitez avoir une idée de l'ensemble […]

Catégories
Astuces et Design

30+ extraits de code CSS purs utiles

Dans cet article, nous avons rassemblé une collection d'extraits de code CSS purs utiles pour les éléments couramment utilisés lors de la conception et du développement d'un site Web. Nous en avons inclus quelques-uns qui sont peut-être moins courants, mais qui pourraient vous être utiles si vous recherchez un moyen de passer au niveau supérieur […]

Catégories
Astuces et Design

10 extraits de code de navigation responsive CSS pur

La conception d’une mise en page réactive n’a pas besoin d’être difficile. Surtout si vous effectuez initialement un wireframe pour planifier à l'avance et déterminer exactement ce que vous créez. L'une des parties les plus difficiles d'un bon site réactif est la navigation. Cela peut prendre un certain temps à comprendre et il existe de […]

Catégories
Astuces et Design

Comment simplifier le code SVG à l'aide de formes de base

Il existe différentes manières de travailler avec les icônes, mais la meilleure solution inclut toujours SVG, qu'il soit implémenté en ligne ou lié en tant que fichier image. C'est parce qu'ils sont «dessinés» dans le code, ce qui les rend flexibles, adaptables et évolutifs dans n'importe quel contexte. Mais lorsque vous travaillez avec SVG, il […]

Catégories
Astuces et Design

Détendez-vous avec ces extraits de code CSS et JavaScript apaisants

Nous pourrions tous utiliser un peu de calme dans nos vies. Et avec les pressions qui accompagnent la conception et le développement de sites Web, sans parler de l'état du monde. Il y a de nombreuses raisons de trouver une évasion. Et si sortir du bureau est un excellent moyen de se détendre, ce n’est […]

Catégories
Astuces et Design

La boucle d'événements Node.js: un guide du développeur sur les concepts et le code

L'asynchronie dans n'importe quel langage de programmation est difficile. Des concepts comme la concurrence, le parallélisme et les blocages font frissonner même les ingénieurs les plus chevronnés. Le code qui s'exécute de manière asynchrone est imprévisible et difficile à tracer en cas de bogues. Le problème est incontournable car l'informatique moderne a plusieurs cœurs. Il […]

Catégories
Astuces et Design

8 meilleurs éditeurs de code pour les concepteurs en 2020 (gratuit et premium)

Avoir au moins une compréhension de base du codage est une compétence importante que tout concepteur devrait posséder. Connaître la conception de sites Web, le HTML et le CSS vous aidera à vous démarquer des autres concepteurs. Même si vous êtes un graphiste travaillant sur des conceptions d'impression, vous ne saurez jamais si ou quand […]

Catégories
Astuces et Design

Vous voulez améliorer le code? Enseignez à quelqu'un le CSS.

Un de mes amis m'a récemment demandé de lui apprendre à coder. Elle était une débutante absolue, n'ayant aucune idée de ce que le codage implique vraiment. J'ai décidé de commencer là où j'ai commencé: HTML et CSS. En utilisant CodePen, nous avons commencé à forger des stylos et à les modifier. Bientôt, un parcours […]

Catégories
Astuces et Design

JQuery réactif pour les bases de code héritées spaghetti (ou lorsque vous ne pouvez pas avoir de belles choses)

Je peux vous entendre crier maintenant: «Pourquoi diable voudriez-vous utiliser jQuery alors qu'il existe de bien meilleurs outils disponibles? La démence! Quelle sorte de maniaque êtes-vous? Ce sont des questions raisonnables, et je vais y répondre avec un peu de contexte. Dans mon travail actuel, je suis responsable de l'entretien et de l'alimentation d'un ancien […]

Catégories
Astuces et Design

Comment garantir un code PHP flexible et réutilisable avec Insphpect – SitePoint

Insphpect est un outil que j'ai écrit dans le cadre de mon projet de doctorat. Il analyse le code à la recherche de techniques de programmation orientée objet qui entravent la réutilisation et la flexibilité du code. Pourquoi? Permettez-moi de commencer par deux observations banales: Les exigences commerciales évoluent avec le temps. Les programmeurs ne […]

Catégories
Astuces et Design

8 extraits de code CSS et JavaScript animés qui célèbrent l'été

Il y a une raison pour laquelle tant d'entre nous attendent avec impatience l'été. Il donne l'occasion de sortir à l'extérieur et loin de nos bureaux. Ensuite, vous avez la possibilité de passer plus de temps avec vos amis et votre famille. Comme on dit, l'aventure est là-bas. Encore mieux, vous n’avez pas besoin de […]

Catégories
Astuces et Design

Comment désactiver le code: le commutateur d'arrêt de production du développeur

Ce qui suit est un post invité écrit par Carlos Schults. La possibilité de désactiver le code en production est une puissance que de nombreux développeurs ne connaissent pas. Et c’est dommage. La possibilité de désactiver certaines parties – ou même des fonctionnalités complètes – de la base de code peut considérablement améliorer le processus […]

Catégories
Astuces et Design

Comment créer un lecteur de code QR pour votre site Web mobile – SitePoint

Le code à barres et le code QR ont modernisé notre expérience d'achat et de recherche. Les clients porteurs de smartphones peuvent désormais récupérer un produit partout dans le monde, scanner son code-barres ou son code QR à l'aide de l'une des nombreuses applications téléphoniques gratuites et découvrir son prix le plus bas ainsi que […]

Catégories
Astuces et Design

5 façons de créer des sites Web sans code à l'aide de Gutenberg de WordPress

Les concepteurs de sites Web pourraient être pardonnés si leurs yeux brillaient à la simple mention de la création d'un site Web personnalisé. La création d'un site Web avancé nécessitait auparavant des connaissances en programmation et des heures de codage. Mais grâce à Gutenberg, même ceux qui ne connaissent pas leur code HTML à partir […]

Catégories
Astuces et Design

Validez correctement les modifications apportées à votre base de code – SitePoint

La différence entre un bon et un mauvais commit peut être énorme. Il n’est pas amusant de demander à votre collègue – ou à votre passé – ce qu’était un changement particulier, ou quel est l’état actuel des choses. Si vous validez les modifications de votre base de code de la bonne façon, vous pouvez […]

Catégories
Astuces et Design

Comment organiser correctement les fichiers dans votre base de code et éviter le chaos – SitePoint

La bibliothèque principale, les données, l'interface utilisateur, les documents et le wiki, les tests, les composants hérités et tiers… Comment pouvons-nous suivre et maintenir l'ordre dans tout cela? L'organisation des fichiers dans votre base de code peut devenir une tâche intimidante. Détendez-vous – nous l'avons! Dans cet article, nous allons passer en revue les systèmes […]

Catégories
Astuces et Design

La montée du mouvement sans code – SitePoint

À l'ère d'Internet, l'innovation technologique a été largement stimulée par une communauté d'ingénieurs logiciels, de développeurs Web et de pirates informatiques. Jusqu'à récemment, l'accélérateur de démarrage acclamé Y Combinator n'acceptait que des équipes fondatrices ayant des connaissances techniques. De plus, les entreprises les plus précieuses d’aujourd’hui sont axées sur la technologie, de sorte que l’accent […]

Catégories
Astuces et Design

Comment Aaron Osteraas a fait le contenu pour la transition de carrière de code – SitePoint

Comme Aaron Osteraas peut vous le dire, le chemin entre découvrir ce que vous voulez faire pour vivre et le faire est rarement linéaire. Maintenant ingénieur logiciel chez Tigerspike, une société de services numériques dont le siège est à Sydney, le parcours d'Aaron pour devenir développeur a commencé quand il était au lycée, mais ce […]

Catégories
Astuces et Design

10 extensions de code VS indispensables pour les développeurs JavaScript – SitePoint

Dans cet article, je vais me concentrer sur une liste d'extensions de code VS indispensables pour les développeurs JavaScript. Visual Studio Code (VS Code) est sans aucun doute l'éditeur de code léger le plus populaire aujourd'hui. Il emprunte beaucoup aux autres éditeurs de code populaires, principalement Sublime Text et Atom. Cependant, son succès vient principalement […]