Suivez le web social en plein évolution

0 commentaires

Par Seb

…il y a de quoi être sacrément ébouriffé !

Sur son blog, Gary Hayes propose un compteur des échanges effectués sur les différents réseaux sociaux et sur le web en général, et ça défile !

Pour en savoir plus : http://www.personalizemedia.com/garys-social-media-count/

The Printliminator, l’ami de votre cartouche d’encre

2 commentaires

Par Seb

Petite mise en situation : vous êtes en train de parcourir l’actualité people sur votre site favori, et là – paf ! Vous tombez sur l’article du siècle : le dernier potin sur le 3ème chien de Paris Hilton. Vous vous dites alors que vous allez l’imprimer pour en faire profiter tout votre entourage, et c’est là que ça coince…

Site non optimisé pour l’impression, sapin de noël de pubs clignotantes… Pour sortir votre petit paragraphe de texte, votre imprimante va laborieusement repeindre trois ou 4 pages avec vos cartouches, dont vous pouvez presque voir le niveau baisser à vue d’œil, en imprimant tous les éléments non indispensables et donc – forcément – très colorés et gourmands en place.

Et encore, à condition que votre texte ne soit pas carrément tronqué par le bord de la page.

Pour ne plus rencontrer ce genre de situation, vous pouvez faire appel au Printliminator : un simple bookmarklet à ajouter dans vos favoris, et d’un clic vous pourrez :

  • Supprimer toutes les images
  • Supprimer les blocs indésirables (pubs, bandeaux, footers…)
  • Appliquer une feuille de style optimisée pour l’impression

Comme une petite vidéo vaut mieux qu’un long discours, je vous renvoie à la page de démo de ce redoutable petit outil :

Un petit coup de pinceau…

0 commentaires

Par Seb

… et c’est bon !

Il était temps : voici venir la première charte graphique maison pour le blog Display:inline, intégrée en suivant l’excellent tutoriel de Fran6art.com, que je vous conseille chaudement.

Reste encore deux-trois broutilles par-ci par-là, mais dans l’ensemble ça marche !

OneFileCMS : un CMS basique mais pratique

2 commentaires

Par Seb

Il nous arrive tous de temps en temps d’être amenés à développer un site statique (old school, quoi), sans CMS ni interface de gestion, par manque de budget, de temps ou d’envie… C’est toujours un peu grisant de revenir aux basiques, de coder tout en dur (houhou, une balise <title> sans inclusion Php !).

En revanche, ça n’est pas super pratique pour effectuer des petites corrections, surtout si l’on est pas sur son poste de travail habituel : il faut remettre la main sur le mot de passe FTP, trouver un éditeur, etc… Dans ce cas, un mini-CMS tel que OneFileCMS permet de gagner bien du temps : un seul fichier à uploader sur le site, et – pouf ! Vous pouvez naviguer dans vos fichier, les éditer (bon, ok, en code uniquement, mais avouez que vous n’utilisez jamais les RTE en ligne !), uploader simplement une nouvelle image, etc…

Un accès rapide aux fichiers de votre site

Un accès rapide aux fichiers de votre site

Certes, de CMS il n’a quel nom, mais pourquoi installer une chaudière au fioul quand on a juste besoin d’un chauffage d’appoint ?

Pour en savoir plus : http://onefilecms.com

(Ah… On me rappelle dans l’oreillette qu’il en existe d’autres, avec chacun leur spécificités : PluXML, cms.txt… Et vous, lequel utilisez-vous ?)

inFrame : inclure les pages d’exemple dans vos articles

2 commentaires

Par Seb

Tous ceux qui publient régulièrement des articles techniques dans des moteurs de blog tels que WordPress savent qu’il est complexe d’inclure des exemples directement dans les articles : le risque est qu’ils interfèrent avec les CSS ou le javascript du site en général, sans parler du fait que les éditeurs on-line ré-encodent le code-source sans distinction…

L’autre solution est de créer une page séparée, hors du cadre du blog, qui inclura uniquement l’exemple, mais cela oblige l’internaute à quitter l’article le temps de visualiser l’exemple – pas glop en terme de confort de lecture.

