Les templates Hugo pour les designers WordPress · Jamstatic Source : Hugo Templates for WordPress Designers de Leon Barnard Loin de réinventer la roue, les gestionnaires de site statique comme Hugo s’appuient sur des conventions existantes. On retrouve beaucoup de fonctionnalités similaires entre un GSS comme Hugo et un CMS comme WordPress. Suite à la refonte du site de support et de documentation de Balsamiq, Leon Barnard en a profité pour pointer les similitudes des deux systèmes. Outre la concision de la syntaxe d’Hugo, c’est l’occasion pour les designers WordPress d’apprécier la souplesse apportée par la gestion de la structuration des contenus sous forme de dossiers et de fichiers, ainsi que l’importance de la convention de nommage adoptée. L’année dernière j’avais écris un article générique d’introduction aux concepts qui se cachent derrière les gestionnaires de site statique.
4 outils pour minifier des fichiers PHP, HTML, JS et CSS Afin de rendre nos fichiers CSS et JS plus légers, il existe un procédé afin d'alléger le poids de ces fichiers, c'est la minification. Quand vous souhaitez télécharger Jquery, vous avez le choix entre deux versions, d'une part, celle qui est compressée avec l'extension min.js et d'autre part, non compressée avec l'extension js. La version non compréssée va etre utilisée, en phase de développement, en revanche, celle qui est compressée pour la mise en production de votre site. Screaming Frog : comment utiliser ce web spider pour un audit SEO ? Screaming Frog SEO Spider est un crawler de site, il permet d’analyser les URL d’un site et de récupérer les éléments principaux de ce dernier pour optimiser les composants techniques du référencement naturel. Qu’est-ce que « Screaming Frog SEO Spider » ? Screaming Frog est très certainement l’un des outils SEO les plus connus parmi les consultants en référencement et webmarketing. Ce logiciel qui s’installe en local sur son PC, permet d’analyser votre site internet afin d’en tirer le plus de données possible.
L’atomic design, une méthode de co-création prometteuse En tant qu’UX/UI designer, il est essentiel de remettre régulièrement en question notre workflow et nos techniques de co-création, pour être toujours plus efficaces sans perdre de vue la qualité et la cohérence d’un projet. Avec le nombre croissant de sites web responsives et les nouveaux principes d’applications universelles, la façon dont nous concevons nos interfaces est en train d’évoluer. Nous devons prendre en compte un large panel de tailles d’écrans et de résolutions, et des interfaces qui sortent du cadre habituel des écrans (ex : HoloLens, Oculus Rift…) Nous avons donc commencé à étudier de près l’Atomic Design qui nous semble une méthode adaptée au contexte actuel (et à celui de demain). Les développeurs utilisent déjà ce genre de méthodes depuis longtemps et il est grand temps que la façon de concevoir une interface et la façon de la développer se rejoignent.
Verdikt : la solution de performance écologique du numérique des entreprises [CONTENU PARTENAIRE] La transition écologique est un véritable enjeu pour notre société. De nombreuses entreprises ont d’ailleurs pris à cœur le sujet en déployant différentes actions pour recycler, rationner leurs achats de consommables, réduire leur consommation énergétique, etc. Malgré tous leurs efforts, ces entreprises n’échappent pas à la pollution numérique. Piodcast JAMstack, ou comment faire des sites statiques modernes et rapides Je retrouve aujourd’hui Konstantin BIFERT, développeur full-stack à Bordeaux pour parler de JAMstack. JAMstack, qui est l’acronyme de JavaScript, APIs et Markup, est une nouvelle manière de concevoir un site web où le serveur ne sert que des fichiers statiques pré-compilés. Dans quel cas utiliser cette approche plutôt qu’un CMS classique ?
Yellow Lab Tools Faire un beau site web, c’est gratifiant. Mais faire un site rapide, c’est indispensable. Voici un outil open-source, gratuit (et développé par un petit Français !) qui pourrait bien sauver votre peau de développeur web. Il est accessible en ligne ici : Yellow Lab Tools Yellow Lab Tools est un analyseur de performance open-source. Lighthouse : comprendre le score de performance web attribué à votre site Découvrez comment interpréter le score de performance web attribué par Lighthouse, l'outil d'audit gratuit développé par Google. Comment comprendre les différents critères du score de performance de votre site définis par Lighthouse. Crédits : Google. L’extension Google Lighthouse est capable de réaliser un audit de votre site ou d’une page web spécifique pour vous permettre de récupérer des informations clés qui vous permettront par la suite d’améliorer votre site et votre SEO. Les critères de l’audit sont dotés d’un score de 1 à 100. Découvrez comment interpréter les 6 points clés qui déterminent le score final de performance de votre site, calculé par Lighthouse.
Utilisez les heuristiques de Nielsen - Auditez l'expérience utilisateur Regardons plus en détail les heuristiques de Jakob Nielsen ! Ses heuristiques ont été publiées en janvier 1995 sous le titre original « 10 Usability Heuristics for User Interface Design ». Ce nom ne vous est pas inconnu ? C’est normal ! Jakob Nielsen est un expert dans le domaine de l'ergonomie et de l'utilisabilité des sites web.
SLI : un indicateur pour évaluer la durabilité des logiciels L’empreinte écologique des systèmes d’information est directement liée à la fabrication et la fin de vie des équipements. Pour la réduire, il faut donc allonger au maximum la durée de vie active des équipements dans l’entreprise. Or, cette démarche dépend essentiellement des logiciels qui sont installés. Obsolescence logicielle En effet, entreprises et particuliers se séparent majoritairement de leurs ordinateurs et autres équipements informatiques pour trois raisons : parce qu’ils ne sont plus assez puissants pour exécuter les nouvelles versions de logiciels ;parce que les mises à jours ne sont plus disponibles exposant ainsi l’utilisateur à des risques de sécurité ;et / ou parce le matériel n’est plus garanti.
Qu'est-ce que la JAMStack ? La JAMStack est une architecture de développement web populaire depuis quelques années, qui consiste à compiler un site web dynamique sous forme de pages statiques, afin d'accélérer son rendu et donc d'améliorer l'expérience utilisateur. Cette architecture permet notamment de simplifier la scalabilité des sites, puisque les pages statiques générées peuvent être hébergées par un CDN, et ainsi être délivrées de manière scalable et rapide tout autour du monde. Sur le plan de la sécurité, elle offre moins de points d'entrée aux attaquants, et empêche par exemple les attaques DDoS. Enfin, le coût de l'hébergement est réduit par rapport à une application web standard, puisque le coût des serveurs est remplacé par le seul coût du CDN. JAM est l’acronyme de "JavaScript, APIs, Markup", qui correspond aux trois composantes clés d'un site en JAMStack : des pages HTML statiques ("Markup"), du code JavaScript pour l’aspect dynamique, et des APIs. La Toolbox d'un site en JAMStack
Attention aux notes de performance comme PageSpeed, Yslow, Dareboost Aujourd’hui, pour mesurer la performance d’un site web, une majorité des personnes utilisent (nous y compris) les services de notations de performances. Dans cet article, nous allons voir pourquoi il n’est pas forcément pertinent de se fier à ces notes. Pour récupérer une note de performance, il existe plusieurs outils connus : Page Speed de GoogleYslow de YahooGT Metrix qui utilise PageSpeed et YslowWebpagetTestDareboost Audit SEO : Analyse de votre Référencement Comme évoqué précédemment les outils d’audit SEO de base sont Google Analytics et Google Search Console, ils vous donneront un aperçu de ce qui se passe sur votre site internet afin d’observer son évolution dans le temps. Le premier, permet de connaître votre audience, son comportement et observer son évolution. Grâce au second vous pourrez vérifier l’indexation du site, d’obtenir des suggestions d’amélioration internes au site : html, robots.txt, sitemap, backlinks, AMP, entre autres. Ce sont des outils gratuits, vous pouvez naviguer librement sur l’interface pour consulter ces analyses (certains paramétrages sont nécessaires). Collaborer avec des experts vous permettra de mieux comprendre mais aussi d’exploiter ces données de manière optimale.