Pré-chargement des CSS et du Javascript sans exécution

Preload CSS/JavaScript without execution — Le pré-chargement des scripts JS et des feuilles de style CSS est une bonne chose pour améliorer les performances. La solution proposée par Stoyan Stefanov repose pour une part sur la création d’un objet Image avec new Image().src pour Internet Explorer et sur la création d’une balise object pour les autres navigateurs. Lire aussi The art and craft of postload preloads.

Facebook, moi «J’aime pas»

L’information ne vous a certainement pas échappé : Facebook étend sa toile avec Open Graph pour un Web plus intelligent, plus social et plus personnalisé ». Vous avez certainement déjà vu sur les blogs un bouton «J’aime» avec un échantillon d’amis. Mais avez-vous remarqué qu’il n’existe pas de bouton «J’aime pas» (et pas seulement sur Facebook). Tout au plus nous permet-on de ne plus aimer quelque chose. Mais un «J’aime pas» franc et net est sans doute trop éloigné de la positive attitude que les Margoulins 2.0 attendent de nous.

Le créatif peut-il être indépendant du périphérique de sortie ?

Est-il vraiment sérieux de la part des entreprises d’embaucher des créatifs qui ignorent les conditions de post-production de leurs délires créatifs ? C’est la question que je me suis posée en lisant cet échange hallucinant. Prenez le temps, c’est du lourd(ingue) ^__^ En gros, un DA (pour Direction Artistique) s’indigne des conditions dans lesquelles son oeuvre est découpée (massacrée) par les intégrateurs. Je me souviens que ce genre de discours étaient récurrents il y a déjà une quinzaine d’années dans le domaine du print (on disait PAO à l’époque). Les DA se plaignaient déjà beaucoup :

Table des matières avec jQuery

Voici un bout de code pour afficher une liste ordonnée sous la forme d’une table des matières comme celles que l’on trouve dans les livres imprimés où le numéro de la page est situé au bout d’une succession de pointillés à la droite de l’énoncé. Il ne s’agit donc pas d’une vraie table des matière, puisque le numéro de la page n’est autre que le numéro de l’item en question. Mais visuellement, cette technique peut faire son petit effet.

CSS3, Please! Générateur de CSS3 Cross-Browser

CSS3, Please! — Une belle page éditable avec l’essentiel des propriétés CSS3 : border-radius, box-shadow, Gradient, RGBa(), Transition, @font-face, etc. avec les filtres Microsoft pour IE6/7 et IE8 qui vont bien (ou mal). Un bloc de contenu reflète automatiquement les changements apportés aux déclarations avec la possibilité de désactiver les effets les uns après les autres pour mieux les percevoir. CSS3, Please! est certainement l’un des meilleurs générateurs de CSS3 disponibles.

Générateurs de CSS3 pour tous les navigateurs (ou presque)

Même si tous les navigateurs ne prennent pas en charge les spécifications CSS3, il est intéressant de se pencher dessus, d’autant plus de que nombreux générateurs en ligne sont là pour adoucir la courbe d’apprentissage. Au menu : des générateurs de propriétés CSS3 comme border-radius, gradient, box-shadow, text-shadow, RGBa, @font-face, Multiple Columns, etc. ; des effets de texte  et une palanquée de ressources complémentaires.

jQuery Popeye 2.0 — Une Lightbox inline

Popeye 2.0 est une lightbox qui affiche une galerie d’images à partir d’une liste non-ordonnée dans le flux de votre texte. Le marquage HTML est à votre discrétion à condition d’utiliser les classes CSS prévues par le script. Il est possible d’afficher une légende par image en enveloppant le texte de votre choix avec l’élément span.