JT Yeek : cadeaux originaux geek et design

bbxdesign

CSS + WordPress + Web Design

Mode normal → (affichage complet du blog)

Suivant

Précédent

Web World

Lecteur de PDF exportable, par Google

Billet

Le blog non officiel Google Operating System a découvert une feature cachée de Google Docs, à savoir la possibilité d’avoir un lecteur de PDF dans sa page web, grâce à Google Docs.

En fait, c’est une iframe qui pointe vers Google Docs, avec en paramètre de l’url et bien l’adresse du fichier PDF.

<iframe src="http://docs.google.com/gview?url=http://www.adobe.com/devnet/livecycle/articles/lc_pdf_overview_format.pdf&embedded=true" style="width:500px; height:400px;" frameborder="0"></iframe>

Spezify : un nouveau moteur de recherche d’images

Billet

spezify-moteur-de-recherche-dimages

Hop, un nouveau moteur de recherche d’images. Spezify cherche des images, du texte et des vidéos dans Amazon, Yahoo, Twitter, eBay, MSN et Flickr. Pas de Google, tiens.

Le plus intéressant, c’est la mise en forme des résultats, une sorte de plan infini ou l’on peut naviguer facilement et qui mélange tous les types d’infos (image, texte, vidéo).

Mais arrêtez avec IE6!

Billet

Je le dis et je le répète : il faut arrêter de s’acharner à faire fonctionner parfaitement son site sous IE6. Chaque semaine, il y a un nouvel article qui prône cette idée, et c’est très bien.

stop-ie6

Est-ce qu’un site doit apparaître exactement pareil sous chaque navigateur ?

Pour ceux qui ne le sauraient pas encore : la réponse est non.

Notez l’adverbe “exactement”. Parce que d’un côté, il faut que l’utilisateur puisse reconnaître un site, quel que soit le navigateur utilisé. Mais des différences (plus ou moins) légères dans le graphisme sont non seulement tolérées mais parfaitement admises. Ne pas avoir de coins arrondis (par CSS ou PNG), de dégradés complexes (par PNG), des ombres portées… sous IE6 n’est pas un problème.

C’est surtout qu’un utilisateur d’IE6 ne verra aucune dégradation dans sa version vu qu’il ne verra pas la “bonne version”!

Et puis d’abord, tout le monde n’a pas toutes les polices utilisées sur un site (Arial inexistant sous Linux ?), donc il y a déjà obligatoirement des différences, et des grosses différences : la typographie c’est au moins la moitié du design.
Lire la suite →

Twitter + Propagande de Troisième Guerre Mondiale

Billet

On se rend compte à quel point les médias sociaux sont de dangereux vecteurs de propagande.

propagande-twitter

Futurebox = Lightbox sans JavaScript

Billet

futurebox

J’aimais pas trop les lightbox au début, un peu trop “fancy” à mon goût. Certains la critiquaient même exagérément. Bref, que l’on aime ou pas, ça utilise techniquement toujours du JavaScript.

Mais un ninja a réussi à le réaliser sans JavaScript, juste en CSS. Ca utilise la pseudo-classe :target. Et il appelle ça Futurebox.

Ok, ça marche pas sous IE (6,7,8) mais qu’est-ce qu’on s’en fout. Tiens d’ailleurs, gros f*ck à Microsoft pour son discours de merde (IE8 = le meilleur navigateur du monde entier de l’univers) et ses décisions de merde (Outlook 2010 utilisera le moteur de Word pour afficher le HTML).

Acrobat.com : le Google Docs d’Adobe

Billet

acrobat.com

Acrobat.com sort de sa beta et devient public. Il consiste en plusieurs services :

  • Adobe Buzzword : un excellent éditeur de document en Flex. L’édition, le formatage, l’ajout de commentaires sont très bien réalisés.
  • Création de PDF : à partir d’un fichier .rtf par exemple
  • Partage de fichiers : une interface pour uploader des fichiers et envoyer une notification par mail à ses contacts
  • Adobe ConnectNow : visio-conférence, partage d’écrans, chat…
  • My Files : pour accéder à ses fichiers de n’importe où

A part Buzzword, j’avais jamais entendu parler de ce service. J’ai pas l’impression qu’il y aie eu de grosse annonce. En tout cas, Adobe marche sur les plate-bandes de Google Docs : des outils de collaboration en ligne, gestion/création de documents, partage de fichiers…

C’est en fait la concurrence Flash vs HTML/Ajax (et bientôt HTML 5).

