Lire la Suite »]]> Les claviers de nos ordinateurs, qu’ils soient mac ou PC (pour une fois!), regorgent aujourd’hui de caractères spéciaux, symboles  et autres images ou « Emoji«  qui peuvent agrémenter nos notes ou calepins.

Ce ne sont pas seulement les « smiley » mais toutes sortes de symboles plus ou moins connus :

☼☻☹✈♡♪♩♫♬☃¼¾①②③♨☏⚘☭ etc…

Très utilisés sur les SMS, ils le sont aussi sur certaines pages web ou documents et il est parfois difficile de se rappeler la combinaison de touche ou le code HTML (pour ceux qui fabriquent des pages web) correspondants à l’illustration recherchée, qui n’est forcément pas affichée sur le clavier.

De nombreux utilitaires existent, intégrés éventuellement aux éditeurs de texte comme MS Word ou sous la forme de petites applications, mais la force du site http://copypastecharacter.com réside dans le fait qu’il est accessible de partout, puisque sur le net.

Ainsi où que vous soyez, ouvrez un navigateur web et vous aurez accès à toutes la palette existante de caractères.

Un simple clic sur un caractère ou symbole le copie dans le presse-papier de votre ordinateur et vous pouvez ainsi le coller ensuite dans votre document.

Il est possible de faire une sélection de plusieurs caractères en maintenant appuyée la touche « Alt ».

Les concepteurs ont même pensé à placer en bas de page un curseur pour agrandir ou réduire l’affichage, ce qui peut aider lors d’une recherche difficile de symbole…

Un menu permet d’afficher différentes familles (« sets ») : lettres, flèches, symboles monétaires, mathématiques, numéraires, ponctuations, etc.

Les possesseurs de la dernière version OS d’Apple, « Lion« , ne sont pas oubliés, et peuvent ainsi choisir dans la famille des « Emoji« , compatibles avec iOS (iPhone et iPad). Le lien direct, pour ceux qui sont sous Safari est http://copypastecharacter.com/emoji-mac-os-x-lion-only :

Enfin, il est possible de copier-coller soit le symbole / caractère lui-même, ou son code HTML, pour ceux qui codent les pages web, en basculant le mode de copier dans un sens ou dans l’autre :

Personnellement je m’en sers souvent, par exemple pour illustrer les événements de mon calendrier partagé…

Lire la Suite »]]> Voici un petit truc qui sera utile à la fois si votre blog est hébergé sur le service gratuit de WordPress.com ou si vous avez votre propre serveur WordPress : je l’ai testé sur la dernière version (3.1) et ça fonctionne aussi.

Un petit rappel s’impose : WordPress distribue sa plate-forme de blog sous deux formes : soit vous ouvrez un compte (gratuit) chez eux et ils vous mettent à disposition tout ce qu’il faut pour monter votre blog. Dans ce cas vous bénéficiez d’une architecture limitée mais avec la garantie que tout fonctionne et une certaine souplesse, wordpress mettant à jour les widgets proposés et les possibilités ; soit vous téléchargez l’application serveur (gratuitement aussi) sur un serveur sur lequel vous avez les droits d’installation et de gestion et vous installez ce que vous voulez pour le personnaliser avec des ressources (widgets, extensions, thèmes commerciaux ou non) à vos risques et périls.
Les deux solutions ont des intérets différents, et on peut toujours passer de l’un à l’autre très facilement, la migration étant prévue.

L’hébergement de blog WordPress.com est très bien mais limité en terme de place, et c’est évidement également le cas si vous avez hébergé votre blog WordPress chez un prestataire. Cela peut être gênant si vous souhaitez enrichir ou présentez vos articles avec toujours plus d’images ou de video.

Pour éviter de se retrouver avec un disque plein ou un manque de place, vous pouvez très simplement encapsuler dans vos articles des photos herbergés sur votre compte flickr ou des video stockées sur des services similaires comme Youtube ou Vimeo.

Concrètement pour une photo hébergée sur votre compte Flickr :
Assurez-vous d’abord que vous n’avez pas bloqué les droits de confidentialité puis cliquez sur la photo.
L’url se présente sous la forme http://www.flickr.com/photos/votrenom/xxxx

Copiez cette url et collez-là dans le corps de votre article en ayant basculé l’éditeur en mode « HTML » :

Le résultat sera transparent pour vos visiteurs :

Simple, non ?
La photo ainsi incorporée est automatiquement mise à l’échelle nécessaire (si elle est trop grande) pour ne pas déborder le cadre de votre thème.
Un clic sur cette image l’ouvrira dans une nouvelle fenêtre sur Flickr (là par contre vous ne pouvez pas l’empêcher).

Pour les vidéo, la même astuce est aussi simple à mettre en œuvre.
Ainsi à partir de l’URL d’une video que vous lisez (ou hébergez, ce n’est pas obligatoire que ce soit depuis votre compte), copier l’url :

et collez la version la plus simple, contenant seulement son identifiant (le reste est inutile et peut dépendre de vos navigateurs) :

Le résultat du code ci-dessus :

et ça fonctionne aussi avec des vidéos hébergés sur vimeo.com :

Voilà : économie de moyens et de code pour une plus grande rapidité !

De plus, si votre blog est hébergé chez wordpress.com et que vous désirez un jour vous lancer dans l’installation du logiciel serveur chez un prestatatire afin de mieux le maitriser et en faire ce que vous voulez, la migration n’en sera que plus facile, les images et video n’ayant pas à changer de place, elles!

• Liens :
  • Hébergez votre site web chez WordPress : http://fr.wordpress.com
  • Héberger vos photos sur Flickr : http://www.flickr.com
  • Youtube : http://www.youtube.com
  • Vimeo : http://www.vimeo.com

Lire la Suite »]]> Les Google Labs sont un trésor permanent. On y trouve vraiment toutes sortes d’applications que Google a plus ou moins mis en avant.
Certains sont des extensions d’applications connues comme Gmail ou GCal, d’autres sont plus spécifiques.

C’est le cas de Browser Size, qui s’adresse plutôt aux concepteurs de sites web.

Une fois sur le site, vous rentrez l’URL du site qui vous intéresse et il s’affiche en dessous d’un calque indiquant les tailles d’écran de navigateurs. C’est là que c’est très intéressant parce qu’il ne s’agit pas de la taille des écrans mais effectivement de la taille utilisée par les navigateurs pour vraiment visualiser une page (en laissant les menus de l’interface OK et du navigateur, les barres d’icones, etc.).

Le système indique le pourcentages de la population disposant de ces différentes tailles (en fait de la population connue par Google via ce qu’il récolte sur elle depuis son moteur de recherche).
Au passage, ceci est encore un exemple des tonnes d’informations que Google récolte lorsqu’on utilise ses services gratuits et qu’il est susceptible d’utiliser, ou de vendre.

Il est possible de régler l’opacité et de naviguer sur le site à travers cette interface pour cible une page ou un bouton particulier.

> http://browsersize.googlelabs.com

Lire la Suite »]]> Un petit truc qui n’intérressera certainement pas les blogger qui « tournent » sous WordPress, mais destiné à ceux qui utilisent la plate-forme de Google : Blogger (ou connu par son ancien nom : blogspot.com).
Par défaut les blogs présentent en haut une petite barre d’outil avec un bouton de connexion, un moteur de recherche, etc.

Pour masquer la barre du haut sur votre blog blogspot (celle avec le champs « rechercher le blog »), il suffit de jouer sur les propriétés css.

1. Cliquez sur l’onglet « Modèle« .
2. Choisissez « élément de la page« .
3. Cliquez sur « Ajouter un élément à la page« .
4. Sélectionnez « HTML/JavaScript« .

5. Faites un copier/coller du code suivant dans le champs « contenu » en rajoutant le style :

#navbar {

display: none;

}

La barre est toujours là, derrière, bien cachée, mais elle ne « pollue plus le design ».

Cette solution a aussi le mérite de marcher même sur les machines qui ont le javascript désactivé.