Développement

Entries feed - Comments feed

Friday, 8 January 2010

Mise à jour de Minifier, le plugin qui compresse vos fichiers CSS

By Adrian on Friday, 8 January 2010, 10:00

Bien le bonjour ! 

Souvenez-vous, il y a quelques temps, je vous présentais Minifier, un plugin pour Atomik Framework qui compresse vos fichiers CSS directement sur votre serveur. Plusieurs avantages à cela : 

  • une seule requête HTTP sur chaque page, quel que soit le nombre de vos fichiers CSS
  • suppression des espaces superflus et des commentaires, donc des fichiers plus légers
  • moins de bande passante utilisée
  • une mise en cache des fichiers compressés, donc pas d'utilisation inutile des ressources

Seul "inconvénient", les utilisateurs reçoivent un fichier compressé et donc relativement illisible. Mais honnêtement, dans le cadre d'un site de taille respective, est-ce vraiment un problème ?

Petit rappel pour les gens qui découvrent : ce plugin s'utilise uniquement avec Atomik Framework, un framework PHP5 léger, gratuit, open source, et que j'apprécie beaucoup. 

Bien. Il se trouve que la première version de plugin ne marchait pas bien du tout, parce que j'utilisais des liens pour régler le problème des urls relatives des fichiers CSS. En gros, je créais dans le dossier assets/css/ un lien vers le fichier compressé, ainsi les url étaient prises en compte depuis le dossier assets/css/ et non depuis le dossier de cache. Mais faire des liens en PHP, c'est pas beau, et surtout ça ne marche que très peu sur les serveurs ! A côté de ça, j'avais aussi quelques problèmes au niveau de la manipulation des adresses des fichiers. 

Ce matin, j'ai eu une illumination en repensant à ces problèmes, et j'ai donc pu facilement résoudre le premier : il suffisait tout simplement de mettre les fichiers compressés dans un dossier situé au même niveau que le dossier contenant les CSS ! Par exemple, dans un dossier assets/css_cache/ ! J'ai donc fait ça, et j'en ai profité pour corriger les problèmes d'adresses et pour ajouter quelques fonctionnalités. Vous avez désormais trop moyens d'ajouter le <link>, comme décrit sur la page officielle du plugin. De plus, j'ai ajouté deux clés de configuration : 'cache/dir' contient l'adresse du dossier contenant les fichiers cachés (par défaut, assets/css_cache/), et 'force_css_link' qui force l'affichage de la balise <link> complète plutôt que le retour de l'url du fichier compressé. Des exemples d'utilisation sont disponibles sur la documentation de Minifier. 

J'espère que les utilisateurs d'Atomik Framework prendront plaisir à utilliser Minifier, et qu'il leur sera utile pour améliorer les performances de leurs sites ! 

Si vous avez des remarques ou des questions, n'hésitez pas à vous exprimer en commentaire ou en m'envoyant un mail. 

Quelques liens pour finir : 

Bonne journée !

5 comments

Tuesday, 17 November 2009

Programmateur : les tweets de la semaine, du 8 au 14 novembre 2009

By Adrian on Tuesday, 17 November 2009, 08:00

Salut à tous ! 

Bienvenue dans notre rendez-vous hebdomadaire : les tweets de la semaine de @programmateur ! Aujourd'hui, je vous la fait sans image (c'est long de faire tous les screens à la main, et en ce moment j'ai vraiment pas le temps). La forme est encore à bien définir, et j'aimerais d'ailleurs vos avis à ce propos : préférez-vous des liens avec images, comme les deux billets précédents, ou bien une liste (un peu à l'image des bons plans de la semaine d'Amicalement Web) ? Merci de me faire part de vos réponses en commentaires ! :)

Dimanche 8 Novembre 2009

Nice Quickie CSS3 Tricks with Fallbacks #css #css3 (via @smashingmag) - http://bit.ly/Slx0m Le 08/11/2009 à 15:00:00 par @formeolibre

Lundi 9 Novembre 2009

Synthèse du barcamp PHP Toulousain - http://bit.ly/3eCuiG Le 09/11/2009 à 10:00:00 par @methylbro

[en] Du cache en PHP avec Memcache - http://bit.ly/4ftHHI Le 09/11/2009 à 18:00:00 par @adriangaudebert

