Design
Atomic Design
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
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. En savoir plus sur la Review Upgrade :