la toile

Concevoir des systèmes d'interface utilisateur modulaires via un développement basé sur un guide de style

L'utilisation d'un guide de style pour piloter le développement est une pratique qui gagne du terrain dans le développement front-end - et pour cause. **Les développeurs commenceront dans le guide de style** en ajoutant un nouveau code ou en mettant à jour le code existant, contribuant ainsi à un système d'interface utilisateur modulaire qui sera ensuite intégré à l'application. Mais pour mettre en œuvre un système d'interface utilisateur modulaire, nous devons aborder la conception de manière modulaire. La conception modulaire nous encourage à penser et à concevoir une UI et une UX en motifs. Par exemple, au lieu de concevoir une série de pages ou de vues pour permettre à un utilisateur d'accomplir une tâche, nous commencerions le processus de conception en comprenant comment le système d'interface utilisateur est structuré et comment ses composants peuvent être utilisés pour créer le flux d'utilisateurs.

Conception de cartes : refonte de la carte du métro d'Ekaterinbourg

Un grand réseau de métro métropolitain pourrait tout aussi bien être un dispositif de téléportation : les gens ne se soucient pas de la façon dont il les emmène de A à B, juste que ça le fait. A Londres, Paris et Moscou, le plan du métro ne montre pas la géographie de surface, car il n'y a pas beaucoup d'espace vide sur la feuille. Concevoir le plan du métro d'une ville est une tâche assez difficile, même lorsqu'il n'y a qu'une seule ligne. L'année dernière, mon collègue Pasha Omelekhin et moi étions ravis de travailler sur la refonte du plan du métro d'Ekaterinbourg, en Russie. Nous nous sommes amusés (il a conçu, j'ai réalisé). Dans cet article, nous allons couvrir notre processus de conception. Cela va être détaillé, donc, selon vos intérêts, cela peut être très ennuyeux ou très excitant. Pourtant, nous avons tellement laissé de côté. Nous espérons que cela vous aidera au cas où vous auriez à travailler sur un projet similaire.

Un cadre pour les produits de remue-méninges

Le brainstorming est connu pour être non structuré et souvent inactionnable. Les gens entrent dans une pièce avec des post-it et des tableaux blancs et s'attendent à ce que les bonnes idées se concrétisent. Le problème est que, même s'il y a de grandes idées dans la salle, il n'y a souvent pas de moyen clair de décider sur quelles idées agir. Il y a environ un an, moi et mon collègue Michael (partenaire fondateur chez AJ&Smart) étions assis dans une masterclass dirigée par le fantastique Adrian Howard sur le sujet de la hiérarchisation des fonctionnalités dans le développement agile. Plus précisément, nous demandions comment nous pouvions décider quelle fonctionnalité viendrait ensuite et quand elle devrait être publiée.

Comment déployer de nouvelles fonctionnalités sans blesser les utilisateurs fidèles

_« Soyez agile ; libérer tôt; relâchez souvent.”_ Nous connaissons l'exercice. Mais est-il stratégiquement judicieux de continuer à déployer souvent des fonctionnalités ? Surtout une fois qu'un produit que vous construisez atteint une certaine taille, vous ne voulez probablement pas risquer l'intégrité de votre application à chaque nouvelle version mineure.

Liste de lecture de développement Web #141 : jQuery 3, Chillout.js, et comment la technologie façonne la société

Il y a des semaines où je ne trouve pas du tout d'articles pour la section "Aller au-delà" de la liste de lecture du développement Web. Et puis il y a des semaines comme celle-ci, où deux pièces brillantes apparaissent qui en disent long sur **comment nous vivons ensemble avec les nouvelles technologies** et comment cela façonne notre société. Avec un tas de bons articles techniques, un excellent moyen de vous quitter pour les deux prochaines semaines. Veuillez noter que je serai en vacances la semaine prochaine, il n'y aura donc pas de résumé vendredi prochain.

Trouvez un ami, stimulez votre créativité et réalisez votre rêve numérique

Êtes-vous passionné par quelque chose? Vous avez un projet secret ? Pas quelque chose qui changera le monde (mais qui sait ?), mais qui vous changera certainement ? Avez-vous un ami qui complète vos compétences? Quelqu'un vous a-t-il récemment demandé de l'aide pour son projet ? Avez-vous juste un rêve numérique, ou y a-t-il aussi un plan pour le réaliser ? Chaque professionnel a quelque chose en commun. C'est ce qu'on appelle la zone de confort. Le premier signe que vous y êtes est lorsque vous ne voyez aucun défi à l'horizon. Vous savez à peu près tout ce dont vous avez besoin pour bien performer, et si quelque chose d'inconnu se présente à vous, cela peut être résolu assez rapidement. Cela peut prendre un certain temps pour réaliser que vous avez cessé de bouger, et travailler sur des projets indépendants semble être le seul moyen de garder votre cerveau occupé.

Un regard sur la pile de serveurs WordPress moderne

**Note de l'éditeur** : _Aujourd'hui marque une journée spéciale pour WordPress. Alimentant de nombreux sites Web (et oui, Smashing Magazine en fait partie), il fête aujourd'hui son 13e anniversaire. Joyeux anniversaire, cher WordPress ! En voici bien d'autres !_ Vous souvenez-vous de l'époque où vous pouviez exécuter un site Web WordPress « rapide » avec juste un serveur Apache et PHP ? Ouais, c'étaient les jours! Les choses étaient beaucoup moins compliquées à l'époque. Maintenant, tout doit se charger à la vitesse de l'éclair ! Les visiteurs n'ont plus les mêmes attentes concernant les temps de chargement qu'avant. Un site Web lent peut avoir de graves conséquences pour vous ou votre client.

Confrontation des performances des effets d'image Web

Alors que les navigateurs améliorent constamment leurs capacités de rendu graphique, la capacité de véritablement concevoir en leur sein devient de plus en plus une réalité. Quelques lignes de code peuvent maintenant avoir un impact visuel rapide et spectaculaire, et **permettre une cohérence sans trop d'effort**. Et comme pour la plupart des choses dans le développement Web, il existe souvent de nombreuses façons d'obtenir le même effet. Dans cet article, nous examinerons l'un des effets d'image les plus populaires, les niveaux de gris, et évaluerons à la fois la facilité de mise en œuvre et les implications en termes de performances du canevas HTML, des filtres SVG, CSS et des modes de fusion CSS. _Lequel va gagner ?_

6 étapes faciles pour une meilleure conception d'icônes

Chaque ensemble d'icônes soumis à Iconfinder est examiné et évalué pour son attrait potentiel pour les utilisateurs de notre site Web et pour sa valeur commerciale potentielle en tant qu'icônes premium. Lors de l'examen des ensembles d'icônes soumis sur le site Web, nous avons la responsabilité envers nos concepteurs et envers nos clients de nous assurer que toutes les icônes premium sur le site Web sont de la plus haute qualité possible.

Prototypage axé sur le contenu

Le contenu est le produit de base de l'économie numérique. C'est l'or que nous transformons en expérience de luxe, le diamant que nous enfermons dans les programmes de fidélité et les ventes incitatives. Pourtant, en tant que concepteurs, nous le branchons souvent après coup. Nous prototypons notre interaction et notre conception visuelle jusqu'à épuisement, mais acceptons que les «vrais mots» puissent simplement être ajoutés plus tard. Il y a un meilleur moyen. De plus en plus, les biens numériques que nous créons fonctionnent dans un système dynamique de contenu, de fonctionnalité, de code et d'intention. Nos produits et services dérivent et se répandent sur les sites Web partenaires, les flux de médias sociaux et une myriade d'agrégateurs électroniques, tous cherchant à façonner le comportement et la compréhension des visiteurs. **Les systèmes s'appuient sur les systèmes**, et, en peu de temps, nous avons concocté un colosse dont l'ampleur épate les esprits.