Mysuitestuff est un site proposant les coussins en forme de logo des logiciels Adobe. Les coussins sont fait maison, ils annoncent entre 8 et 9 semaines pour les commandes ! Les couleurs des coussins sont bien sympas et respectent bien les couleurs originelles des logos. Il est également proposé deux coussins qui suivent la forme des logos de Tweetie (une appli Twitter). Les prix sont assez corrects, il faut compter 15$ pour un coussin.

Pas encore de billet sur le même sujet !

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 !

Pas encore de billet sur le même sujet !

Comme tu as pu le constater, depuis vendredi est en ligne le nouveau design du blog. Contrairement au précédent (qui datait seulement de cet été), c’est un thème que j’ai fait entièrement moi-même. C’est aussi pour cela que j’ai eu envie de changer, de mettre quelque chose fait de mes (pas si) petites mains.

Les codes couleurs sont à peu près les mêmes avec les nuances de bleu, l’espace de lecture des articles gardent la même taille (600px) pour que les images des précédents billets ne dépassent pas, la colonne de droite a, par contre, été agrandi. J’ai également ajouté des images sur les listes « articles sur le même sujet » en modifiant le plugin WP (Yet Another Related Posts Plugin) et j’en ai profité pour franciser certaines parties du blog qui étaient toujours en anglais.

En plus des liens vers mon Flux RSS, mon Twitter et mon compte Flickr (déjà présent sur l’ancienne version) j’ai ajouté deux liens dans l’en-tête : vers mon compte Delicious où tu pourras retrouver les derniers liens bookmarqués (souvent sur les thèmes du web design et de JQuery) et un chti lien vers mon (également) nouveau portfolio !

Donc pour les critiques, compliments, donations, insultes ou lançage de fleurs c’est dans les commentaires de cet article que ça se passe !

Pas encore de billet sur le même sujet !

Franklin Lyons est un web designer, infographiste texan.  Le design de son site est assez sobre. Je trouve que le rendu final est classe. On voit ici qu’il n’est pas nécessaire d’ajouter plein d’effets partout pour faireun joli site .

Je suis particulièrement fan des sliders disponibles sur les différentes pages de son site avec l’apparition des images sous un contenu semi-transparent. L’effet de l’apparation est rendu avec le framwork JavaScript Prototype.

Son site est une bonne source d’inspiration !

Pas encore de billet sur le même sujet !

ci-dessus : les deux précédents design du blog… Ouch ! La 1ère est encore dispo ici

Comme tu as pu le constater, le blog a évolué graphiquement ce soir et de façon radical !

