Archive pour le thème 'HTML et CSS'

Vous utilisez Firefox, vous voulez l’exploiter à fond, vous parlez anglais, vous devriez vous rendre sur le FireFox tweak guide.

Des programmes pour tout faire avec votre PC si vous êtes un peu exigeant mais que vous ne voulez pas payer cher. Freeware & shareware.

En vedette : Canon EOS 5D MkII Nikon D700 Word gratuit Configuration Azureus

Webcron est un service de taches automatisées à heure fixe. Si vous connaissez Unix ou Linux vous avez surement entendu parler de la Crontab. Webcron est une adaptation au Web de cette fameuse Crontab. Attention rien de bien compliqué !

Webcron vous permettra d’effectuer des taches à heure fixe en allant chercher une page sur votre site. Par exemple, sauvegarder votre base de données, pour cela il vous suffit de faire un script sauvegarde_base.php et dans ce script vous allez enregistrer votre base dans un fichier ensuite ajoutez une tache dans votre Webcron pour effectuer la requête http://www.domaine.com/sauvegarde_base.php

Très simple et recommandé.

Après un précédent article à propos des raisons de ne pas utiliser les tables HTML (et de leur préférer les tables CSS), je souhaite revenir un peu sur ce sujet à partir de ma propre expérience.

Lors du passage à la version 5 de l’interface de ce site (la version “verte” qui est présente à la publication du présent article), j’ai essayé de construire l’interface en maximisant l’utilisation des CSS afin de faciliter les migrations ultérieures et d’alléger la construction en séparant contenu et mise en page. Néanmoins, il m’est rapidement apparu que la mise en page en trois colonnes (plus un pied de page) que j’utilise est l’une des plus difficiles à reproduire avec les CSS et que cela pose de gros problèmes de compatibilité avec les différents navigateurs que l’on rencontre.

C’est pourquoi j’ai décidé de choisir le meilleur des deux mondes. Expliquons-nous. Les tables HTML sont très simples à construire et sont très généralement bien reconnues par tous les navigateurs actuels (leur définition est maintenant antique). J’ai donc décidé de structurer le site autour de tables HTML. Mais je me suis contenté de donner la structure. Toute leur mise en forme a été faite avec des tags CSS.

C’est une solution très riche. On utilise chacun à ce qu’il sait faire le mieux : les tables HTML permettent de définir un nombre de colonnes, de grouper certaines parties de manière très claire, etc. Les tags CSS permettent de définir séparément et proprement les tailles, les marges, les bordures, les fonds de case, les couleurs, etc. On obtient une présentation qui est très tolérante (les tables HTML se comportent généralement très bien quand une image trop grande -une erreur courante- force les dimensions). Mais les mises en forme sont très souples dans le CSS.

Si vous êtes intéressé, je vous recommande ainsi de consulter les sources de cette page et le fichier CSS associé.

Vous avez peut-être remarqué un nouveau petit logo qui apparaît maintenant sur notre site web depuis que son interface graphique a évolué sensiblement.

Si votre navigateur web le supporte (Opera 9, FireFox, Internet Explorer 7), une icône très similaire mais de couleur orange apparaît aussi dans la barre d’adresse.

C’est une fonctionnalité nouvelle qui est un bonus intéressant à la fois pour les visiteurs et pour les concepteurs de sites web. Pour les utilisateurs, il fournit un moyen simple d’accéder très directement à l’information de notre site web en autorisant FireFox ou Opera à collecter les actualités sans intermédiaire, sans même que vous n’ayez à vous connecter à Roumazeilles.net. Si vous cliquez sur l’icône de RSS feed , votre navigateur va vous porposer de vous abonner au feed ou au fil. Ensuite, vous serez directement informé des nouveautés sur Roumazeilles.net sans même avoir besoin de vous rendre sur le site web. Vous ne manquerez plus jamais un titre ronflant. !

L’icône RSS feed est un moyen standardisé (proposé par FireFox) pour facilement vous orienter vers cet accès rapide à l’information d’un site web. En soi, c’est déjà une bonne nouvelle pour les concepteurs de sites web puisque cela évite d’avoir à ré-inventer la poudre (une nouvelle icône, etc.) et d’avoir à donner des explications détaillées (comme je le fais ici sur la signification de cette icône. C’ets la même explication et le même fonctionnement sur tous les sites qui utilisent cette technique.

Initiallement, les RSS feeds ont été créés pour sous-traiter (syndicate en anglais) du contenu (pour permettre à d’autres sites d’inclure de manière transparente le contenu de Roumazeilles.net dans leurs propres pages). C’est toujours possible (c’est d’ailleurs ce que font des sites web de gestion d’actualités comme MyYahoo!, MyAOL, Google, ou Bloglines), mais c’est allé bien plus loin avec l’arrivée d’outils spécifiques intégrés dans votre propre navigateur.

Comme vous n’aurez pas manqué de le remarquer, notre site web vient de changer d’allure. Le chirurgien s’est lancé, a pris son scalpel pour alléger la taille des pages (chargement plus rapide), pour augmenter la lisibilité (le fond blanc), pour revenir à une ligne plus sobre (quelques marques graphiques seulement).

Mais il y a aussi des fonctionnalités nouvelles que vous découvrirez sans doute progressivement. La plus notable sans doute : la possibilité d’envoyer un email à un ami pour signaler un article particulièrement intéressant. N’oubliez pas de recopier le code de vérification (il est là pour empêcher les robots d’envoyer des courrier électroniques automatiques). Quoi qu’il en soit, utilisez raisonablement cette petite fonctionalité gratuite.

Il suffit de repérer le lien “Email cet article” en bas des articles sur la page d’accueil (ou en bas à droite sur la page spécifique d’un article).

N|vu est une puissante application de développement web avec une interface WYSIWYG pour le rendre plus facile à utiliser. C’est sensé être un opposant sérieux pour des outils commerciaux comme DreamWeaver (le fait que N|vu est en téléchargement gratuit ajoute encore de l’intérêt à la chose).

Malheureusement, comme il provient du monde du logiciel libre, N|vu est étudié assez souvent dans des articles sur Internet, mais rarement écrits par des concepteurs professionels de site web. C’est pourquoi j’ai vivement apprécié de trouver une étude spécifiquement organisée en comparaison de N|vu et DreamWeaver et qui comporte des points tirés directement de la vie quotidienne d’un programmeur/designer de site web. Elle ne consiste pas seulement en un survol (qu’y a-t-il dans les menus ?), mais elle plonge dans les meilleurs détails (la génération de code CSS, l’homogénéïté de l’interface, etc.)

Si vous envisagez d’utiliser N|vu pour votre activité professionnelle (ou simplement sérieuse) d’édition HTML/CSS et de création de site web, je vous conseille de prendre 10 minutes pour lire cet article en anglais. Même s’il date de 2004, il contient des informations passionnantes et encore à jour.

Ca y est ! Microsoft annonce officiellement la mort de FrontPage (Microsoft® Office SharePoint® Designer 2007 et Microsoft® Expression™ Web Designer seront là au printemps pour en prendre la place).

En fait, il faut reconnaître que FrontPage n’avait pas vraiment réussi à s’implanter chez les professionnels. Son approche simpliste du développement web en faisait un outil très en retrait par rapport aux grand concurrents comme DreamWeaver. Mais les non-professionnels n’ont -pour l’essentiel- plus besoin de FrontPage. Avec l’arrivée des blogs prêts à l’installation (comme WordPress, ou Joomla ou Mamba ou SPIP), le recours à la conception du site était devenu marginal, mais avec les solutions d’hébergement+blog (comme WordPress.com), il n’y vraiment rien à faire pour construire son site web et commencer à publier.

FrontPage a donc vu disparaître son public et sa raison d’être. On ne le regrettera pas.

C’est la question à laquelle répond le site BrowserShots.org en fournissant un moyen simple de tester votre site web dans un grand nombre de configuration et de navigateurs (browsers en anglais). C’est une très bonne idée qui repose sur l’aide apportée par des ordinateurs volontaires répartis un peu partout dans le monde (architecture largement distribuée).

Vous pourrez ainsi savoir à quoi ressemble Roumazeilles.net sur nombre de navigateurs exotiques (ou pas) :

Recommandé pour quiconque fait des sites web.

Même si je suis de manière générale très favorable à l’emploi des tables HTML pour construire la mise en page d’un site web (comme celui que vous regardez en ce moment), il m’a paru intéressant de donner un lien vers un article qui articule clairement (en anglais) les arguments exactement à l’opposé : Why tables for layout is stupid.

Pour ceux qui se demanderaient encore pourquoi je préfère les tables HTML, disons simplement qu’elles sont infiniment plus simples à employer pour une présentation en trois colonnes que j’apprécie. Par ailleurs, utilisant DreamWeaver, le fait de disposer la plups grande partie de la présentation directement dans la page web n’est que peu gênant (grace aux excellents modèles/templates de DreamWeaver).

Mark James, un développeur web à temps partiel, a créé plus de mille jolies petites icônes distribuées gratuitement sur le site famfamfam.com. Ce travail est soumis à une licence Creative Commons Attribution 2.5, ce qui veut dire que si vous voulez les utiliser, vous n’avez qu’à penser à spécifier clairement que Mark James en est l’auteur et à inclure un lien de retour vers son site web.

J’aime bien la collection d’icônes intitulée silk, mais il y a aussi une très utile collection de 239 petits drapeaux nationaux.