Effraie@Blog! - CSS

Release (2) de mon thème

effraie — Tue, 29 Apr 2008 10:28:00 +0200

Dans un temps fort fort lointain (comment ça, j'exagère?) j'avais rendu le thème de ce blog public. J'avais même, comble du luxe, créé un blog spécial dit de «développement» (on ne rigole pas!) pour y publier d'autres thèmes que j'aurais éventuellement créé...

Bon, comme vous l'imaginez, ça n'a pas été suivi d'effets, donc j'ai supprimé ce second blog. Cependant, on me réclame régulièrement mon thème, alors qu'il n'est plus disponible suite à la disparition du sus-dit blog de développement.

Face a l'ardeur des fans et à l'insistance de la foule, j'ai donc fait un effort sur-humain, en nettoyant (vaguement..) quelques fichiers du thème (trop sales ou trop perso), et en tarant le tout.

Voici donc, toujours sous GPL, le thème Effraie... Je n'ai pas vérifié son bon fonctionnement, donc vous pouvez me faire les rapport de bugs en commentaires ;)

Mes extension firefox préférées...

effraie — Sat, 29 Dec 2007 14:51:00 +0100

Oui, je sais, c'est vu et revu, ce genre de billet...
Ne le dites à personne, mais je l'écris surtout pour pouvoir les retrouver facilement quand je libère un ordi chez quelqu'un! Et puis bon, malgré tout ses défauts, ce sont ces extensions qui font que firefox reste un logiciel indispensable à mes yeux, alors, je répand la parole ^^'

Les indispensables:

Customize Google Permet de faire disparaître les pubs google (adsense, vous savez, ces petites pub en mode texte horripilantes...) et de protéger votre vie privée... un must have, ici

Flashblock Le flash, c'est un des pires fléaux que le web ai porté... lourd, rarement joli, pratiquement jamais utile, mal accessible, propriétaire... beurk. Cela dit, certains sites utiles l'utilisent, et comme sur beaucoup d'autres, le plugin flash est installé sur ma machine. Comme je ne veux pas me taper tout les menus kikoololant et inutiles en flash, j'utilise flashblock et j'autorise le flash au cas par cas, quand j'en ai vraiment besoin.

Adblock Plus : Sans doute l'anti-pub le plus efficace du web! A installer d'urgence, à moins que vous teniez absolument a voir les pages web clignoter, briller, wiiiiizzzzer et peser lourd. Quand aux quelques (rares...) webmasters qui se sentent spoliés quand je cache les pubs de leur page, voir qui veulent m'empécher d'accéder à leurs contenus pour ça... C'est vraiment sale d'envisager le web comme ça! (ceci n'engage que moi ®) et de toutes façon votre contenu est probablement tout pourri, na.

Tab Mix Plus : Pour les gros navigateurs! Cette extension permet a ceux qui tirent vraiement trop sur la ficelle (pleins d'onglets ouvert en même temps, plusieurs fenêtres sur différents bureaux, et du mal à garder ça cohérent... vous vous reconnaissez?) d'accéder à un nombre conséquent d'options et de fonctionnalités concernant de prés ou de loin la navigation par onglet. Un must have pour les boulimiques du web. (ici)

Firebug : Indispensable si vous développez, même peu et mal (comment ça, comme moi !?), des pages oueb. À télécharger ici

Web developer : Indispensable dans les même cas que firebug, bien que très différente... A utiliser sans modération.

Dans la série WebDev, me reste a pointer CSS Validator, pour valider vos CSS (nan, sérieux?) et le compte est bon.

Les accessoires

(mais bien quand même hein :) )

Greasemonkey : Une extension qui permet, en javascript, d'agir sur le contenu des pages web. Très très prometteur. Installez l'extension, et rendez vous sur http://userscripts.org pour télécharger des scripts fait par d'autres utilisateurs pour des centaines (des milliers?) de sites. (jetez un œil aux scripts Flickr et del.icio.us si vous utilisez ces sites...)

Del.icio.us Bookmarks : je l'aurais bien mise dans les indispensables, vu l'utilisation que je fait de del.icio.us, mais bon, comme tout le monde ne se sert pas de ce service... l'extension l'intègre directement dans firefox, c'est bien pratique.

DownThemAll un outils de téléchargement massif pour firefox. Permet par exemple d'automatiser la récupération de toutes les images d'une page web. (ici).

Linkification transforme les liens textes en lien hypertextes. Si vous ne comprenez pas, vous n'en avez pas besoin ^^' . C'est là.

Update Scanner Vous voulez être tenu au courant des modifications sur une page qui ne fournis pas de flux RSS ou Atom? Cette extension scanne le contenu des pages, et vous avertis dés lors que n caractères ont été modifiés. n étant configurable... Pratique.

Inutile, donc indispensable

StumbleUpon ce service et son extension vous propose des pages, et vous propose de les noter (j'aime/j'aime pas). Au fur et a mesure, le service apprends a connaitre vos gout, et vous propose des pages qui vous intéresse. Surprenant, et efficace (et chronophage) au moins en anglais, parcequ'en français, je pense que la masse critique d'utilisateurs n'est pas réunie.

Fission J'en suis content car elle me permet d'optimiser la place prise à l'écran par Firefox sans perder en fonctionnalités utiles (à mon goût... je vire la barre d'état, c'est plus joli, ça prend moins de place, et je conserve l'indicateur de chargement et de destination des liens, reporté dans la barre d'URL). Geek et inutile, j'adore.

Voila... je crois que j'ai fait le tour. Ça en fait pas mal tout de même!

Mise en page des listings par défaut dans apache (fancy index)

effraie — Wed, 23 May 2007 20:37:00 +0200

Si vous aussi vous trouvez un peu triste les listings par défaut que produit apache pour les répertoires web, j'ai peut-être une solution qui va vous intéresser.
Pour la mise en œuvre, il faut que votre hébergeur active l' option AllowOverride All et autorise les .htacess.

Pour obtenir un résultat un peu plus attrayant, vous pouvez, grâce à un fichier .htaccess bien senti, ajouter des informations de mise en page, ainsi que un header et un footer.

Comme un exemple vaut mieux qu'un long discours, voici le .htaccess que j'utilise:

AddIcon (DIR,/.iconsfoldergray.gif) ^^DIRECTORY^^      ### toutes les lignes qui commencent par
AddIcon (FOLDER,/.backarrow.gif) ..                    ### addIcon servent a attribuer des icônes
AddIcon (DEB,/.iconsdebian.jpg) .deb .DEB              ### à des type de fichiers prédéfinies
AddIcon (RAR,/icons/compressed.gif) .rar .RAR .zip .ZIP .ZiP .zIP .ziP .ZIp .Zip
AddIcon (RAR,/icons/compressed.gif) .bz2 .BZ2 .tbz2 .tgz .tbz .TGZ .TBZ2 .TBZ .tb2 .TB2
AddIcon (TXT,/.iconstext.gif) .txt .htm .HTM .html .HTML .htmL .xml .XML .TXT .RTF .rtf
AddIcon (IMG,/.iconsimage.gif) .jpg .JPG .jpeg .JPEG .gif .GIF .png .PNG
AddAlt "pic" .gif .GIF .jpg .JPG .png .PNG .bmp .BMP .png .PNG             ### les lignes commençant par
AddAlt "snd" .mp3 .MP3 .mP3 .Mp3 .s3m                                      ### AddAlt prévoit un text de 
AddAlt "txt" .txt .pdf .html .htm .ps                                      ### remplacement si il n'y a pas d'icon
AddAlt "PHP" .PHP3 .php .PHP .php3 .php4 .phps .inc .class
AddAlt "Zip" .zip .ZIP .gz .GZ 

IndexOptions FancyIndexing FoldersFirst                       ### active le "fancy index" et liste les folders en 1°
IndexIgnore favicon.ico .??*                                  ### les fichiers qui ne seront pas listés
HeaderName .header.html                                       ### le nom du header
ReadmeName .pied.txt                                          ### le nom du footer

J'imagine que la documentation d'apache fourmille d'autres options disponibles, mais celle là me suffisent amplement!

Notez que vous pouvez définir des éléments html et CSS dans les header et footer, et c'est essentiellement ça qui va vous permettre de faire de la mise en page.

Si vous avez la flemme de partir de zero, vous pouvez récupérer l'archive de mes fichiers, et partir de là pour décorer vos propres répertoires. Il faut copier .htacess, .header.html et .footer.txt dans tout les répertoires que vous voulez décorer, et les icônes à la racine du serveur web.

Amusez vous bien!

Mise a jour du thème Effraie

effraie — Wed, 28 Feb 2007 11:31:00 +0100

Ça se passe ici

Screenshots de vos pages web dans différents navigateurs

effraie — Sat, 17 Feb 2007 23:42:00 +0100

Je l'ai cherché un moment, le site qui ferait ça de façon efficace! Je l'ai trouvé, puis perdu... puis retrouvé!

Pour être sur de ne plus le perdre, je partage: http://www.browsercam.com/

idéal pour tester le rendu de vos sites sous les navigateurs que vous ne possédez pas...

Théme ''Effraie'': Un bug génant sous IE7 (IE6 non testé)

effraie — Wed, 07 Feb 2007 00:49:00 +0100

Je suis a la recherche d'une solution pour un bug gênant sur ce thème: sous ie7, que j'ai l'occasion de tester au boulot, la barre de droite se retrouve en bas de la page... ce qui est assez moche, et nuit terriblement a la navigation!

Si quelqu'un a une idée du pourquoi et du comment.. je suis bien sur preneur! Pour mémoire, la CSS est là.

Et question subsidiaire, juste pour le fun: qui sont les deux personnages qui sont apparus dans le bandeau avant-hier? (ceux qui me connaissent devraient trouver sans difficultés)

Mise a disposition du thème Effraie, et ouverture du demo-blog

effraie — Fri, 19 Jan 2007 17:12:00 +0100

Comme promis, voici le théme Effraie mis a disposition de tous.
Pour l'occasion, j'ouvre un blog de demo, sait-on jamais, je ferais peut-être d'autres thèmes...
Pour un aperçu du thème, Rendez-vous ici, ou cliquez sur Effraie dans le selecteur de thème du blog de demo.
Le billet dédié pour vos commentaires est là

Nouveau thème pour Dotclear 2

effraie — Fri, 22 Dec 2006 12:40:00 +0100

Comme vous avez pu le remarquer, j'ai une nouvelle fois changé le thème de ce blog, pour en faire un un peu plus travaillé...

Je commence a être satisfait de mon résultat, et je me demande si je ne vais pas le distribuer...

Mais avant de me ridiculiser en public ;) je voudrais votre avis dessus.

Que pensez vous de l'aspect et de l'ergonomie générale? c'est volontairement très classique, pour préserver l'usabilité.
La largeur est entièrement fluide... ça evite de se poser la question cornélienne: permettre a un max de monde de ne pas scroller horizontalement (beurk) ou utiliser la plus grande surface dispo sur l'écran du lecteur?
J'ai fait un test rapide dans IE7 au boulot, et plus approfondi dans firefox sous linux-ppc chez moi. Les commentaires d'utilisateurs d'autres couples navigateurs/Os sont les bienvenus. En particulier, j'aimerais un screenshot sous windows/IE6/Firefox et osX/Safari/Firefox...
Voici la CSS, je fais tout ça au jugé, et en apprenant sur le tas, donc vos commentaires sur la (mal) qualité du code sont les bienvenus.
Pour ce thème, je me suis basé sur le thème "Absolut" de Pyeb (que je n'ai fait que modifier, l'essentiel du travail est donc le sien) et j'ai piqué les images de fond à Niko, ce qui donne un air de ressemblance certain a son thème et au mien. J'attends donc tout particulièrement leur avis, en particulier sur la question des licences, et de la redistribution de leur travail.

Et comme on dit... lachez vos comms' ;)

Nouveau design, sous l'impulsion de sonia!

effraie — Thu, 02 Nov 2006 17:55:00 +0100

Sonia est une nouvelle venue sur effraie.org

Et comme elle m'a interrogé sur les CSS, je me suis mis a trifouiller la mienne!

Merci Sonia, j'aime beaucoup le résultat!

ps : la CSS est accessible ici, et elle fonctionne avec le thème DoubleOrange pour Dotclear2