Mardi 10 Novembre 2009

[en] 3 new and amazing CSS tricks every web designer must know - http://bit.ly/32KA00 Le 10/11/2009 à 10:00:00 par @adriangaudebert

UwAmp : Nouveau serveur Apache MySQL PHP - http://bit.ly/3c7VFP Le 10/11/2009 à 18:00:00 par @methylbro

Mercredi 11 Novembre 2009

[fr] Ruby & Ruby on Rails VS PHP & Symfony - http://bit.ly/4ESl5t Le 11/11/2009 à 10:00:00 par @adriangaudebert

[en] Build a Simple Password Strength Checker - http://bit.ly/2ATkVP Le 11/11/2009 à 18:00:00 par @adriangaudebert

Jeudi 12 Novembre 2009

[fr] Krumo, une amélioration de print_r et var_dump en PHP - http://bit.ly/2zDF9o Le 12/11/2009 à 10:00:00 par @adriangaudebert

[en] 7 Things I Wish I Had Know About jQuery - http://bit.ly/1umXT6 Le 12/11/2009 à 18:00:00 par @adriangaudebert

Vendredi 13 Novembre 2009

[en] 10 Tips for Writing Better CSS - http://bit.ly/3VWIsM Le 13/11/2009 à 10:00:00 par @adriangaudebert

[fr] Une cheat sheet pour jQuery - http://bit.ly/4dy6yh Le 13/11/2009 à 18:00:00 par @adriangaudebert

Samedi 14 Novembre 2009

[en] Optimizing a php application in 5 minutes - http://bit.ly/1W8xq Hier à 15:00 par @adriangaudebert

A suivre... 

Si cette actualité vous a intéressé, n'hésitez pas à suivre @programmateur sur Twitter ! Et si vous estimez qu'une information devrait apparaitre sur @programmateur, proposez-la en utilisant l'interface du site ou en ajoutant #pgmt à votre tweet. 

Passez une bonne journée ! ;)

Friday, 13 November 2009

Quelques blogs de développeurs web

By Adrian on Friday, 13 November 2009, 10:00

Salutations ! 

Amies lectrices, amis lecteurs, si vous lisez ce blog c'est soit que je vous ai spammé sur facebook, soit que vous êtes intéressé(e)s par le développement ou l'informatique en général. Partant de ce constat, et du fait que le web est immense et qu'il est dur de bien s'y retrouver, je vais aujourd'hui vous proposez la lecture de quelques blogs qui seraient susceptibles de vous convenir. 

Note : cette initiative est en réalité une façon déguisée de tenter de gagner un chouette bouquin sur le PHP offert par Méthylbro. Mais faisons comme si c'était tout à fait spontané. 

Arnaud-k, le blog jQuery

J'ai déjà du parler du blog d'Arnaud Koncina dans certains billets citant jQuery, parce que son blog est une référence française en ce qui concerne cet excellent framework javascript. Plugins, tutoriels, optimisations sur jQuery, ainsi que des découvertes en design sont au menu de ce blog. 

Dernièrement, Arnaud a légèrement ralenti son blog, donc c'est l'occasion de lui mettre la pression pour qu'il reprenne les choses en main ! ;D

http://blog.arnaud-k.fr/

Martiusweb, le choupinet du PHP

Martin Richard est un ami et collègue, ex-dijonnais et nouveau lyonnais tout comme moi. Il rédige régulièrement des articles sur PHP dans PHPSolutions, et livre sur son blog son savoir sur le PHP, ainsi que ses récentes aventures en tant qu'auto-entrepreneur.

http://www.martiusweb.net/

Méthylbro, PHP pro

Méthylbro, de son vrai nom Thomas Gasc, est un développeur PHP et intégrateur HTML, qui partage sur son blog ses connaissances en matière de web, mais principalement de développement en PHP. Au hasard, vous pourrez lire des conseils pour écrire du code propre et optimisé, des revues de nouveautés liées à PHP, ou des concours pour gagner des super livres à 50 € ! :)

http://methylbro.titaxium.org/

RKueny, du web, et... du web ! 

