turn.js est un plugin jQuery créé par Emmanuel Garcia (@blasten) dont le but est d’ajouter un effet de transition entre deux blocs HTML pour donner l’impression que l’on tourne les pages d’un livre ou d’un magazine. Le script est léger (6 kb) et simple d’utilisation. Il utilise l’accélération matérielle et fonctionne sur tablettes et téléphones portables intelligents. →
Archives des tags : Magazine
Treesaver — Framework Javascript pour créer des maquettes de type magazine
Treesaver est un framework Javascript conçu pour faciliter la création de maquettes de sites web de type magazine qui s’adaptent automatiquement à une large variété de périphérique de sortie, le tout à l’aide des langages standards du web : HTML et CSS. Aucune connaissance en programmation Javascript n’est nécessaire. L’ensemble ne pèse que 25 ko gzippé pour un affichage assez rapide sur les périphériques mobiles. →
Quelques notes de lecture sur Le Graphisme au XXe siècle
Le Graphisme au XXe siècle est la traduction française de Graphic Design (A Concise History) écrit par Richard Hollis et publié en 1994. Ce livre est une mine d’or pour pour qui veut connaitre l’histoire du Graphisme à travers les pays qui lui ont donné ses lettres de noblesse : le futurisme et l’Italie, la Russie soviétique, l’Allemagne, les Pays-Bas, la Suisse, la France, la Grande-Bretagne, les Etats-Unis, l’Europe du Nord. Il contient plus de 800 illustrations et le texte est très riche. Je lis généralement en prenant des notes pour plus tard ou en surlignant les passages qui me plaisent au Stabilo. Ce billet est la compilation des extraits qui ont plus particulièrement suscité mon intérêt. Ils ne suivent pas forcément l’ordre des pages et certains passages ont été remaniés afin de rester compréhensibles une fois sortis de leur contexte.
Webdesign Magazine — un Hors-Série n°5 spécial HTML5, CSS3 et jQuery
Une petite note personnelle pour annoncer la parution du hors-série n°5 du magazine Webdesign (webdesignmag.fr) dans lequel j’ai écris un tutoriel sur la création d’une page web réalisée avec HTML5 et CSS3 sans image, avec une dégradation gracieuse dans les navigateurs ne prenant pas en charge les coins arrondis, les ombres portées ou les dégradés. →
WordPress — Gérer les images avec les champs personnalisés (Customs fields)
Les champs personnalisés permettent d’ajouter des informations avant ou après le contenu de votre billet (dans la boucle WordPress) sans quitter l’interface de rédaction. Il s’agit d’associer une valeur (le contenu) à une clé choisie librement (ou parmi celles que vous avez déjà définie) et d’utiliser la fonction get_post_meta()
dans votre thème. →
Bloguer plus pour gagner plus ou écrire à compte d’auteur ?
A force de lire tout et n’importe quoi sur la monétisation des blogs, de la rémunération des blogueurs ou sur le fait que tout travail mérite salaire, je me suis demandé ce que le blogging avait de si spécial qu’il faille sans cesse se justifier pour placer une publicité par-ci ou écrire un billet sponsorisé par-là, alors que personne ne trouve à redire à propos des publi-rédactionnels qui envahissent nos magazines papier… Mais chaque chose en son temps : au fait, c’est quoi déjà un blog ? →
Danse avec les loops #1 : un thème WordPress mis à nu
Après le thème Agrumz et après avoir mis en place un thème provisoire en attendant, voici SquaryBluevie, le nouveau thème bleu et carré (et un peu vert aussi) pour css4design. Il ne s’agit pas vraiment d’un thème destiné à transformer ce blog en magazine, mais plutôt d’en faire un magazine qui ressemble à un blog, nuance, nuance… Un blogzine ? Oui, oui, c’est presque ça ! Comme promis, voici donc le premier volet de la série Danse avec les loops pour montrer ce qu’il y a sous le capot. →
Quelques notes sur un thème magazine de A à Z — E comme épure
Rappelez-vous, je m’étais lancé dans la conception d’un thème pour WordPress qui aurait des « allures » de magazine. C’est Julien qui m’a gentiment lancé un petit reminder sur Twitter pour que je me bouge la souris 😉 Après avoir gribouillé quelques notes, je me suis aperçu qu’il serait difficile de proposer un thème magazine adapté à tous les publics et à toutes les lignes éditoriales… (Je précise d’emblée que le thème que vous avez sous les yeux n’est pas celui qui est destiné à être distribué. Il en est juste l’épure qui me sert à tester le moteur de WordPress en profondeur in situ. Pour l’occasion, j’en ai profité pour faire mon redesign de printemps. Je précise aussi que cet article est un mashup de plusieurs billets que j’avais prévu de publier séparément ; il est donc un peu long). Voici le sommaire complet des 26 articles de WordPress de A à Z. →
Thème Magazine pour WordPress de A à Z — D comme déjà fini ?
Ceux qui surfent par l’intermédiaire de leur navigateur au lieu de leur aggrégateur l’auront déjà remarqué : le thème magazine pour WordPress est entré dans sa phase active en habillant d’ores et déjà ce blog. Quatre lettres, donc, au lieu des vingt-six prévues, car l’envie de mettre la main à la pâte a été plus forte que celle de réfléchir encore et encore au cahier des charges idéal…
J’ai préféré réfléchir dans l’action, histoire de faire avancer les choses plus rapidement, même si c’est parfois au détriment du fignolage des détails : il reste encore de la peinture par endroit. Il me reste donc vingt-deux lettres pour expliciter les choix graphiques, ergonomiques, etc. et vous dire deux mots de ce qu’il y a sous le capot en attendant que tout soit prêt pour une distribution publique 😉
Mon thème magazine pour WordPress : C comme Cahier des charges
Après A comme Allons-y et B comme Bêtise, Je continue à égrener l’alphabet qui me sert de fil conducteur pour la création d’un thème de type magazine, selon la formule consacrée. C comme Cahier des charges parce que si lors de la première étape, j’ai noté quelques idées pour savoir dans quelle direction aller, il est temps de fixer le cap avec la liste des fonctionnalités dont j’ai besoin. Cette phase, indispensable lorsqu’on doit développer les fonctionnalités d’un site from scratch, peut sembler un peu formelle pour un blog, où sauf exception, tout est déjà codé dans le moteur du blog ; il reste néanmoins à déterminer celles que l’on va intégrer, de quelle manière et avec quelles options. →