Revue de presse Inno #6

Design

Atomic Design

Par Patrick Bracquart 

Depuis l’avènement du web, on parle de conception de pages web. Ce terme, hérité du domaine imprimé, démontre bien la considération du contenu web depuis les années 90 : une architecture composée de pages consultables, comme un livre. 
Or, depuis maintenant quelques années, la multitude de plateformes disponibles pour consulter du contenu web ne cesse d’augmenter et de se complexifier. De l’ordinateur au mobile en passant par la télévision ou encore les montres intelligentes, il est devenu clair que le concept de design et de structure de pages web est obsolète. 

 

L’atomic design, terme inventé par Brad Frost, est une nouvelle méthodologie de design. Au lieu de penser son contenu comme une page, chaque élément de design est conçu en partant du plus petit élément (comme un call to action) vers un ensemble plus grand. On part de l’atome pour créer une molécule et elles s’assemble pour créer un organisme web cohérent et modulable. 

Chaque atome étant placé individuellement dans une librairie, l’atomic design est un gain de temps et de cohérence en plus d’une mise à jour simplifiée.

Pour en savoir plus :

Développement web

Makefile ou comment éviter de réinventer la roue

Par Samuel Sirois

Après m’être absenté pendant quelques années de la partie frontale des applications web, j’ai été récemment appelé à replonger dans ce monde à travers deux projets auxquels je collabore. Une belle occasion de revisiter mes idées préconçues et mes vieilles habitudes de travail puisqu’une base de code déjà existante et utilisant les derniers outils à la mode est présente sur mon poste après le git clone initial.

Ouf ! Ça bouge vite sur la première ligne ! De nouvelles versions d’ECMAScript supportées par les clients Web modernes, une plénitude de pseudo-langages basés sur JavaScript, la multiplication des pré-processeurs CSS… Que dire de tout ces moteurs de production maintenant disponibles spécifiquement développés par et pour les développeuses et développeurs JavaScript ?

Avec toutes ces merveilles, ces derniers (les moteurs de productions) deviennent essentiels pour éviter que l’effort nécessaire pour agréger, minifier, lier, compiler ?!, tous ces fichiers ne viennent pas annuler les gains en efficacité d’avoir dorénavant les outils nécessaires à la création d’applications web modernes.

Je me questionne tout de même à savoir s’il n’y a pas eu un petit manque de communication entre celles et ceux qui ont plus récemment eu ce besoin dans leurs projets (les développeuses et développeurs de la partie frontale) et celles et ceux qui ont déjà eu ces mêmes besoins et qui ont trouvé une solution (pas la seule) à ce problème depuis les années soixante-dix !

Je n’ai jamais ressenti le besoin d’utiliser ces outils modernes, connaissant déjà Make et ayant déjà été confronté à de nouvelles solutions à la mode à la fin du siècle dernier, j’ai finalement fait marche arrière pour revenir à ce qui fonctionnait déjà. Évidemment, je me fais un devoir de rédiger manuellement les Makefiles des projets auxquels je participe et je n’hésite pas à entretenir cet outil.

Réinventer la roue, pour refaire les mêmes erreurs ou pour vraiment améliorer la situation ? Quelques liens intéressants pour vous faire votre propre opinion :

Contribution

Des contributions au Inno Hackest

Devant le succès des après-midis de contributions, l’équipe a décidé de renforcer l’activité et de bonifier sa formule. Dorénavant, ces après-midis auront lieu aux deux semaines sous le nom de « Hackfest ».

 

Nos premiers Hackfest

 

 

Par petits groupes de personnes, jamais tout seul, nos SFLiens ont l’opportunité de se former sur de nouvelles technologies, de contribuer à des projets qui leur tiennent à cœur ou à travailler sur de nouveaux « side project ».
On y retrouve pêle-mêle des initiations à la réalité virtuelle comme la réalisation d’une simulation de chute de Domino avec le moteur physique Unity et l’Oculus Rift, un atelier sur la technologie Blockchain et l’étude du cas concret de l’annuaire des usernames de Ring, la réalisation de POC et de prototypes par exemple sur des bases de données orientées document.

Review Upgrade

Par Maxime Turcotte

La page du rapport d’analyse de migration de Drupal 8, sur laquelle sont répertoriés les modules qui seront migrés et ceux qui ne le seront pas, avait grand besoin d’une refonte afin d’améliorer l’expérience utilisateur. Durant notre après-midi hackfest, j’ai écrit une première version d’un correctif qui réutilise certains éléments de design du tableau de bord d’administration. Ainsi, en ajoutant simplement quelques icônes, il est beaucoup plus facile de voir d’un seul coup d’œil ce qui requiert notre attention.

Publié par

Savoir-faire Linux

Savoir-faire Linux est le chef de file de l’informatique à code ouvert sous licence libre au Québec et au Canada. Moteur d’une économie nouvelle fondée sur le savoir, Savoir-faire Linux développe depuis 1999 une expertise exceptionnelle qu’elle met au service des entreprises et des organisations publiques afin de répondre aux défis d’évolution de leurs systèmes d’information.
Forte d’une équipe multidisciplinaire de plus de 145 experts de 24 nationalités différentes dans 5 villes et sur 2 continents, Savoir-faire Linux fournit des services à plus de 500 organisations à travers le monde.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *