Des listes à la pelle CSS

vendredi 5 septembre 2003 :: perrick :: CSS :: aucun commentaire :: aucun trackback

Via Simon Willison's Weblog, une page très intéressante pour ceux qui veulent VOIR la puissance des feuilles de style : http://www.maxdesign.com.au/presentation/listamatic/.

MaxDesign (une agence australienne) y montre comment à partir du même code HTML, on peut aboutir à des effets des plus divers. Au passage, on y retrouve cette technique-ci (Eric Meyer's tabbed navbar) que j'utilise dans mes sources pro.

La puissance du Ctrl+A

mardi 12 août 2003 :: perrick :: Développement :: aucun commentaire :: aucun trackback

De temps en temps je relis Le test de Joël : 12 étapes vers un meilleur code, histoire de voir où j'en suis dans mes méthodes de développement.

Il y a des points que je pratique depuis maintenant pas mal de temps : 1. système de gestion de code source 4. base de données de bugs 5. correction des bugs avant d'écrire du nouveau code 8. environnement de travail calme 9. les meilleurs outils que je peux me payer 10. des testeurs 12. des tests d'utilisabilité de couloir. Donc pour l'instant 7/12 : encore bien loin des 12/12. Mais je m'en rapproche petit à petit ;-)

D'autres points ne sont pas encore à l'ordre du jour ? A quoi bon dire "oui" à les nouveaux candidats écrivent-ils du code pendant leur entretien d'embauche ? quand il n'y a pas encore eu d'embauche de développeurs...

Et puis il y a cette question des builds qui doivent être quotidiens et en une seule étape. Etant donné que mon code n'est jamais compilé (logiciel web : PHP / CSS / JavaScript) et que je suis l'unique développeur, comment comprendre ce "build" ?

Quand je "livre" un produit, je fais juste un transfert FTP de mes fichiers "propres" vers un serveur de production. Pas bien compliqué... sauf que je dois volontairement laisser intacts certains fichiers (configuration, paramètres, log des erreurs et quelques autres) sur le serveur de production s'il s'agit d'un upgrade et pas d'une install. Vous l'aurez compris, c'est ce volontairement qui m'empêche de faire un Ctrl+A et m'oblige à me poser des questions.

En passant sur un autre fil de réflexion sur le build quotidien, on trouve un lien vers http://www.finalbuilder.com. Il s'agit d'un très bel outil pour remplacer les fichiers .BAT : d'un seul clic, je peux désormais aller chercher mes derniers fichiers propres et les placer dans trois endroits distincts (un répertoire "install", un répertoire "update" et un fichier ".ZIP"). Résultat lors d'un transfert FTP classique, je peux enfin profiter de la tranquilité et de la garantie du Ctrl+A. Et j'en profite pour passer de 7 à 9/12.

Note : pour les non-habitués des raccourcis clavier sous Windows, Ctrl+A permet de sélectionner l'ensemble des données traitées par l'application en cours (tous les fichiers dans un logiciel de FTP, tout le texte dans Word, etc.)

:: on pk :: passe à Movable Type

dimanche 10 août 2003 :: perrick :: Connexe(s) :: aucun commentaire :: aucun trackback

Vous ne l'avez peut-être pas remarqué mais :: on pk :: a changé de CMS. Après une petite application en PHP pour se faire les mains, je suis passé aujourd'hui à Movable Type. Depuis le temps que j'en entendais parler, j'avais envie de voir ce qu'il avait dans le ventre.

Bien sûr le système de trackback -- le truc qui m'a conduit au changement d'outil de plublication. Mais aussi la configuration complète en ligne : c'est très bien foutu puisque qu'on conserve la mainmise sur l'ensemble de noms de fichiers publiés. Il ne me reste plus qu'à effectuer quelques retouches sur l'ancien site pour que les URLs pointent vers le nouveau.

Les cailloux blancs que je trouve ici et là

vendredi 8 août 2003 :: perrick :: Connexe(s) :: aucun commentaire :: aucun trackback

