Et ben voilà, l'accouchement aura été difficile (environ 1040 jours) mais ça y'est : Dotclear 2 est disponible en version finale.

J'ai préféré Dotclear à son gros rival Wordpress pour sa simplicité d'utilisation et de création / intégration de templates comme support à ce site. En étendant quelque peu le CMS original au moyen de divers plugins et en bricolant mes pages par-ci, par là, j'en suis arrivé à un site sur mesure, très simple et léger qui me convient parfaitement.

C'est donc avec un certain enjouement que j'accueille la nouvelle. En attendant d'effectuer la migration vers la version 2, je parcours les divers plugins associés à cette mouture, afin d'agrémenter wkdzign.net avec de nouveaux joujoux comme les galeries dynamiques image et vidéo, les générateurs de tags en Flash, etc.). Wait and see.

Bon, le stage fini, voici une sélection ce qui m'a été amené à réaliser.

Certaines de ces maquettes et / ou logo ne sont que des pistes et bien évidemment sont inexploitables à l'heure actuelle des choses.

Tous ces travaux sont la propriété exclusive de l'agence Kangourouge et de ses ayants-droits, il va de soit que toute diffusion, et exploitations personnelle ou commerciale de ces oeuvres sont prohibés.

Les photos et médias appartenant à un tiers autre que Kangourouge et leurs clients respectifs ne sont utilisés qu'à but d'essai et ne sont bien évidemment pas exploités dans le cadre d'une utilisation commerciale mais exclusivement dans le cadre pédagogique de mon stage. J'ai essayé d'en faire figurer le moins possible sur ce site, afin de respecter au maximum les droits de leurs auteurs respectifs. En cas de litige avec les auteurs concernés, merci de me le signaler par mail. Je m'engage à retirer les médias concernés le plus vite possible.

Création de la maquette graphique du site GreenTouch

Création de la maquette graphique du site Oversea

Propositions de logos pour l'entreprise Espace Bio Alternatif

Création de la maquette graphique du site Accel'Air - chute libre en Provence

Création de la maquette graphique du mailing Kangourouge 2.0 (design original par Isabelle Seban)

Création de la maquette graphique de la page d'accueil du site Tobacco People v. 2.0 (design original par Isabelle Seban)

Création de la maquette graphique du blog du site Kangourouge 2.0

Voilà, une mise à jour de mon portfolio est à venir afin d'y intégrer tout ça.

En farfouillant de blog en blogs je suis tombé sur cet article intéressant qui débroussaille et donne un avant goût du langage de description Web qui sera sans doute utilisé dans les années à venir : HTML 5.

A première vue, cela semble être une évolution du langage HTML / XHTML, XHTML ne partant pas dans la bonne direction. Il propose des balises à la syntaxe moins stricte qu'XHTML. Cela afin de favoriser le développement d'applications multimédias en ligne. Avec par exemple des balises spécifiques <audio> et <video>, permettant de s'affanchir de Flash et de la balise <object> pour la diffusion de contenu audiovisuel. Une nouvelle balise <canvas> a retenu tout particulièrement mon attention, puisqu'elle permettrait l'ajout de zone de dessin au sein d'une page Web et toutes les applications en lignes que cela peut apporter.

Zou ! ça faisait longtemps que je n'avais pas fait de billet technique. J'ai donc décidé de poster un article consacré entièrement à CSS. Outils et galeries de webdizs sont au menu.

Aujourd'hui, tonton [wk] teste pour vous : Code Beautifier, CSSType, Website Performance.

Code Beautifier : un outil en ligne permettant d'optimiser votre feuille de style. Assez complet, il permet entre autre de :

• choisir entre plusieurs style de mise en page du code CSS prédéfinis ou sur mesure (l'utilisateur peut créer son propre gabarit) ;
• choisir des options d'optimisation comme la compression des couleurs hexadécimales, la casse, triage des sélecteurs... ;
• supprimer des propriétés non valides pour chaque version de CSS (1.0, 2.0, 2.1).

Mon avis : gadget certes intéressant pour optimiser la mise en page de ses feuilles de style ou les restreindre à une norme particulière. Cependant, pour les personnes ayant pris l'habitude de coder "optimisé" en respectant un gabarit, ça ne s'avère pas vraiment l'outil le plus essentiel mais plutôt le truc qu'on cale tout au fond de la boite à outil et que l'on déterre deux fois par ans à l'occasion. En moins poussé on retrouve le même principe sur CSS Optimiser

CSS Type : un outil en ligne permettant la création de typos personnalisées en CSS. Le générateur utilise (presque) toutes les propriétés relatives au texte (font, text) et propose même de définir des paragraphes aux marges internes personnalisées (padding).

Mon avis : bon celui qui a crée ça n'a pas inventé la poudre, ça se sent tout de suite. Pour n'importe quel intégrateur qui se respecte, il s'agit plus d'un jouet qu'autre chose. Je ne vois pas vraiment l'intérêt d'un truc pareil, sauf si l'on a la flemme de retenir les propriétés CSS par coeur - et encore, définir ses règles à l'ancienne doit être moins long pour qui maîtrise le langage. Je pense que cela s'adresse plus aux codeurs amateurs qu'autre chose.

Enfin pour tous ceux qui manquent cruellement d'inspiration (pour en avoir été victime, je sais que ça peut être handicapant pour certains projets), voici toute une liste de galeries de webdizs réalisés avec CSS, ça fourmille d'idées et de trucs vraiment très beaux :

• CSS Based
• CSS Beauty
• CSS Burst
• CSS Clip
• CSS Collection
• CSS Drive
• CSS Elite
• CSS Flavor
• CSS Galaxy
• CSS Heaven
• CSS Mania
• CSS Reboot
• CSS Remix
• CSS Tux
• CSS Vault
• Csswebsite
• DesignShack
• Splench
• StyleCrunch
• Unmatched Style
• Web Creme

Merci à Visual Evasion.

Petit arrangement au niveau de l'habillage du site (et notamment du blog). Ça manquait de finitions, voilà qui est fait.

Correction de quelques bugs d'affichage au passage, en particulier au niveau des illustrations de billets dont le positionnement flottant laissait à désirer en haute résolution (recouvrement du billet précédent par l'image positionnée en flottant dans le billet).

J'en ai profité pour rajouter un peu de rose par ci par là, ça va en faire hurler certains. : ) Le rose c'est définitivement la seu-cla, nigga.