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 : thème
GenerateWP — Générateur de code WordPress
GenerateWP propose des formulaires qui vous permettront de gagner du temps lors de l’écriture des fichiers et des fonctions qui composent vos thèmes WordPress. Il suffit de remplir les champs qui vous intéressent et de copier le code PHP généré. Parmi les nombreuses personnalisations possibles on trouve un générateur de : taxonomies, types de billet (CPT), barres latérales, shortcodes, menus, requêtes SQL, wp-config, etc. →
5 astuces et bouts de code pour personnaliser WordPress
Cet article regroupe cinq ressources utiles pour améliorer la personnalisation de WordPress : définir un thème par défaut différent de Twenty Eleven lors de la création d’un site avec les fonctions multi-sites ; créer une page d’option pour personnaliser le look and feel du thème ; gérer l’affichage des billets dans les boucles multiples ; effectuer des redirections 301 pour les pages d’archives afin d’améliorer la structure «SEO» ; et ajouter la possibilité de trier les éléments de la bibliothèque des médias par type MIME pour finir. →
Le blank thème WordPress Basics en quelques mots
WordPress Basics est un thème WordPress minimaliste basé sur le concentré de bonnes pratiques HTML5 Boilerplate qui permet de démarrer un projet web dans de bonnes conditions. Ce thème brut mais est complété par le thème enfant Beyond Basics dont la raison d’être est d’accueillir les fonctionnalités plus avancées (page d’accueil home.php et page non trouvée 404.php, par exemple. Voulez-vous en savoir plus ? →
Bootstrap from Twitter + WordPress Basics = wp-bootstrap
Julien Bianchi est un développeur spécialisé dans les langages du web comme PHP, HTML, CSS ou Javascript. Pour son thème WordPress, il a eu la bonne idée de mélanger ♥ Basics et le framework HTML & CSS Bootstrap pour donner naissance au projet wp-bootstrap. Julien a travaillé avec les outils Google PageSpeed et YSlow sous les yeux pour garantir des performances optimales. →
WordPress de A à Z — I comme Internationalisation avec GetText et Poedit
WordPress est livré avec des fonctions pour traduire le Back Office, le thème que vous avez téléchargé sur le web ou celui que vous êtes en train de créer. La traduction de l’administration de WordPress est réalisée à chaque nouvelle version par les membres de WordPress-fr et il est rare que l’on ait besoin d’y mettre la souris (sauf si vous voulez adapter certaines formulations selon la charte éditoriale de votre client). En ce qui concerne les thèmes, deux cas de figure se présentent. Soit le thème est prêt pour chanter l’internationale, soit les chaines de caractères sont écrites en dur dans les fichiers. Dans le premier cas, il suffira de paramétrer le logiciel Poedit pour commencer votre traduction ; dans le deuxième cas, il faudra mettre les mains dans les fichiers de votre thème pour envelopper patiemment les chaines à traduire dans les fonctions adéquates. Voici le sommaire complet des 26 articles de WordPress de A à Z. →
WordPress de A à Z — M comme Multisite
Un nom de domaine pour les rassembler tous ? Depuis la sortie de WordPress 3 et des fonctions multi-sites issues de WordPress Mu, j’envisage de mettre en place un réseau de sites pour regrouper css4design, wp4design et js4design en tant que sous-domaines de 4design pour obtenir css.4design.tl, wp.4design.tl et js.4design.tl. L’objectif est multiple : mettre en place ces nouvelles fonctions en situation réelle pour apprendre sur le tas ; pouvoir créer des nouveaux projets sans multiplier les noms de domaines ; me faciliter la vie et gagner du temps lors des mises à jour. Voici le sommaire complet des 26 articles de WordPress de A à Z →
9 ressources pour web designer
Il ne se passe pas une journée sans qu’un ou plusieurs liens ne tombent dans ma veille technique et attirent mon attention. Ces liens se retrouvent généralement sur mon compte Diigo. En voici une sélection triée sur le volet qui comprend des informations sur les standards du web et le W3C, l’accessibilité des icônes créées avec font-face, des ressources pour donner des couleurs à vos sites, des tutoriels pour apprendre Javascript et les API’s de Google, etc. →
Le petit journal du web — WordPress, développement web, etc.
Dans ce petit journal du web, je vous propose quelques liens qui ont retenu mon attention ces dernières semaines. Du côté de WordPress : optimisation de la base de données, des images, du cache, du nombre de requêtes dans les templates ; quelques diapositives issues du dernier WordCamp ; des explications sur le succès de WordPress face à ses concurrents ; un retour d’expérience sur la vente de thèmes WordPress ; et des fonctions utiles pour votre fichier functions.php. Du côté du développement web et du webdesign : une documentation interactive complète sur les API’s des langages du web (CSS, HTML, JavaScript, DOM & jQuery) ; un blog de qualité sur le développement web ; un tutoriel sur jQuery et un autre sur les fondamentaux de JavaScript ; et 18 outils gratuits pour faire des maquettes d’interface graphique. Et bien d’autres liens à garder sous la molette ! →
Le Petit Journal du Web — 09/2011
Le dernier Petit journal du web paru sur CSS & Webdesign remonte à loin. Pour me faire pardonner, voici les meilleurs liens sur lesquels j’ai trébuché au mois de septembre. Au menu : thème WordPress pour démarrer vos projets de site web ; tutoriel interactif pour apprendre les bases de la programmation en général et Javascript en particulier ; coins arrondis propres pour vos images ; mise en place un Content Delivery Network (CDN) pour améliorer les performances de vos pages web ; tutoriel plein de poésie pour apprendre les CSS ; menu déroulant dédié aux smartphones iPhone, Android, etc. →