Le petit poucet laissait des petites cailloux blancs sur son passage pour pouvoir rentrer chez lui. Quant à moi, je ne pourrais jamais dire que "le web = la maison". Par contre en plus des moteurs de recherche, au fil de mes lectures, je repère des petits cailloux qui orientent mes clics. Et parmis eux, il y a bien sûr la liste des blogs que je lis tous les jours.

Parmi ces lectures quotidiennes, Eric Sink et François Planque. Il s'agit bien d'une lecture presque tous les jours depuis plusieurs mois. Et puis dans le dernier post d'IT Trends Blog, je tombe sur un lien vers l'autre blog cité auparavant que je ne connais pas : Memoirs From the Browser Wars.

Bilan : j'ai relu l'ensemble du site. Résultat : pas encore au niveau de Joel mais on s'en rapproche, lecture recommandée donc (mais en anglais). Avec une question : pourquoi le point commun entre ces 2 personnes (Eric et Joel) est-il Microsoft ? Redmond serait-il une TRES bonne école pour le développement informatique ou alors est-ce parce qu'il embauche à la pelle ?

Et le parce que du pourquoi des cailloux blancs : pour que je lise à fond un article, le meilleur moyen reste que deux repères indépendants m'en montrent le chemin (ou le lien).

PS : j'ai lu un article là dessus récemment mais incapable d'en retrouver la source. Des idées ?

Ce silence qui vient de Netscape 4

mercredi 6 août 2003 :: perrick :: CSS :: aucun commentaire :: aucun trackback

Dan Cederholm est le designer qui se cache derrière deux sites commerciaux qui ont fait date dans l'utilisation des feuilles de style avec un markup standard. Suite à ces deux superbes travaux (ici et là) il fait part d'une (bonne) surprise : il n'a reçu aucune plainte d'un utilisateur de Netscape 4.

Comme quoi, on peut faire du beau & solide avec les techniques offertes par CSS & XHTML. Et on peut oublier Netscape complètement. Leur navigateur en version 4 restera pour moi la raison de mon passage en 1998 vers Opera.

A propos de No Parking

lundi 4 août 2003 :: perrick :: Présentation :: aucun commentaire :: un trackback

Puisque j'ai eu droit à la question ("au fait, c'est quoi No Parking ?"), voici une première réponse.

Très simplement , c'est une entreprise de développement de logiciels pour intranet.

Et maintenant de façon plus concrête. Le produit phare de No Parking s'appelle (pour l'instant) openTIME. Il s'agit d'un logiciel de gestion de temps et d'activités par le net. Note : j'omets délibérement les inter, intra et extra puisque tous les cas de figures sont possibles. On y retrouve l'application plus ou moins directe des concepts évoqués dans ce blog : ergonomie, standards, travail partagé, etc...

Sinon nous faisons aussi du développement spécifique avec les technologies explorées par ce blog : PHP / MySQL bien sûr, mais aussi XHTML / CSS, Javascript et le développement web en général. J'allais oublié l'installation / paramétrage de produits Open Source (CMS, groupware & wiki entre autres).