Raphaël Kueny, développeur web, parle sur son blog de pas mal de choses diverses mais intéressantes, allant du web en général aux jeux en ligne. Récemment, on a pu lire des études sur l'importance d'un footer ou d'une page d'accueil bien construite, quelques astuces pour jeux en ligne, ou encore une réflexion sur cet intriguant outil qu'est Twitter... 

http://rkueny.fr/

Bonus Track : Jordane Vaspard, nouveau venu

Allez, un p'tit nouveau sur le circuit pour conclure cette liste : Jordane Vaspard, lui aussi ami et ancien camarade de classe, a récemment lancé son site, sur lequel on trouvera principalement des labs contenant pas mal de sources intéressantes, mais aussi un blog pour le moins... vide ! Il va donc falloir pousser notre ami Jordane à devenir un vrai blogueur en faisant exploser ses compteurs de visites ! ;)

http://jordane.vaspard.fr/

Concluons... 

Courrez lire ces quelques blogs, vous ne le regretterez certainement pas, le contenu y est de qualité et l'accueil sera bon (précisez bien que vous venez de ma part ! ;p ). 

Je précise par ailleurs que j'ai choisi ces cinq personnes parce que je me sens proche d'eux (Martin et Jordane, je les connais personnellement, mais tous les cinq sont développeurs web, jeunes, beaux et intelligents, tout comme moi). Ce sont aussi des gens qui m'ont bien aidé à lancer Programmateur, en participant régulièrement. Une manière de les remercier, donc ! 

Un jour je ferai une liste de tous les blogs orientés développement que je suis, mais il y en a bien plus que cinq... :)

Bonne lecture ! 

one comment

Tuesday, 10 November 2009

Programmateur : les tweets de la semaine, du 25 octobre au 7 novembre 2009

By Adrian on Tuesday, 10 November 2009, 10:00

Salut à tous ! 

Un peu en retard cette semaine, voici le deuxième billet récapitulatif de l'actualité publiée sur @programmateur, le compte Twitter participatif sur le thème de la programmation. Chaque jour, des liens intéressants sont proposés par des utilisateurs de Twitter, soit en utilisant l'interface du site, soit en ajoutant le hashtag #pgmt aux tweets. Et chaque jour, je modère et publie les liens les plus pertinents, afin que vous les découvriez. 

Aujourd'hui, je vous livre les tweets des deux dernières semaines, j'ai raté le coche le weekend dernier pour cause de travail. Et puis aussi parce qu'il faut croire que je suis pas fait pour la régularité... Bref, du coup vous avez une double portion ! Profitez-en ! :D

Dimanche 25 Octobre 2009

[en] 10 ressources jQuery pour améliorer vos sites - http://bit.ly/2CmTVx Le 25/10/2009 à 15:00:00 par @adriangaudebert

Lundi 26 Octobre 2009

[fr] Floom, un slideshow Mootools de toute beauté - http://bit.ly/11l6eE Le 26/10/2009 à 10:00:00 par @adriangaudebert

Galerie DHTML - http://bit.ly/1gVCQT Le 26/10/2009 à 18:00:00 par @jordanevaspard

Mardi 27 Octobre 2009

Étude de cas PHP & MySQL : Connaître le nombre d’occurrences dans une table - http://bit.ly/1NeUnN Le 27/10/2009 à 10:00:00 par @methylbro

[en] Un site web de A à Z - http://bit.ly/4aHFc5 Le 27/10/2009 à 18:00:00 par @jordanevaspard

Mercredi 28 Octobre 2009

Nouvelle ressource pour développeurs (english only comme tout ce qui est de bon niveau) http://tekpub.com/  Le 28/10/2009 à 10:00:00 par @labilbe

[fr] HTML5 et le futur du Web, par Tim Wright - http://bit.ly/qTuBK Le 28/10/2009 à 18:00:00 par @adriangaudebert

Jeudi 29 Octobre  2009

[en] Autoload your PHP classes - http://bit.ly/3eKOdN Le 29/10/2009 à 10:00:00 par @adriangaudebert

Vérification d’adresse email en PHP - http://bit.ly/1o3G47 Le 29/10/2009 à 18:00:00 par @devzonefr

Vendredi 30 Octobre 2009

