Que celui ou celle qui n’a jamais cherché·e : des images libres et gratuites en Creative Common ; un framework basé sur le Material Design de Google ; à traduire un thème WordPress avec Poedit ; une extension WordPress pour créer des formulaires ; à tout savoir sur le développement mobile ; un fichier .htaccess pour optimiser les performances de son site ; à faire des grilles à la Flexbox, sans flexbox ; à savoir si les règles de l’ergonomie web du XXe siècles sont toujours respectables ; à connaitre le classement des projets Javascript les plus populaires sur GitHub me jette la première souris sans fil ! →
Archives des tags : javascript
Pastacode : la coloration syntaxique de Prism.js dans WordPress
Suite à une requête de @GizMecano concernant le manque de coloration syntaxique sur les bouts de code présents dans mes articles, j’ai installé le script Prism.js dont le thème Coy colle particulièrement avec ma charte graphique. Prism, c’est cool à condition d’avoir envie d’ajouter à la main le type de langage utilisé sur chaque balise <code> à colorer ! C’est pourquoi, je me suis tourné vers l’extension Pastacode de @BoiteAWeb et @willybahuaud qui reprend Prism tout en permettant d’ajouter du code directement depuis la barre d’outils de WordPress. →
Des pages web de plus de 2 Mo, à qui la faute ?
On aurait pu croire que 2015 serait l’année de la performance web, mais on s’est trompé. Le poids moyen d’une page web a augmenté de 7,5% en 5 mois pour dépasser les 2 Mo. C’est en tout cas ce que nous rapporte Craig Buckler dans l’article 2Mb Web Pages: Who’s to Blame? qui cite le rapport publié dernièrement par http archive. Ce dernier a rassemblé les chiffres de près de 500 000 pages, et les nouvelles ne sont pas très bonnes : →
WP Super Cache et Autoptimize — Optimiser les performances de WordPress
La mise en cache et la minification des fichiers HTML, CSS et Javascript sont deux solutions permettant d’optimiser les performances de son site WordPress à moindre frais. Il suffit en effet d’installer deux extensions, d’effectuer quelques réglages, et l’affaire est dans le sac. Découvrez WP Super Cache et Autoptimize, les deux extensions que j’ai choisies pour transformer mon canasson préféré en cheval de course. →
Equivalents natifs de fonctions jQuery
On a tous tendance à dégainer la bibliothèque Javascript jQuery dès que l’occasion se présente. Or, il faut garder à l’esprit que les fonctions intégrées à Javascript en ont sous le pied ! Des exemples ? L’article Native equivalents of jQuery functions fait un tour rapide quelques fonctions jQuery les plus utilisés avec leur équivalent Javascript « natif » bien plus rapide : sélecteurs, manipulation du DOM, classes CSS, modification des propriétés CSS.
Et si Hemingway écrivait du Javascript ?
Comment cinq grands auteurs de la littérature mondiale écriraient-ils une fonction javascript retournant une suite de Fibonacci d’une certaine longueur ? C’est la question que s’est posé Angus Croll qui travaille chez Twitter. Le résultat est aussi amusant qu’intéressant. →
10+ raccourcis Javascript à connaitre
3 outils pour gérer les dates en Javascript
La gestion des dates et autre timestamps peut s’avérer légèrement compliquée. Heureusement, il y a pléthore de bibliothèques Javascript qui se proposent de vous faciliter la vie. Voici déjà trois script rapides et légers pour commencer. →
Quel est le coeur de métier de l’intégrateur web ?
Cet article s’inspire d’un tweet de Sophie Drouvroy @cyberbaloo_ qui pose une question apparemment toute simple : Pour vous un intégrateur web est censé savoir faire quoi techniquement ?
L’intégrateur web devrait maitriser le couple HTML & CSS et connaitre suffisamment Photoshop pour découper les portions d’images. Il doit également pouvoir travailler au milieu d’un langage côté serveur comme PHP ou client comme Javascript. En effet, il arrive souvent que l’intégrateur intervienne sur des projets déjà en production. →
Recommandations pour développeurs web front-end
Front-End Development Guidelines — Ce document regroupe un ensemble de bonnes pratiques et de recommandations pour les développeurs web : accessibilité, Javascript (& jQuery), HTML et CSS (& CSS3). Cerise sur le gâteau, vous aurez en prime des ressources complémentaires pour aller plus loin. Les liens qui suivent peuvent aider à la standardisation du code. Ils permettent de s’assurer que les fonctionalités CSS3 et HTML5 pourront être utilisées sur un grand nombre de navigateurs. →