JQuery, PHP, html, design… // arnaud-k : un blog de geek

Un petit coup de coeur que j’ai eu il y a quelques temps pour les graphismes de Glennz. Les t-shirts qu’il propose avec ces graphismes geek et bourrés de références : jeux vidéos old-school, séries TV… Je suis l’heureux possesseur de 2 t-shirts (dont celui sur l’évolution des legos que l’on voit sur l’image ci-dessus).

Il est également proposé un système de vote pour choisir les visuels que l’on veut voir disponible en t-shirt. Je te laisse donc aller faire un tour et apprécier les visuels !

Une petit article pour annoncer le 200ème billet du blog ! 200 en à peu près 10 mois soit à peu près 20 par mois (!) et ce malgré la baisse des billets ces derniers temps. Je ne peux pas vous annoncer comment va évoluer le blog, je suis en train de le reprendre en main (3 billets en 2 jour quand même !).

Dans tous les cas, vous pouvez aussi me retrouver sur Twitter, mon site perso ou encore sur Photos de Concert (que je vais commencer à promouvoir !).

See you around !

Le site du jour, que je viens tout juste de découvrir : TheyMakeApps.com. Le site propose de référencer les agences de création d’applications pour « ordiphone » – smartphone en anglais – : Iphone, Android…

Le design tout d’abord. Tout, ou presque, est en gris (#303232) et blanc. Cela donne un certain style (assez classe je trouve) au site. Un gros travail a donc été fait sur les typographies (tu peux déjà compter le nombre de typos différentes sur la capture ci-dessus !). Les icônes et petites illustrations (en dehors des images des agences) sont également très travaillés et bien réussies.

Ensuite la navigation sur le site lui-même. La première fois que l’on y accède, il est demandé de choisir entre modes de navigation : à la souris (classique) ou tout au clavier (avec, nous promettent-ils « more fun »). Après avoir choisi clavier, tu pourras constater que tout a bien été étudié pour naviguer dans le contenu, activer un bloc, voir les détails d’une agence et revenir sur le listing…

Cela faisait quelques temps que je n’étais pas tombé sur un site web tel que celui là

Installer Photoshop sur Ubuntu, c’est possible. Je tiens à préciser qu’il existe néanmoins Gimp, un bon logiciel de création et de retouche photos, mais qui n’arrive pas encore à égaler Adobe Photoshop. Attention, je ne parle pas ici de Photoshop CS4, mais de Photoshop CS2 et je parle de la version d’évaluation de 30 jours (rien d’illégal ici…) .

Tout d’abord, il faut commencer par installer Wine sur son Ubuntu. Wine permet d’exécuter les applications .exe sous Linux (Wine signifiant Wine Is Not a Emulator, c’est un acronyme récursif…). On le trouve dans les paquets Synaptics. Pour plus d’infos sur l’installation de Wine, n’hésite pas à aller faire un tour sur la doc officielle d’Ubuntu.

Il faut ensuite télécharger la typo Tahoma et la copier dans le dossier c:/windows/Fonts de Wine (en cliquant sur Applications / Wine / Browse C:/ drive ). La typo est nécessaire pour l’affichage du texte de l’interface de Photoshop.

Ensuite il ne reste plus qu’à télécharger Photoshop CS2 (par dispo ici, sur le site officiel). Une fois le téléchargement fini, il faut faire clique-droit puis ouvrir avec Wine Executer des programmes Windows. Il faut suivre l’installation normalement. Il ne reste plus qu’à lancer Photoshop en faisant, Applications / Wine / Programmes / Adobe Photoshop CS2.

J’ai pu remarquer quelques légers bugs mais rien de méchant : on ne peut changer de bureau tant que le logiciel n’a pas fini de se lancer, des fenêtres disparaissent (on peut les faire revenir en les désactivant et en les réactivant)…

J’espère t’avoir aider, je ne pourrai pas faire plus, en cas de problème, je t’invite à aller sur les forums officiels d’aide Ubuntu.

Le news de ce matin est, pour moi, la sortie de JQuery 1.4 ! La librairie permet de toujours « écrire moins pour en faire plus » (« Write less, do more« ). Pas mal de nouveautés et d’optimisations avec cette nouvelle version, en voici une liste non exhaustive :

• la fonction live qui fonctionne désormais avec les événements suivants submit, change, mouseenter, mouseleave, focus, et blur. Pour l’avoir testé (en version alpha) sur Photos de Concert avec l’événement blur, j’ai trouvé ça nickel !
• la fonction add a été ajusté pour toujours retourner les éléments dans l’ordre du DOM
• les fonctions find, empty, remove, addClass, removeClass, hasClass, attr… ont été très optimisées

Des nouveautés et optimisations qui sont dans la lignée de ce qui avait été proposé lors de la mise à jour de 1.2 vers 1.3. Je crois que c’est à vous de jouer maintenant !

Pour reprendre les (bonnes) habitudes, une petite présentation de deux sites web très réussis graphiquement et qui présente la particularité d’être animés avec du JQuery.

Le premier est le portfolio d’un web designer australien : Jay Hollywood. Un design sur fond gris (toujours classe si bien réalisé !). Le fun commence sur la page d’accueil avec le slider : l’effet de mise en avant est vraiment bien fait avec des effets d’ombre porté et de masque sur les éléments à droite et à gauche. On retrouve du JQuery sur toutes les pages du site. Les illustrations de l’en-tête du site sont toutes nickel je trouve. Enfin je suis également fan du formulaire du contact et du petit effet de transition lorsque l’on clique sur « Just saying Hello »…

Le deuxième est totalement différent. Indofolio est le portfolio d’un web designer indien. Il fait partie des sites web dits horizontaux. Sa particularité (outre son design particulièrement réussi) est dans les effets de transition : une sorte d’effet Parallax. En effet il a donné de la profondeur au site, les images des différents plans ne se déplace pas à la même vitesse. Autre petit effet sympa est le drag’n'drop sur la partie « My Network » pour être redirigé vers la page voulue.

Enfin, je peux également citer le re-design de mon portfolio : arnaud-k.fr (également avec de JQuery) mais j’y reviendrai bientôt !

Nouveau-né dans les sites web de service Twitter, Twitty-Kiss permet, je cite, « d’envoyer un bisou anonyme à vos amis Twitter ! ». Facebook avait le Poke, maintenant Twitter a le Twitty-Kiss !

Twitty-Kiss permet donc l’envoi d’un bisou via Twitter. Le membre a qui vous envoyé le Twitty-Kiss verra dans sa timeline Twitter un message du genre :   »@Pseudo_Twitter Quelqu’un t’envoie un Twitty-KISS sur http://twitty-kiss.com/abcde12345« . Le lien mène vers une page qui affiche un message perso que l’auteur a pu envoyer.

Conçu et développé par Florian (aka iMystiK), éminent collègue de chez Awelty, Twitty-Kiss était surtout pour lui un prétexte pour bosser avec l’API de Twitter. Le design est entièrement conçu pour ceux qui portent des lunettes de soleil (sans, le risque de crise d’épilepsie est très sévèrement augmenté). A des fins de test, vous pouvez toujours lui envoyer un bisou sur son Twitter : @mystikfactory !