Tutoriel intéressant pour #debutant #php - http://bit.ly/4xf8Gg Le 30/10/2009 à 10:00:00 par @rkueny

[en] Menu, layouts et boxes uniquement en CSS. - http://bit.ly/3DTMRU Le 30/10/2009 à 18:00:00 par @jordanevaspard

Samedi 31 Octobre 2009

[fr] Mozilla Raindrop, it's raining mails ! - http://bit.ly/1Uz0Sr Le 31/10/2009 à 15:00:00 par @adriangaudebert

Dimanche 1 Novembre 2009

[fr] UserCake, espace membre Open Source en PHP - http://bit.ly/3YZDC1 Le 01/11/2009 à 15:00:00 par @adriangaudebert

Lundi 2 Novembre 2009

[fr] Chargement automatique de classes avancé avec PHP 5 - http://bit.ly/J8dVB Le 02/11/2009 à 10:00:00 par @adriangaudebert

[fr] Javascript, retour sur le serveur - http://bit.ly/2Fqoy6 Le 02/11/2009 à 18:00:00 par @adriangaudebert

Mardi 3 Novembre 2009

[en] Initiation à Git - http://bit.ly/Tv6QA Le 03/11/2009 à 10:00:00 par @adriangaudebert

[fr] Quel langage pour bidouiller le web ? - http://bit.ly/1k0fi2 Le 03/11/2009 à 18:00:00 par @adriangaudebert

Mercredi 4 Novembre 2009

Une base de données de fonctions php http://phpfonctions.fr/ Le 04/11/2009 à 10:00:00 par @shackdown

Concours : Gagnez le livre PHP5 Avancé ! - http://bit.ly/3OwlyJ Le 04/11/2009 à 18:00:00 par @methylbro

Jeudi 5 Novembre 2009

Plugin jQuery : QueryLoader, précharger vos pages web - http://bit.ly/J332w Le 05/11/2009 à 10:00:00 par @devzonefr

Cheat Sheets des principaux protocoles :) http://bit.ly/79aSa  Le 05/11/2009 à 18:00:00 par @martiusweb

Vendredi 6 Novembre 2009

[en] Usability tips for visualizing Ajax requests - http://bit.ly/42IH6v Le 06/11/2009 à 10:00:00 par @adriangaudebert

[en] Migrer de MySQL vers CouchDB - http://bit.ly/3AM2Ta Le 06/11/2009 à 18:00:00 par @adriangaudebert

Samedi 7 Novembre 2009

[en] jQuery and General Javascript Tips to Improve Your Code - http://bit.ly/12OZso Hier à 15:00 par @adriangaudebert

A suivre... 

Si cette actualité vous a intéressé, n'hésitez pas à suivre @programmateur sur Twitter ! Et si vous estimez qu'une information devrait apparaitre sur @programmateur, proposez-la en utilisant l'interface du site ou en ajoutant #pgmt à votre tweet. 

Bonne journée à tous !

Monday, 2 November 2009

Développeurs Web, mettez des liens vers vos flux RSS !

By Adrian on Monday, 2 November 2009, 10:00

Hello ! 

Aujourd'hui, petit coup de gueule, parce que je suis pas content... Tout à commencé quand, constatant la lenteur de Firefox par rapport à Google Chrome, je décidais de glisser vers la version libre de ce dernier, Chromium. (Note : d'ailleurs, Chromium est un très bon navigateur, qui plante beaucoup moins que Firefox... Mais ceci est une autre histoire ! )


Or, il se trouve que Firefox dispose d'une fonction très pratique qui permet de voir d'un simple clic à côté d'une adresse, tous les flux RSS détectés sur le site en question. Je suppose que vous voyez tous à peu près de quoi je veux parler. Bien. Eh bien cette fonctionnalité, très pratique au demeurant, n'existe pas dans Chromium. Or, j'ai l'impression que, la majorité des développeurs Web utilisant Firefox, ils oublient que les liens vers leurs flux RSS ne sont pas accessibles depuis les autres navigateurs. 

