JT

bbxdesign

Vestiges d'un CSS Guru

Mode normal → (affichage complet du blog)

Suivant

Précédent

javascript

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

Lien

→ Timeline : de jolies timelines en JS

Partez d’un Google Doc ou d’un JSON et voilà.

Lien

→ blur.js : des fonds transparents floutés en JavaScript

Le rêve de beaucoup de graphistes se réalise malheureusement enfin.

Image syntax-highlighter-solaris-dark

J’ai remplacé le vieux syntax highlighter sur WordPress Le Tutoriel par celui-ci: highlight.js

Pourquoi ?

  1. Il n’utilise que 2 fichiers.
  2. Il détecte tout seul le language.
  3. Il propose l’exceptionnel thème Solarized.
Lien

→ Instagram en JavaScript

Me demandez pas comment ça marche. Dispo sur GitHub.

2 nouvelles fonctionnalités sur bbxdesign

Billet

Depuis que mon thème est en réalité un Tumblr déguisé, j’essaye de l’alléger encore plus. J’ai au passage laissé tomber mon responsive design, trop mal implémenté de ma part.

Lire la suite →

Refonte et thème tumblr pour Waker

Billet

Waker, c’est un site de bêtises trop fréquentes et trop futiles pour être postées ici.

Au départ, c’était un WordPress avec un thème pas trop travaillé, mais j’aimais bien la palette de couleurs. Et puis je me suis rendu compte que poster avec WordPress était trop contraignant, car trop long. Même avec le bookmarklet Press This, poster un simple lien ou une photo prenait trop de temps.

Résultat : je prends un tumblr tout simplement. Le bookmarklet est très efficace : il récupère facilement les photos ou la vidéo de la page où l’on est, et l’upload est direct. Au début, j’ai pris mon thème bbxtumblr, mais il manquait d’identité pour Waker.

Donc, j’en ai fait un autre.

Thème Tumblr Waker

Navigation au clavier

La grande particularité est d’avoir intégré grâce à une lib JavaScript, la navigation au clavier comme pour Google Reader ou FFFFOUND, c’est à dire la touche “J” pour suivant et “K” pour précédent, sachant qu’elle gère aussi la pagination dès que vous arrivez en haut ou en bas de la page.

Et si vous voulez savoir pourquoi ça s’appelle “Waker”, et bien voilà pourquoi.

Wolfenstein 3D en JavaScript

Billet

wolfenstein3d-javascript

Après Mario Kart en JavaScript, voici Wolfenstein 3D en JavaScript. C’est fluide, même sous Firefox. C’est dire la qualité du code!

Drag and drop en HTML 5

Billet

Même si le HTML 5 est encore un joli bordel, des développeurs s’en donnent à coeur joie pour trouver des fonctionnalités très intéressantes, comme ce Drag & Drop en HTML 5 et JS.

Modernizr : un JavaScript pour utiliser du HTML 5 et du CSS 3 dès maintenant

Billet

modernizr

Si vous en avez marre d’attendre que le grand public mette à jour ses navigateurs pour pouvoir utiliser du HTML 5 et du CSS 3, vous pouvez utiliser Modernizr :

Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies.

Je testerai sans doute à la prochaine refonte du site, c’est à dire prochainement (?).

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).

12

Populaire Tutoriels Fun

Idées de cadeaux originaux