01#DevelopmentCréez pour le Web, avec le navigateur comme point de départUn parcours pratique à travers les principes fondamentaux du Web, des cours ciblés, la compatibilité des navigateurs et une mise en œuvre accessible.
Les frameworks rendent beaucoup de choses plus pratiques, mais le navigateur décide toujours du comportement d'une page. Une base en HTML, CSS, JavaScript et accessibilité rend les outils inconnus moins mystérieux. Ces références fonctionnent bien à côté d’un petit projet que vous pouvez inspecter, modifier et casser en toute sécurité.
Essayez…4 Links12 Beiträge
Travail numérique : comprendre, concevoir, finaliser
Des navigateurs et de HTTP au CSS et au design accessible, puis aux outils pour se concentrer, travailler les textes et les images, et vérifier un document avant de l’envoyer.
- 01#DevelopmentCréez pour le Web, avec le navigateur comme point de départUn parcours pratique à travers les principes fondamentaux du Web, des cours ciblés, la compatibilité des navigateurs et une mise en œuvre accessible.
Les frameworks rendent beaucoup de choses plus pratiques, mais le navigateur décide toujours du comportement d'une page. Une base en HTML, CSS, JavaScript et accessibilité rend les outils inconnus moins mystérieux. Ces références fonctionnent bien à côté d’un petit projet que vous pouvez inspecter, modifier et casser en toute sécurité.
Essayez…4 Links
02#DevelopmentLisez un échange HTTP avant de blâmer le frameworkUne explication, une référence et un service de test de requêtes pour comprendre ce qu'un navigateur envoie et ce qu'un serveur renvoie.3 Links
03#DevelopmentFaire en sorte qu'une mise en page CSS survive au contenu réelQuatre collections d'explications CSS pour comprendre les contraintes de mise en page, le dimensionnement résilient et les cas délicats qu'une maquette parfaite peut cacher.4 Links
04#DevelopmentUn atelier de débogage pour une page qui semble lenteDocumentation du navigateur et références de performances pour transformer « cela semble lent » en une observation reproductible et une prochaine étape ciblée.4 Links
05#DesignConcevoir des références pour les décisions qui nécessitent une justificationAllez au-delà de l'inspiration visuelle avec une petite étagère de recherches sur l'utilisabilité, des conseils en matière d'accessibilité, des principes d'interaction et des cours de typographie.
Une belle référence peut montrer à quoi ressemble un écran sans expliquer pourquoi il fonctionne. Lorsqu'une revue de conception se transforme en un concours de préférences, il est utile de disposer de sources qui rendent la décision discutable. Cette collection va du comportement de l'utilisateur à…4 Links
06#DesignLisez le raisonnement derrière un composant de système de conceptionQuatre références publiques pour étudier les composants en tant que décisions concernant le contenu, le comportement et l'accès plutôt qu'une galerie de contrôles attrayants.4 Links
07#DesignJugez la typographie avec un paragraphe, pas un nom de policeDes conseils pratiques, un outil d'échelle de caractères, une famille orientée écran et une archive réelle pour tester la lecture réelle du texte.4 Links
08#DesignTestez une paire de couleurs là où les gens la liront réellementVérificateurs de contraste et comparaisons visuelles pour évaluer les couleurs du texte et de l'interface au-delà d'un aperçu de la palette.3 Links
09#ProductivityUne petite boîte à outils pour les travaux qui nécessitent votre attentionUn minuteur, une toile à dessin, une suite bureautique et un cahier : quatre outils avec des tâches distinctes et un moyen simple de les essayer.
Un nouveau système de productivité peut nécessiter plus d’attention que le travail qu’il est censé soutenir. Cette collection maintient les rôles délibérément séparés : faire de la place pour une tâche, esquisser l'idée, produire le document et laisser une note pour la prochaine fois. Vous n’êtes pas obligé d’adopter les quatre.
Essayez ceci…4 Links
10#ProductivityUn petit établi pour le texte nécessitant une forme différenteTrois outils pour inspecter le texte structuré, appliquer une transformation reproductible et vérifier le résultat avant de l'utiliser ailleurs.3 Links
11#ProductivityUn petit atelier pour les images destinées au WebUne boîte à outils d'image ciblée pour éditer une source, comparer la compression, nettoyer SVG et vérifier une petite animation.4 Links
12#ProductivityUne petite boîte à outils pour le dernier passage avant l'envoi d'un documentOutils d'assemblage de PDF, de comparaison de texte et de révision d'écriture pour vérifier le fichier qu'une autre personne recevra réellement.4 Links