Je suis passé à quelque chose de plus classique, un peu plus sobre et (m’a t-on dit) d’un peu moins chargé ! J’espérais surtout gagner en lisibilité, en effet  sur certains écran, le quadrillage présent sur l’ancien design était un peu trop voyant… Tu ne pourras donc plus t’éclairer avec le orange pétant (#ffa800) du fond du précédent design ! Je trouve que le résultat fait plus pro mais perd un peu de son originalité. On verra bien combien de temps il va durer.

Pour la présente charte graphique, je me suis basé sur un thème WordPress téléchargé sur Woothemes, que j’ai légèrement adapté. Je comptais faire plus de changement, plus de personnalisation, mais par manque de temps et parce que je trouvais que cela fonctionnait bien comme ça, je me suis abstenu de surcharger le tout . Le plus long a été d’augmenter la largeur de la partie centrale du thème pour qu’elle s’adapte à la largeur des images de tous les articles (plus de 100 !) déjà présent. J’ai donc dû refaire une partie du découpage.

Quelques couleurs de la nouvelle charte graphique du blog

Je sais qu’il reste encore un peu d’anglais par ci par là, le blog va entièrement se franciser dans les jours prochains.

J’ai également profiter de l’occasion pour intégrer des nouveaux plugins, avec pour le plus visible d’entre tous : Visual Recent Posts. Il permet, comme son nom l’indique, d’afficher les derniers articles sous une forme visuelle. On peut le voir dans la colonne de droite. J’ai choisi d’afficher les derniers articles à partir du 8ème, car les 7 derniers sont déjà sur la page d’accueil.

Alors que penses-tu du résultat final ?

Pas encore de billet sur le même sujet !

Pour aujourd’hui je voulais parler du site minning.de. Un site au design minimaliste mais qui a de la classe (comme tous les sites aux designs minimalistes réussis). C’est le site web d’un graphiste Berlinois, les diverses illustrations sont assez réussies je dois dite (j’aime particulièrement l’image de la page d’accueil).

A noter que la navigation sur le site est faite tout en Javascript (apparemment sans JQuery, d’après ce que j’ai pu voir dans le code) et est agréable à utiliser !

Pas encore de billet sur le même sujet !

Même si je ne suis pas un grand fan du flash (pas le meilleur point de vue ergonomie et référencement entre autres), je dois reconnaître qu’il est possible de faire des jolies choses ! Je propose ici une petite liste de sites en flash proposant un environnement en (pseudo) 3D (flash ne propose pas la 3D par défaut !).

Certains de ces sites ne font strictement rien et sont juste là pour fair joli (le 3ème, Infinite Oz, par exemple). Attention les yeux, c’est parti

1/ Comcast

2/ Markez Models

3/ Infinite Oz

4/ City Expression

5/ Prismgirl

Pas encore de billet sur le même sujet !

Pour ces quatre web designs de la semaine, je te propose quatre sites ayant des designs un peu originaux et surtout un avec un header qui déchire ! Aucun des quatre ne se ressemble vraiment.
C’est parti !

DozBlogThing, un blog anglais, j’aime beaucoup l’effet pate à modeler du personnage dans le header .

I primi dieci, un site italien. L’effet de laine est plutôt bluffant.

Adventure Drop, un site américain. Le header est cette fois un dessin vectoriel, très coloré et qui donne envie de partir en vacances !

Titofelix, peut-être celui que je préfère des quatre design. Le header est vraiment original.

Pas encore de billet sur le même sujet !

Site web découvert aujourd’hui : a simple measure. J’ai bien apprécié le design (assez sobre) du site qui reprend comme un dessin d’architecte en fond. A simple measure utilise la librairie JQuery. Les légères animations au chargement avec des éléments qui apparaissent de manière dynamiques donnent un petit côté flash au site. Le slider simple fonctionne bien et avec des illustrations sympa.

Pas encore de billet sur le même sujet !

Pour bien finir la semaine avec des idées d’inspiration pour la semaine prochaine, voici un lien qui regroupe 35 publicités au design photoshopé ou fait avec illustrator. Tu retrouveras donc tout ceci sur le blog designm.ag.

Celle que je préfère est la pub pour du parfum Hugo Boss (exactement le mien by the way). Cette pub ne correspond pas forcément au genre de publicité que l’on peut voir habituellement pour des parfums.

Pas encore de billet sur le même sujet !

En faisant mon petit surf matinal, je suis tombé sur la nouvelle version du site lequipe.fr,qui apparemment date d’aujourd’hui, je n’ai rien vu hier . En tout cas à première vue, j’aime assez cette mini-refonte. Mini car c’est juste le design qui a légèrement changé, les blocs de la page d’accueil restent les même.

Les blocs m’ont l’air plus espacés, on voit beaucoup plus le fond blanc qu’avant. J’ai également l’impression qu’il y a moins d’espaces publicitaires (je trouvais qu’il y en avait trop avant). On trouve également plus de nuances de gris, souvent très clairs qui apporte aussi de légèreté. Enfin, à noter que le site de l’équipe utilise également JQuery !

Pas encore de billet sur le même sujet !

G-ski est un jeu de gestion d’un station de ski en ligne. C’est une simulation qui se veut réaliste avec la gestion des pistes de ski, des remontées mécaniques, des lignes de bus de la station, de l’hôtellerie, des employés… La seule chose non réaliste est que c’est l’hiver tout l’année dans ta station.

Le site a été entièrement développé par un copain irl (in real life), MiNiBLiN et existe depuis Août 2008 (pour la fin de la version Beta). J’ai pu donner un coup de main au début de cette année : en effet, j’ai refait entièrement le design, l’intégration html/css et quelques animations flash (accueil et pubs). J’ai essayé de faire un site plus moderne qu’avant tout en donnant un petit côté fun et en restant dans les teintes de la montagne (blanc et bleu ciel principalement). J’ai également refait un peu le design du blog de G-ski (blog dont je suis un des rédacteurs). Le peu de développement que j’ai pu faire, a été le mini-chat qui se rafraichit sans recharger la page (Ajax Inside ).

Pour l’instant G-ski compte plus de 1 500 membres actifs (tous les membres non-actifs sont désactivés régulièrement). L’ambiance sur le site est bonne, et la communauté présente sur le forum te guidera dans tes premiers sur G-ski ainsi que les tutoriels video présents sur le blog. Bref je ne peux que te conseiller d’y aller faire un tour et t’y inscrire !

Pas encore de billet sur le même sujet !

J’ai commencé en début de semaine, la création du site phpfonctions. Mon objectif est de créer une bibliothèque de fonctions php en ligne. Bien sûr cela sera un site collaboratif, ouvert à tous les web développeurs . Il n’y aura (normalement) aucune inscription nécessaire pour participer. Un simple système de notation et de tags permettra de trier et de mieux naviguer parmi les fonctions.

Lancement d’une première version de test (sans bugs ) dans le courant de la semaine prochaine (normalement) !

Pas encore de billet sur le même sujet !

Parmi le nombre de galeries de webdesign disponible sur internet, CSSelite est celle qui me plaît le plus. Surtout grâce à la qualité des sites qu’on retrouve dans le « showcase ». Le design minimaliste et sobre met bien en valeur les sites présentés.

Comme sur JQuery Style, tu peux retrouver arnaud-k.fr (le site) sur CSSelite (le site est présent ici) ! Je suis assez fier d’être sur cette galerie de webdesign, surtout parce que je suis un développeur à la base (les fameux designs de développeur…)

Pas encore de billet sur le même sujet !

Aujourd’hui je te propose une mini-sélection (5) de designs (ou juste de maquettes) de sites web glanés sur DeviantArt (section web interface).

1- Travel Web concept

2- AO5 (Orange 5)

3- Online hry

4- Unfinished digital portfolio

5- Natural imagination

Pas encore de billet sur le même sujet !

Une nouvelle version du site du W3C (World Wide Web Consortium, qui gère les standards du web) est en préparation. Une version beta est déjà en ligne. En comparaison avec la version actuelle (qui commençait à vieillir, voir ci-dessous), la nouvelle version est un peu plus épuré, propose une page d’accueil moins longue (en hauteur) et utilise le framework JQuery, pour un effet de slide sur les dernières news sur la page d’accueil.

Enfin, bonne nouvelle, toutes les pages ne sont pas compatibles avec IE6 (navigateur ne respectant pas les standards). Certes, ce n’est qu’une version beta pour le moment, mais j’ai pu contasté des bugs d’affichage sur (au moins) une page. En le laissant en l’état, ce serait un message fort envoyé par le W3C à tous les développeurs (et à Micro$oft aussi…) et me conforterait dans mon idée de ne plus adapter ses sites pour IE6…

Pas encore de billet sur le même sujet !

JParallax (de stephband) est un plugin pour la librairie Jquery. Il permet de créer une vue de type vue fenétrée, c’est-à-dire que la vue se déplace en fonction du point de vue (représenté par le pointeur de la souris) tandis que la fenêtre ne bouge pas.

Pour voit l’utilisation que j’en fait, tu peux aller le voir sur mon site. Le paysage généré est multicouche, l’image à l’avant-plan doit être la plus grande de toute car c’est celle qui doit bouger le plus (le ciel chez moi).

Pour plus d’infos et un tutoriel (en anglais, mais facilement compréhensible), je t’invite à visiter le site officiel du plugin : http://webdev.stephband.info/parallax.html.

Pas encore de billet sur le même sujet !

Salut! et bienvenue sur mon blog.

Ceci est la troisième version de mon blog (la première entièrement codé à la main est par ici et la deuxième a disparu car elle n’a duré que deux semaines!) . Je vais essayer de parler de la programmation web (html / css, php / MySQL, JavaScript / Jquery…), du webdesign, partager des liens…

Bien entendu ce blog est au début de son développement, il devrait pas mal évoluer dans les semaines qui viennent (notamment au niveau du design!)

En attendant, je t’invite à visiter certains sites sur lesquels j’ai pu bosser : liloo-artiste, galerie en ligne d’une jeune artiste peintre (conception et réalisation), g-ski, un jeu de gestion en ligne d’une station de ski (designer et également rédacteur du blog officiel du jeu ) mais aussi mon site perso et mon photoblog.

En attendant, j’espère te revoir ici bientôt

Pas encore de billet sur le même sujet !