Pour en savoir plus (sur openTIME ? sur les services de No Parking) ou pour nous proposer des projets de développement web : pk@noparking.net. Autre chose encore, si vous habitez Marseille ou Biarritz, ça fait peut-être un peu loin pour rencontrer un client : No Parking est basé à Lille (enfin La Madeleine pour ceux qui utilise le http://geourl.org/) donc à 1h de Paris...

PHP à la rescousse de la validation HTML / XHTML

jeudi 31 juillet 2003 :: perrick :: PHP :: aucun commentaire :: un trackback

Au départ il y avait "HTML tidy", un projet open source pour nettoyer du code HTML. Et ensuite une librairie et maintentant une extension pour PHP5 (donc je n'ai pas encore testé) :

http://www.coggeshall.org/archives/e_65.html.

Si j'arrive à l'installer un jour, peut-être que ça remplacera le validator du W3C qui m'avait bien servi pendant mon passage à l'XHTML d'il y a quelques temps.

Via : http://dev.nexen.net/news/

Ah la paperasse

mercredi 30 juillet 2003 :: perrick :: Management :: aucun commentaire :: aucun trackback

LN note dans son blog qu'elle en a ras le bol de noter "NOM_PROJET lundi=8 mardi=8 mercredi=8 jeudi=8 vendredi=8 cumul_projet=40" sur un bout de papier. Je ne vais pas revenir sur le fait que c'est anti-écologique (note : c'est un argument que je n'avais pas encore mis dans ma liste personnelle ;-).

La question sous-jacente, c'est pourquoi mettre systématiquement 8,8,8,8,8 pendant des mois : ça ne donne aucune information n'est-ce pas... J'ai déjà eu ce type de question lors d'une installation de mon propre produit - openTIME.

En fait l'information est au niveau supérieur : c'est au niveau du projet, avec probablement plusieurs personnes sur le même projet, que les 8,8,8,8,8 deviennent pertinents.

Et puis si je dois croire Hal Macomber, LN doit être vernie de ne travailler que sur un unique projet. Il demande d'éliminer le multi-tâche sur l'homme (on n'est pas des machines) mais ce n'est pas le cas pour tout le monde. Loin de là.

Au revoir au 'refresh'

lundi 28 juillet 2003 :: perrick :: Développement :: un commentaire :: aucun trackback

Il y a des petites choses qui se répètent si souvent qu'on en viendrait parfois à se dire qu'elles sont aussi éternelles que le soleil ou les nuages.

Et pourtant en lisant un article à propos des sessions PHP sur phpfreaks, j'ai trouvé une perle : comment dire au revoir au 'refresh' obligatoire sur IE quand on utlilise des sessions et des formulaires.

C'est un hack tellement simple que je me demande encore pourquoi je n'ai jamais cherché à passer outre : il suffit d'ajouter après le session_start() cette ligne
header("Cache-control: private");

Elle est pas belle la vie sous les étoiles de juillet ?

Quand la BLR tombe...

jeudi 24 juillet 2003 :: perrick :: Connexe(s) :: aucun commentaire :: aucun trackback

Pendant presque 2 jours, la BLR fournie par Firstmark n'a pas fonctionné : que de temps perdu. C'est dans ces moments-là que je me rends compte à quel point je suis dépendant des documentations de PHP et MySLQ quand j'écris du code.

Et aussi du validateur du W3C : heureusement j'ai quand même réussi à mettre à jour http://www.noparking.net/ et ce blog. Les deux valident le XHTML 1.0 Transitional. Une belle étape de franchie. Même si ni l'un, ni l'autre n'ont la prétention d'être aussi beau que ça ou ça par Dan Cederholm.

Au passage, merci à Free qui m'a permi de ne pas couler complètement pendant cette éternité de 30h57 !

Quand gestion du temps rime avec content

mardi 22 juillet 2003 :: perrick :: Management :: 3 commentaires :: aucun trackback

Mais pourquoi est-ce que je ne l'avais pas encore fait ? C'est une de ces questions qui me trotte dans la tête en créant cette rubrique "Management"... Le titre est provisoire - même si comme toutes les choses provisoires, il va probablement rester en l'état un petit bout de temps.

Au cas où vous ne le sauriez pas encore, je développe (et commercialise, au passage ;-) un logiciel intranet de gestion du temps : openTIME. C'est donc tout naturellement (économiquement ?) que j'essaye de suivre ce qui se fait en terme de "management".

Mais pourquoi aujourd'hui ? C'est que je viens de trouver un post qui m'a fait sourire. Dans Forging boldly into the 1990s!, Dave Hill exprime son bonheur : il va enfin passer à une feuille de temps électronique. Mais bien sûr, il lui manque le mot de passe pour s'y connecter ;-) Ah cette gestion des mots de passe : un vrai bonheur de sysadmin !

Via feedster.

MySQL et PHP : une explication en cours

mercredi 16 juillet 2003 :: perrick :: MySQL :: 2 commentaires :: aucun trackback

La version 5 de PHP ne contiendra pas de client pour la base de données MySQL : la nouvelle avait surpris pas mal de monde. La raison ? Une incompatibilité de licence entre la GPL (MySQL depuis la version 4) et la BSD (PHP).
Pour y voir plus clair : un entretien entre Zak Greant -- MySQL AB Community Advocate -- et le magazine php | architect.
Via http://dev.nexen.net/news/.

Mes étapes vers les standards

vendredi 4 juillet 2003 :: perrick :: CSS :: 2 commentaires :: aucun trackback

Voici donc mon parcours exhaustif pour passer de l'HTML plus ou moins propre à de l'XHTML (presque) valide :
- remplacement de <img> par <img />
- remplacement de <input> par <input />
- remplacement de <option selected> par <option selected="selected">
- remplacement de <select multiple> par <option multiple="multiple">
- remplacement de <h1 name="titre"> vers <h1 name="titre" id="titre"> (note : c'est n'est pas du XHTML strict)
- suppression des caractères spéciaux dans les URLs
- remplacement de l'attibut 'language' par 'type' dans les <script>
- suppression de l'attribut 'height' dans les <table>
- suppression de l'attribut 'align' dans les <div>
- ajout de l'attribut 'alt' dans les tags <img>
- fermeture des <options> avec </option>
- mise en minuscule des attributs de type onchange / onselect / etc.
- suppression du signe ">" du code javascript dans le XHTML (note : le code est mis dans un fichier .js exterieur)
- transformation des & en & dans les URLs

Suite de la transition vers le XHTML et presque fin aussi

jeudi 3 juillet 2003 :: perrick :: CSS :: 4 commentaires :: aucun trackback

Ça y est : je suis (presque) Valid XHTML 1.0 Strict. Après deux jours de plongée dans l'ensemble du code de présenation d'openTIME. Voici enfin les réponses que j'attendais :

Doctype: XHTML 1.0 Transitional
Errors: 1

et

Doctype: XHTML 1.0 Strict
Errors: 4

La différence entre les deux DTDs disparaitra quand je referais la navigation. Pour l'instant il y a des menus déroulants (avec table et formulaire). Bientôt ils seront remplacés par d'autres menus tout aussi déroulants (mais avec liste et CSS). Et là, ce sera le début du bonheur...

Quant au dernier bug, je ne sais pas encore comment le résoudre : il s'agit d'un "swap menu" - deux menus multiples entre lesquels on peut faire basculer les options. Et forcément celui de droite peut être vide, au moins au départ... et ça, c'est pas possible : You have a ‘FOO’ element, but you have omitted some required sub-element of it. Alors si quelqu'un a la réponse (et qu'en plus elle est élégante), je suis preneur ;-)

Transition vers le XHTML

mardi 1 juillet 2003 :: perrick :: CSS :: un commentaire :: aucun trackback

En parcourant http://openweb.eu.org/ à propos des feuilles de style CSS sur lesquelles je me pose encore des questions. Je suis tombé sur une page à propos du passage de l'HTML - que je pratique depuis 1995 - à l'XHTML.

Un petit tour sur le site de validation du W3C pour vérifier l'étendu des dégats sur une page type d'openTIME :
Doctype: XHTML 1.0 Strict
Errors: 1723

Après quelques heures de boulot - merci le copier / coller sur tous les fichiers - on descend très vite sous une barre plus raisonnable :
Doctype: XHTML 1.0 Strict
Errors: 93

C'est bien plus respectable. Par contre je n'ai pas encore trouvé de réponse à un truc qui me chiffone : dans une balise de type <input type="radio" name="report" value="test" id="test">, est-ce que je dois remplacer l'attribut name par l'attribut id ? C'est effectivement ce que me demande l'article sus-nommé. Mais dans ce cas je perd la possibilité de lier mon bouton radio et le texte qui lui correspond... Alors que faire ?

<< … 51 52 53 54 55 56 57 58 59 >>