Et ceci est un réel problème ! J'enrage assez souvent, quand je tombe sur un blog intéressant auquel je veux m'abonner, de devoir lancer mon firefox uniquement pour récupérer le lien d'un flux RSS... Dernier exemple en date, je trouve, suite à une recherche Google, un site d'un développeur Web, marcarea.com. Ca m'a l'air intéressant, je connaissais pas, donc j'essaye de m'abonner. Et là, c'est le drame : pas de lien vers les flux RSS ! Nulle part, ni dans le header, ni même au fin fond du footer, ni sur la page d'accueil... 

Comme ce n'est pas la première fois que ça m'arrive, je m'énerve, je le tweet, et je rédige ce billet. Je suis un ouf. 

En plus d'être énervant, l'absence de ces liens n'encourage pas les gens à s'abonner, ne leur montre même pas que les flux RSS existent (oui il y a encore des gens qui surfent et qui ignorent ce que c'est), et donc au final réduit le nombre de lecteurs potentiels de votre blog / site / whatever. Fidéliser ses lecteurs, c'est important. 

Donc, amis développeurs Web, pensez s'il vous plait à mettre des liens vers vos flux RSS ! 

Have a nice day !

Notes : J'ai tout de même fini par lancer firefox pour m'abonner au blog de marcarea. D'ailleurs, Marc, si tu passes par ici, ne vois nulle offense dans ce billet. Je l'écris un peu à chaud, et j'espère ne pas être agressif. Si tel est le cas, sache que ce n'est pas mon but ! ;)

4 comments

Sunday, 25 October 2009

Programmateur : les tweets de la semaine, du 18 au 24 octobre 2009

By Adrian on Sunday, 25 October 2009, 14:00

Bonjour à tous ! 

Voici le premier billet récapitulatif de l'actualité publiée sur @programmateur, le compte Twitter participatif sur le thème de la programmation. Chaque jour, des liens intéressants sont proposés par des utilisateurs de Twitter, soit en utilisant l'interface du site, soit en ajoutant le hashtag #pgmt aux tweets. Et chaque jour, je modère et publie les liens les plus pertinents, afin que vous les découvriez. 

Si vous n'avez pas de compte Twitter, que vous ne suivez pas (encore ^^) @programmateur ou que vous en avez raté des bouts, voici une piqure de rappel ! 

Dimanche 18 octobre 2009

[en] Top 20 Ways for Web Developers to Reduce Their Carbon Footprint - http://bit.ly/2AkVy1 Le 18/10/2009 à 14:00:00 par @adriangaudebert

Lundi 19 octobre 2009

[fr] Spree, solution e-commerce open source pour Ruby on Rails - http://bit.ly/1mu2rG Le 19/10/2009 à 10:00:00 par @adriangaudebert

Astuce #css pour afficher des icônes en fonction de vos liens - http://bit.ly/M15FO Le 19/10/2009 à 15:00:00 par @adriangaudebert

[fr] Ajax Queue avec jQuery - http://bit.ly/2pM57Z Le 19/10/2009 à 18:00:00 par @AnthorNet

Mardi 20 octobre 2009

PHP 5.3 : Résolution statique à la volée - Late Static Bindings - http://bit.ly/ljnON Le 20/10/2009 à 10:00:00 par @methylbro

[en] Creating a Crypter Class with PHP - http://bit.ly/BZ3Xv Le 20/10/2009 à 18:00:00 par @adriangaudebert

Mercredi 21 octobre 2009

[en] Browser support for HTML5 and CSS3 - http://bit.ly/2Xgnjj Le 21/10/2009 à 10:00:00 par @adriangaudebert

Drag to Share with jQuery UI - http://bit.ly/3IZjJv Le 21/10/2009 à 18:00:00 par @adriangaudebert

Jeudi 22 octobre 2009

Étude de cas : Stocker une date dans le système de fichiers en PHP - http://bit.ly/1uE0D1 Le 22/10/2009 à 10:00:00 par @methylbro

[en] Quelques bouts de code PHP utiles - http://bit.ly/2GyTID Le 22/10/2009 à 18:00:00 par @adriangaudebert

Vendredi 23 octobre 2009

[en] Avez-vous testé Rebol 3 ? - http://bit.ly/6PL4R Le 23/10/2009 à 10:00:00 par @iPoulet

[en] 8 façons d'afficher vos listes en #HTML et #CSS (avec des morceaux de #CSS3 dedans) - http://bit.ly/3TI46y Le 23/10/2009 à 18:00:00 par @adriangaudebert

