JT Yeek : cadeaux originaux geek et design

bbxdesign

CSS + WordPress + Web Design

Mode normal → (affichage complet du blog)

Suivant

Précédent

google

bd cinéma couleur css firefox google gratuit ie6 interface iphone javascript jeu musique navigateur new york photo photoshop police vidéo wordpress

Lien

→ Google Web Fonts Families

Because web designers want font families, not just fonts.

Je ne l’aurais pas mieux dit. En effet, le seul souci de Google Web Fonts, c’est qu’il sépare les polices appartenant à une même famille.

Image Screen shot 2012-01-16 at 7.45.06 PM

J’ai parlé de Google et le déclin de son design sans même mentionner Google News. Vous avez vu sa page d’accueil ? Densité d’information très importante, certes, mais totalement illisible. Aucun relief, aucune mise en valeur, aucune hiérarchie. Je visitais quotidiennement l’ancien Google News, mais cette refonte me rebute plus que tout.

Et même fonctionnellement, c’est la merde : regardez ce screenshot. Des 5 premières news sur les Golden Globes 2012, 3 sont en espagnoles, 1 en allemand et 1 en français. Pourtant, c’est l’édition française…

Design et Google : le déclin

Billet

Rappelez-vous, il y a 2 ans… J’écrivais “Google et ses designers : le divorce“. Les (premiers) designers de GMail, Google Reader, Analytics… Là, où l’interface était quasi-parfaite. Parce qu’il n’y avait rien à redire. Rien à déplacer. Rien à recolorer. Et ces boutons parfaits !

Et puis Google Plus est arrivé…

Lire la suite →

L’URL Shortener de Google génère des codes QR

Billet

Vous connaissez les codes QR ? Ces code-barres en 2D très utilisés dans le domaine du mobile.
Et vous savez que Google a son propre URL shortener ? Par exemple, pour mon article sur le formulaire CSS3, Google a généré l’URL http://goo.gl/fb/HioT
Si vous ajoutez .qr à la fin, vous obtenez son code QR!

Via Matt Cutts

Lorsque Google Maps prend vie

Billet

Google Maps, ce n’est pas seulement des schémas de routes et d’intersections sans vie. Enfin, à en croire le My Way de Christoph Niemann.

Empêcher la redimension des textarea dans Google Chrome

Billet

Si vous êtes vous aussi ennuyé de temps à autre par la possibilité dans Google Chrome de redimensionner les textarea à la guise de l’utilisateur (ce qui, en soit, est très bénéfique pour l’utilisateur parce qu’il a la main sur un élément de l’interface, mais qui, du point de vue du designer, peut amener à des aberrations graphiques), alors voici une astuce en CSS.

Avant

Textarea avec flèche

Après

Textarea sans la flèche

Code CSS

textarea{ resize:none;}

Google lance son service de musique avec Lala et iLike (MySpace)

Billet

Google vient de lancer officiellement son offre de musique : il s’agit d’un partenariat avec Lala (streaming mp3) et MySpace (qui a acheté iLike).


Lire la suite →

Moteur multi-recherche Google, Wikipedia, YouTube et Twitter

Billet

Même si la home page de Google est brevetée, y en a qui s’amusent à faire leur propre version. Comme les gars de chez Infinise Design qui ont fait une version super light de Google, en incluant aussi Wikipedia, YouTube et Twitter dans le moteur de recherche.

redesign-google

recherche-wikipedia

recherche-youtube

recherche-twitter

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>

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 →

Populaire Tutoriels Fun