Une tierce solution, par ailleurs très élégante, est proposé dans cet article : inFrame. Il s’agit d’un script qui crée dynamiquement une iFrame dans votre page, juste après votre lien vers la page d’exemple, et y charge la page en question. Simple (mais il fallait y penser), efficace et très léger, pourquoi s’en passer ?

Ça vous plaît ? On continue »

Meta or not meta ?

0 commentaires

Par Seb

Dans le domaine du référencement des sites par Google, il est toujours un peu compliqué de savoir quelles sont les ficelles qu’on peut tirer ou pas. Même si pour beaucoup d’entre nous c’était déjà évident, cet article revient sur le fait que Google ignore complètement la balise meta keywords, et donne un embryon d’explication.

Comme ça, on ne pourra pas dire qu’on ne vous a pas prévenus !

En bonus, une petite référence des balises meta qui sont réellement exploitées par Google – autrement dit, pas beaucoup… C’est tout de même l’occasion de (re)découvrir les options les moins connues de la balise meta robot/googlebot :

nosnippet
empêche l’affichage d’un extrait dans les résultats de recherche.
noarchive
empêche Google d’afficher le lien En cache associé à une page.
unavailable_after:[date]
permet de préciser l’heure et la date exactes auxquelles l’exploration et l’indexation de cette page doivent cesser.
noimageindex
permet d’indiquer que vous ne souhaitez pas faire apparaître votre page comme source d’une image apparaissant dans les résultats de recherche Google.

Guide des « fonts stacks »

0 commentaires

Par Seb

Smashing Magazine fait un petit tour d’horizon des fonts stacks en CSS, plus connues en CSS sous la propriété font-family. Même si on a tous fait un peu le tour de la question, l’article propose un certain nombre de fonts stacks prêtes à l’usage, et groupées par section (titres, corps) qui pourront en inspirer plus d’un.

De nombreuses autres ressources sont listées, dont des sites permettant de connaître les polices génériques sur les différents systèmes (Windows, Mac, Linux), des outils de comparaison, des articles ou encore des exemples de sites selon les polices utilisées.

CSS Font stacks are one of those things that elude a lot of designers. Many stick to the basic stacks Dreamweaver auto-recommends or go even more basic by just specifying a single web-safe font.

But doing either of those things means you’re missing out on some great typography options. Font stacks can make it possible to show at least some of your visitors your site’s typography exactly the way you intend without showing everyone else a default font. Read on for more information on using and creating effective font stacks with CSS.

A lire en anglais sur : http://www.smashingmagazine.com/2009/09/22/complete-guide-to-css-font-stacks/

jQuery : construire son propre diaporama infini

4 commentaires

Par Seb

Il existe de nombreuses librairies permettant de mettre en place un diaporama sur Internet, mais pour diverses raisons il est parfois nécessaire de mettre en place son propre système. Nous allons voir ici comment concevoir et mettre en place un diaporama à défilement infini.

Le but ici est de vous donner une base de départ qui pourra être étendue et adaptée à vos besoins.

Ça vous plaît ? On continue »

Le début de la gloire !

0 commentaires

Par Seb

…enfin, presque.

Jérôme Poslednik, d’Is-Webdesign, nous fait un petit coup de pub sur son blog Washaweb.

Quand on essaye de se lancer, ça compte !

Thx, bro !

Classe de gestion d’url

1 commentaire

Par Seb

Lors de la programmation en php, il est souvent nécessaire de manipuler des chaînes d’url, que ce soit pour y ajouter des paramètres ou en modifier des parties. Dans tous les cas, il est toujours un peu fastidieux de vérifier le format de la chaîne fournie afin de vérifier s’il faut rajouter ou non un ? ou un & devant les paramètres, s’il n’y a pas une ancre nommée à la fin qu’il faut extraire…

Pour simplifier la chose, voici une classe de gestion des url, qui se charge d’effectuer toutes ces opérations et permet de lire et de modifier tous leurs composants très facilement.

Ça vous plaît ? On continue »

Sur ThemeForest

  • Developr - Fully Responsive Admin Skin
  • Constellation complete admin skin
  • Blue Earth Wordpress theme
  • Blue Earth