Archives par mot-clé : design

Quelques ressources UML

Publié dans UML | Laisser un commentaire

L’UML (Unified Modeling Language) est un méta-langage permettant de décrire presque tout, comme par exemple une architecture de système, un modèle de données, ou autre. Il permet notamment, si une méthodologie (qui peut être définie… en UML !) est suivie rigoureusement, de suivre toutes les étapes du cycle de développement en V ! La réalité est un peu plus complexe que cela, et en fait l’UML n’est qu’un sous-langage d’un autre encore plus large, mais restons simple pour l’instant : l’UML est très utilisé de partout par tout un tas de gens qui n’ont pas besoin de savoir réellement ce qu’il est. Je l’utilise notamment régulièrement dans mon travail pour les étapes de conception, ou pour échanger avec un collègue, un collaborateur ou un client. J’en parle même avec ma femme ! Enfin presque…
Bref, l’UML est un domaine très large, et on a bien souvent besoin de documentation pour bien décrire ce que l’on veut. Voici donc quelques ressources et quelques liens que j’ai glané par ci par là. En espérant que cela puisse vous être utile !

Si vous en connaissez d’autres, n’hésitez pas à partager 😉

Logo Joomla

Joomla : Affichage d’une catégorie d’articles

Publié dans Joomla | 2 commentaires

En ajoutant un menu dans Joomla, vous avez la possibilité de créer une page qui affichera à votre convenance :

  • un article précis
  • une liste d’article selon certains critères (catégorie(s), section(s), …)
  • ou autre selon vos composants externes (carte Google Maps, …)

J’aimerai ici donner quelques détails sur la manière d’organiser une page « Liste d’articles d’une catégorie ». L’idée est d’afficher un seul article à la fois, et d’ajouter en bas de la page un petit menu de navigation permettant de passer facilement d’un article à l’autre. Comme ceci :

Continuer la lecture

Windows 7

Suis-je le seul à trouver que Windows 7 est autant une daube que Windows Vista ?

Publié dans Geekeries | 10 commentaires

Ces derniers temps en parcourant le Web, je suis tombé plusieurs fois sur des éloges à propos de Windows 7. Pas grand chose, juste quelques petits mots au détour d’une phrase : « sur le très fameux Windows 7 », « Windows 7 est un bon OS », « maintenant que j’ai Windows 7 ». J’ai trouvé peu de sites d’informatique qui critiquent ouvertement cet OS. Par conséquent, je me pose la question : suis-je le seul à trouver que Windows 7 est autant une daube que Windows Vista ?
Ma question est un peu provocante, et je dois avouer que je ne trouve pas que Windows 7 (ou Vista) est si inutilisable que cela (sinon, je ne continuerai pas à l’utiliser), mais il y a tout de même plusieurs choses que je ne m’attendais plus à voir sur le nouvel OS de Microsoft.

Plusieurs points noirs

Pour commencer un truc qui me révulse particulièrement, c’est lorsque Microsoft présente Windows 7 comme un nouvel OS. Provoquons encore : Windows 7 est à Vista ce que Firefox 3.5 est à Firefox 3.
Pas d’accord ? Alors je pose la question : qu’a-t-il de nouveau ? La seule chose vraiment visible est cette fichue nouvelle barre de tâches, qu’on ne me fasse pas croire que c’est avec des gadgets de ce style là qu’on fait une nouvelle version d’un OS. Alors oui la gestion des réseaux a été amélioré, oui Seven est plus rapide et léger que son prédécesseur (cela dit, j’ai déjà lu quelques résultats de BenchMark, c’est pas la joie non plus. Dommage je ne retrouve pas le lien d’un des benchmark qui m’avait l’air particulièrement sérieux), oui il y a eu un effort de compatibilité avec les versions précédentes, oui. Mais comparons la différence entre Seven-Vista, Vista-XP et XP-2000… c’est tout de suite différent. (et ce n’est pas qu’une question graphique)
Juste pour achever la bête : ne peut-on pas faire une mise à jour de Vista à Seven ?
Continuer la lecture

Plusieurs CSS sur une seule page

Publié dans HTML et CSS | Laisser un commentaire

J’ai découvert aujourd’hui comment appliquer plusieurs feuilles de styles sur une seule et même page. J’avais essayé plusieurs fois sans réel succès, pourtant cela peut être très pratique pour séparer son code.

Un fichier CSS sur une page

<link rel="stylesheet" type="text/css" href="fichier.css" />

Pour proposer des designs alternatifs, on emploie le mot clef alternate.

<link rel="alternate stylesheet" type="text/css" title="Titre du design" href="fichier1.css" /> <link rel="alternate stylesheet" type="text/css" title="Autre titre du design" href="fichier2.css" />

C’est le premier qui sera utilisé par défaut.

Plusieurs fichiers CSS sur une page

<link rel="stylesheet" type="text/css" href="fichier1.css" />
<link rel="stylesheet" type="text/css" href="fichier2.css" />

Mais en utilisant les titres, on peut aller plus loin. L’exemple suivant utilisera les designs ayant pour titre « compact » et le design persistant (sans titre) commun.css. Mais l’utilisateur peut sélectionner les designs « beautiful », ce qui appellera aussi le design persistant.

<link rel="alternate stylesheet" type="text/css" title="compact" href="fichier1.css" />
<link rel="alternate stylesheet" type="text/css" title="compact" href="fichier2.css" />
<link rel="alternate stylesheet" type="text/css" title="beautiful" href="fichier3.css" />
<link rel="alternate stylesheet" type="text/css" title="beautiful" href="fichier4.css" />
<link rel="stylesheet" type="text/css" href="commun.css" />

Pour aller plus loin

On peut noter qu’il est possible d’utiliser une balise méta ou un header pour préciser le ou les fichiers CSS à afficher par défaut :

<meta http-equiv="Default-Style" content="compact" />
<?php
header(Default-Style: "compact");

Merci le W3C sur Lagrange !

Où trouver des idées de design XHTML/CSS ?

Publié dans HTML et CSS | Laisser un commentaire

Une chose que je remarque de plus en plus est que je la partie la plus délicate, pour moi, lors de la création d’un site Internet (et dans une moindre mesure, d’une application) est la phase de design. Parfois j’ai quelques idées en tête, mais même avec ça, je galère vraiment à trouver quelque chose de jolie… Je ne dois pas avoir la fibre artistique, le sens des couleurs, ou je ne sais. Je crois n’avoir réussi l’exploit de faire quelque chose de jolie (et encore, c’est subjectif) que pour un seul site, mon site perso La Bnbox. A l’époque j’ai du avoir une sorte d’inspiration, et ça a roulé comme sur des roulettes. J’étais vraiment fier, même si aujourd’hui c’est un peu passé de mode et un peu trop bleu, blanc et statique à mon goût. Mais bon, de l’eau à passer sous des ponts depuis le temps…

La Bnbox v3

Une autre chose que je remarque c’est que si on me file un psd (format Photoshop) ou une image d’un design, je suis tout à fait capable de transcrire tout ça en XHTML et en CSS, en créant les images ou non. Bref, je suis plus intégrateur Web que Designer Web. Mais je crois que je préfère encore le développement.
Continuer la lecture

Modifier un thème Dotclear

Publié dans Dotclear | Laisser un commentaire

Hier soir, (un peu tard je l’avoue) je me suis dit que le design de ce blog était bien fixe et que cela rendait assez désagréable la lecture de mes codes d’exemple. Alors j’ai utilisé la fonction d’édition de thèmes de Dotclear pour modifier un peu le CSS du design GlossyBlue que j’utilise.

Je suis franchement étonné par la clarté du code CSS, je l’ai très rapidement pris en main, d’autant plus que la manière de coder (d’abord les balises d’usages body, a, hx suivi des parties principales header, page, content, footer, puis tout ce qui est relatif à de plus petites parties du design) ressemble fortement à ce que j’essaie de faire lorsque je code (avec plus ou moins de succès ;-)). La système d’édition est de plus bien construit : on ouvre un fichier, il apparait dans un textarea, on le modifie, on enregistre, reste à actualiser la page ! Simple, mais efficace. Bon alors c’est vrai qu’une petite coloration syntaxique, et une numérotation des lignes seraient super chouette (éh, ils le font bien chez Mozilla), mais bon, c’est pas vraiment fait pour ça ! Bref, j’ai rendu le design GlossyBlue extensible (pour le coup j’ai de la place. Peut-être un peu trop…), et le truc qui est pas mal avec Dotclear c’est que dans la galerie de thèmes, il y a aussi des gabarits de thèmes. On peut donc modifier la forme de son design assez rapidement et sans se prendre la tête.

Avec tout ça, il faudrait quand même que j’améliore un petit peu mon header.

Page d’accueil au format blog

Publié dans Joomla | Laisser un commentaire

Joomla permet de pré-définir le format d’affichage de certaines pages. Par exemple chez moi, la page Accueil (que l’on trouve dans le menu principal à gauche) est défini comme étant au format blog, mais Sites à visiter est défini comme une liste des catégories de liens Webs. Aujourd’hui, on va s’intéresser au format blog et à ce qu’il permet de faire. Tout d’abord, il faut sélectionner une page, donc aller dans Menus > Menu principal et cliquer sur Accueil (par exemple). Dans mon cas, on peut voir que ma page est déjà au format blog.
format_blog1.png
Mais on peut tout à fait modifier le type de la page en cliquant sur Changer le type. On a alors le choix entre différents types de pages.
format_blog2.png Continuer la lecture