Personnellement, je ne compte pas m’inscrire pour utiliser ce nouveau service. Il n’a pas l’air très rôdé. Et puis Google Docs me convient très bien pour ce dont j’ai besoin. Et y a le côté Google, toujours innovant, très fiable et intégrant parfaitement ses différents services (Mail,Reader,Calendar…) qui me rend fidèle.

Demain, Opera réinvente le web

Billet

opera-freedom

Opera, peut-être le meilleur navigateur qui soit, réinvente le web demain.

Petit rappel des innovations Opera

L’annonce peut sembler prétentieuse mais je pense que c’est à prendre avec une touche d’humour. Et puis, Opera est un pionnier en termes d’innovations. Opera était le premier pour :

  • Speed Dial (2007) : une mosaïque des sites les plus visités, repris par Chrome et Safari
  • Navigation par onglets (1994) : repris et amélioré par NetCaptor en 1997, puis repris par tout le monde
  • Sessions (1996) : la possibilité de récupérer une session qui s’est crashée
  • Bloqueur de pop-ups (2000) : comment l’envisager sans aujourd’hui ?
  • Zoom entier (1996) : d’habitude un zoom n’agrandit que la taille de la police, et à moins d’avoir un design élastique (et non pas fixe ou fluide) comme ici sur bbxdesign, la structure de la page ne s’agrandit pas à moins d’avoir un zoom entier.
  • BitTorrent (2006) : un client BitTorrent intégré au navigateur
  • Suppression des données personnelles (2000) : en deux clics, on peut supprimer les cookies, le cache, l’historique, les mots de passe…
  • Mouse gestures (2001) : navigation par gestuelle de la souris

C’est quoi cette nouveauté alors ?

Je n’ai personnellement aucune idée de ce que peut être cette “réinvention du web”. Hicksdesign pense que ça sera tout internet sur une clé usb. :-)

The peer-to-peer Web

Le blog assertTrue() a une autre idée, très intéressante : Opera intègerera un serveur web. En lançant Opera, on pourra partager ses favoris, des fichiers, des contacts, des pages web… Chaque navigateur sera alors un serveur web. Ca sera du P2P mais en utilisant du HTTP.

Mmmh, ça reste une spéculation mais ça ne m’étonnerait pas et j’aimerais beaucoup voir ça!

Si je pouvais utiliser toutes mes extensions Firefox avec Opera, je serais déjà utilisateur d’Opera à plein-temps. C’est pour moi le meilleur navigateur qui soit, suivi par Chrome et Firefox. Je suis très déçu par le score que fait Opera : 3,69%.

Ok, je suis web designer, j’ai besoin d’utiliser Firefox, c’est mon outil de travail principal. Mais tous ceux qui ne font pas de web, pourquoi n’utilisent-ils pas Opera ? La cause principale c’est justement parce que les gens ne font pas de web qu’ils ne connaissent pas Opera. C’est le même problème que pour Chrome. Les gens utilisent encore IE (surtout 7 maintenant).

Il me faudrait Firebug sous Opera et je pense que je switcherais définitivement. Dragonfly a l’air pas mal. Je vais tester ça. Et demain, grosse annonce d’Opera alors!

Mozilla Jetpack : des plugins Firefox en HTML/CSS/Javascript

Billet

mozilla-jetpack

Encore des plugins Firefox ? Oui, mais là, c’est différent :

In short, Jetpack is an API for allowing you to write Firefox add-ons using the web technologies you already know.

En gros, pour faire des plugins Jetpack, il suffit de s’y connaître en HTML/CSS mais surtout en Javascript. Tiens, “plugins”… “Javascript”… Ca rappelle exactement le plugin (XPI lui) Greasemonkey. Et dans un sens, ça rappelle aussi les bookmarklets.
Lire la suite →

TinEye : la recherche d’images inversée

Billet

recherche-image-inversee

Vous avez une image, vous voulez savoir d’où elle vient ? TinEye permet de trouver la source des images qu’on lui fournit. Par exemple, si je lui donne une image d’un de mes posts précédénts, sur le premier navigateur web, ça me donne d’autres sites qui utilisent une image similaire.

keyboardr : le moteur de recherche le plus rapide ?

Billet

keyboardr

Pour chercher sur Google, Wikipedia ou Youtube, simultanément et rapidement, je dois dire que keyboardr a trouvé une formule efficace, en utilisant uniquement les flèches et la touche “Entrée” pour naviguer.

recherche-tres-rapide

Populaire Tutoriels Fun