Samedi 24 octobre 2009

[en] 5 règles pour écrire du CSS plus propre - http://bit.ly/SdFvd Le 24/10/2009 à 15:00 par @adriangaudebert

A suivre... 

Si cette actualité vous a intéressé, n'hésitez pas à suivre @programmateur sur Twitter ! Et si vous estimez qu'une information devrait apparaitre sur @programmateur, proposez-la en utilisant l'interface du site ou en ajoutant #pgmt à votre tweet. 

Bonne fin de weekend !

Saturday, 17 October 2009

[CSS] Astuce : ajouter des icônes à certains de vos liens

By Adrian on Saturday, 17 October 2009, 16:30

Salut la compagnie !

Aujourd'hui, une petite astuce CSS pour ajouter des icônes en fonction de vos liens. Par exemple, comme sur Wikipedia , on afficherait une icône comme celle-ci sur un lien externe. Mais on peut aussi mettre des icônes particulières en fonction du type du document lié. Par exemple, j'ai un lien qui pointe vers un document .pdf, et je veux le signaler à mes lecteurs,  comme ceci.

Le code CSS3 suivant vous permet d'arriver très simplement à vos fins :

a[href$=".pdf"]:before {
    content: url('images/doc_pdf.png');
    padding-right: 4px;
}

Le sélecteur CSS [href$=".pdf"] signifie que l'attribut "href" se termine par ".pdf".

Pour un ajout d'une icône sur tous vos liens externes, on suppose que ces liens commencent toujours par http://, on utilise donc le CSS suivant :

a[href^="http://"]:after {
    content: url('images/external.gif');
    padding-left: 4px;
}

Dans ce cas, on demande tous les liens dont l'attribut href commence par la chaine "http://".

Attention, ceci ne marche qu'avec CSS3, donc avec un navigateur récent (Firefox 3.5, Chromium, IE7+, et je suppose les dernières versions de Safari et Opera).

J'en profite pour faire un petit récap' des sélecteurs disponibles en CSS2 et 3. Avec la version 2, vous ne pouvez utiliser que =, ~= et |=. Avec CSS3, vous pouvez aller plus loin avec ^=, $= et *=. Je vous invite à lire les docs qui sont on ne peut plus claires sur l'utilisation de ces sélecteurs :

Pour aller plus loin...

Si vous souhaitez faire en sorte que votre code soit universellement fonctionnel (donc aussi sur IE6), le plus simple reste d'ajouter une classe à vos liens, par exemple external pour les liens externes, docpdf pour les documents pdf, etc. Mais c'est long et fastidieux, il faut reprendre tous vos liens, un travail que tout bon informaticien se refuse normalement de faire ! ;)

Et pour finir, l'article de Romy qui m'a inspiré : Signaler les liens externes par un picto. 

Note : J'utilise des icônes issues du pack par ted24.

4 comments

Monday, 5 October 2009

Minifier, plugin pour Atomik Framework qui compresse vos fichiers CSS

By Adrian on Monday, 5 October 2009, 08:00

Hello ! 

Aujourd'hui je vous présente mon premier plugin pour le framework PHP Atomik Framework : Minifier. Ce plugin permet de réduire et de compresser en un seul fichier mis en cache tous les fichiers CSS nécessaire à une page. 

Je vous laisse lire la page du plugin pour plus d'informations. Si vous avez des questions, posez-les ici ou sur le forum d'Atomik ! ;)

Pour la petite histoire, tout à commencé par un billet chez La Ferme du Web, qui relayait un billet de lateralcode, présentant un script simple de compression de fichiers CSS. Le but était tout simplement de ne pas avoir à compresser ses fichiers à chaque fois qu'on les envoie sur son serveur. Et puis du coup, comme beaucoup de commentaires en parlaient, j'ai repris ce script et je l'ai amélioré pour qu'il compresse plusieurs fichiers d'un coup, et qu'il les mette en cache. Et puis histoire que ça me serve encore plus et encore plus facilement, j'en ai fait un plugin pour Atomik, framework que j'apprécie et que j'utilise beaucoup !

Liens : 

Enjoy ! 

2 comments

- page 5 of 6 -