Tag: CSS

Développement Web: les bons plans de la semaine #13

php-bench Ça commence à sentir (bon?) la rentrée! Les bons liens se multiplient et je commence même à devoir faire du tri. Je pourrais faire des gros listings et les classer par catégorie mais finalement, on sait tous que vous lirez pas tout. Donc autant que je fasse moi même le tri. De toute façon, je fais bien ce que je veux!

Lire la suite

Développement Web: les bons plans de la semaine #12

bon-plans-12 Le nouveau thème maintenant en place, on va reprendre tranquillement le rythme de publication avec la sélection de la semaine. En manque de nouveautés, j’ai ressorti des vieux dossiers de mes cartons mais que je n’avais jamais eu l’occasion de poster sur amicalement-web (il n’existait pas!).
Mais que ca ne vous empêche pas de faire des retours sur le nouveau thème hein, il reste d’actualité de l’améliorer encore pour le confort de tous ;)

Lire la suite

Amicalement-web fait peau neuve

nouveau-theme
Oui je sais, c’est avec quelques jours de retard qu’il arrive. Mais je voulais pas bacler la chose. Déjà que j’ai du remettre à plus tard quelques fonctionnalités. Alors amis lecteurs rss, c’est le moment de venir jeter un oeil!

Lire la suite

Développement Web: Les bons plans de la semaine #10

applications-system Nouvelle semaine qui commence vraiment à sentir les vacances, vu la difficulté que j’ai eu à glaner de bons liens à cliquer la semaine passée. A croire que les gens partent en vacances majoritairement en août…
Bref, j’ai quand même réussi à trouver des choses que je pense intéressantes. Mais en rédigeant la liste, il m’est venu une interrogation:

Lire la suite

Développement web: Les bons plans de la semaine #6

system-software-update Une nouvelle semaine qui prend fin, mais qui aura été assez pauvre en technique car chargée en boulot. On essaiera de faire mieux la prochaine fois.

Pour l’heure, voici les bons liens de la semaine avec comme d’habitude, beaucoup de ressources anglophones. J’en profite au passage pour signaler que pour ceux qui ne sont pas à l’aise avec la langue de Shakespear, que je suis ouvert à toute propositions d’adaptations de ressources anglophones en français, du moment que ca traite d’un sujet sur le développement web au moins.

Allez, c’est parti, à vos souris:

  • Support Symfony dans NetBeans
    NetBeans, le principal concurrent de Eclipse dans le monde des IDE libre a annoncé que sa prochaine version aurait le support natif de Symfony (le choix de symfony ayant été voté par la communauté). C’est beau! A quand, la même chose pour Eclipse?
  • Open Web Tools Directory
    Voila ce qu’on peut faire avec canvas et du javascript. Le flash n’a qu’a bien se tenir.
  • Hébergement de projets open source (via spawnrider)
    Ca y est, le géant du développement en France, se lance dans un projet à la sourceforge pour les projets open sources et francophones. Belle initiative!
  • Slickmap CSS
    Voilà, une petite feuille de style qui permet de donner un style très classe à une liste (<ul>) représentant un sitemap. A voir la démo sur le site.
  • Mieux rentabiliser adsence
    Bon tout le monde est censé connaitre SmashingMagazine maintenant. Mais cet article étant si bien écrit et si instructif que je ne pouvais pas l’éviter.
  • Kit de démarrage de plugin jquery
    Une idée tout bête mais qu’elle est bonne. Vous pouvez depuis cette interface créer le squelette de votre plugin, en 2/3 mouvements.
  • Zoom d’image en JS
    Et oui certains code encore à l’ancienne, en tout cas voici un zoom d’image qui peut trouver plusieurs applications.
  • Parcourir un menu avec son clavier
    Un petit code jquery qui permet de naviguer dans un menu avec les touches haut/bas de votre clavier. Un peu plus intuitif que Tab pour le coup.
  • L’avenir du développement HTML/CSS
    Et oui, bientôt voilà ce qu’il faudra savoir manier pour pondre des sites dernières générations à base de HTML5/CSS3.
  • Le site de la semaine
    Maintenant chaque semaine, je vais essayer de trouver un site entier qui peut s’avérer utile, et le premier gagnant c’est un site qui recense les bonnes et les mauvaise pratiques dans le web développement. Avec un design sympathique, il mérite le détour, tant vous allez y apprendre quelque chose ;)

Développement Web: Les bons plans de la semaine #1

applications-other S’il y a bien une mode sur laquelle pas mal de blogs ont cédé, c’est celle de faire des listes. Il faut dire que la liste, c’est lisible, c’est rapide à survoler, c’est propre, la liste c’est bien! Ya même des sites qui en ont fait leur ligne éditoriale, comme Topito!

Et bien, Amicalement-web va se mettre à suivre la mode! Pourquoi? Et bien, je suis un grand bookmarqueur, mais qui bookmark surtout à son lieu de travail car rarement le temps de lire un article en entier et surtout je bookmark très ciblé sur tout ce qui pourrait me servir dans le monde du développement web.

Alors pour m’obliger à faire du tri et à relire tous ces bookmarks, je vais vous présenter une sélection chaque semaine. Donc après le billet Symfony du mardi, on aura le billet bon plans du vendredi! (ca rime bof pour le coup).

Voici en exclusivité mondiale la première liste estampillée amicalement-web:

Voilà, c’est tout pour cette semaine de mon côté, et vous un lien vous a marqué cette semaine?

IE6, la bataille continue

applications-internet Fini le temps où on cherchait à émuler IE6, la guerre a commencé il y a quelques semaines après son passage sous la barre des 20% d’utilisateurs (et donc derrière Firefox).
Depuis, IE8 est sorti et Microsoft a annoncé que ce dernier serait bientôt proposé en mise à jour automatique, IE6 devrait donc reculer encore et encore progressivement

Mais en attendant, des intégristes veulent accélérer les choses!

Lire la suite

Prenez le contrôle de votre CSS

applications-system Votre projet est en plein sprint, les releases de corrections s’enchainent et vous devez soumettre le résultat à chaque fois à votre client. Et pourtant il y a un mécanisme des navigateurs qu’on adore en tant qu’utilisateur mais qui gène parfois en tant que développeur, la mise en cache des CSS.

Quoi de plus frustrant d’avoir en premier retour de votre client Euh, pourquoi l’image est au milieu de l’écran? alors que vous venez de passer les dernières heures à la mettre au bon endroit en retouchant votre CSS. Bien sûr vous lancez rapidement le cri de guerre adéquat F5! et la magie opère enfin.

Mais ne serait-il pas plus plaisant que d’obtenir dès le premier clic, le bon résultat?
Il y a pour cela une astuce, que bon nombre connaisse, mais qui dans un contexte de développement professionnel, est souvent lourde à mettre en place: changer le nom de votre CSS pour forcer le navigateur à la recharger et ainsi laisser apparaitre vos modifications du premier coup.

Lire la suite

Que fait la police sous Linux

applications-systemUn des principaux manques actuels du CSS 2, c’est bien la gestion de la police.

Il n’est pas encore possible d’imposer une police à l’internaute[1] mais seulement de lui en suggérer un certain nombre que le navigateur parsera dans l’ordre donné jusqu’à en trouver une que le système d’exploitation possède. Mais avec la montée en puissance, lente mais régulière des systèmes autre que Windows, il peut devenir un vrai casse-tête de trouver une police un peu évoluée que chacun pourra afficher.

En fait le problème se pose surtout pour les linuxiens, et même le paquet msttcorefonts ne résous pas ce problème entièrement, en plus d’obliger les partisans du pingouin à installer un paquet supplémentaire.

Mais le web regorge de bonnes volontés, et je suis tombé sur un billet en anglais qui tente de trouver des équivalents à ce cher Arial, Helvetica, Lucida sous linux en natif.

Au final, j’ai opté personnellement pour le couple Lucida Sans/Mukti Narrow pour le texte et Helvetica/FreeSans pour les titres. Après quelques tests, le résultat est tout à fait acceptable sur mon Ubuntu et permet de garder un peu plus le contrôle sur la charte graphique désirée.

  1. C’est tout de même en projet sérieusement dans CSS3 []
PHVsPjxsaT48c3Ryb25nPndvb19hZHNfcm90YXRlPC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX2ltYWdlXzE8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb20vYWRzL3dvb3RoZW1lcy0xMjV4MTI1LTEuZ2lmPC9saT48bGk+PHN0cm9uZz53b29fYWRfaW1hZ2VfMjwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbS9hZHMvd29vdGhlbWVzLTEyNXgxMjUtMi5naWY8L2xpPjxsaT48c3Ryb25nPndvb19hZF9pbWFnZV8zPC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tL2Fkcy93b290aGVtZXMtMTI1eDEyNS0zLmdpZjwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX2ltYWdlXzQ8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb20vYWRzL3dvb3RoZW1lcy0xMjV4MTI1LTQuZ2lmPC9saT48bGk+PHN0cm9uZz53b29fYWRfdXJsXzE8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb208L2xpPjxsaT48c3Ryb25nPndvb19hZF91cmxfMjwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbTwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX3VybF8zPC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tPC9saT48bGk+PHN0cm9uZz53b29fYWRfdXJsXzQ8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb208L2xpPjxsaT48c3Ryb25nPndvb19hbHRfc3R5bGVzaGVldDwvc3Ryb25nPiAtIGN1c3RvbS5jc3M8L2xpPjxsaT48c3Ryb25nPndvb19hdXRvX2ltZzwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY29udGVudF9hcmNoaXZlczwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fY29udGVudF9ob21lPC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19jdXN0b21fZmF2aWNvbjwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2ZlZWRidXJuZXJfdXJsPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fZ29vZ2xlX2FuYWx5dGljczwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2xvZ288L3N0cm9uZz4gLSBodHRwOi8vd3d3LmFtaWNhbGVtZW50LXdlYi5uZXQvd3AtY29udGVudC93b29fdXBsb2Fkcy8zLWxvZ28ucG5nPC9saT48bGk+PHN0cm9uZz53b29fbWFudWFsPC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tLzwvbGk+PGxpPjxzdHJvbmc+d29vX25hdl9leGNsdWRlPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fcmVzaXplPC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX3Nob3J0bmFtZTwvc3Ryb25nPiAtIHdvbzwvbGk+PGxpPjxzdHJvbmc+d29vX3RoZW1lbmFtZTwvc3Ryb25nPiAtIFR5cGViYXNlZDwvbGk+PGxpPjxzdHJvbmc+d29vX3RodW1iX2hlaWdodDwvc3Ryb25nPiAtIDEwMDwvbGk+PGxpPjxzdHJvbmc+d29vX3RodW1iX3dpZHRoPC9zdHJvbmc+IC0gMTAwPC9saT48bGk+PHN0cm9uZz53b29fdXBsb2Fkczwvc3Ryb25nPiAtIGh0dHA6Ly93d3cuYW1pY2FsZW1lbnQtd2ViLm5ldC93cC1jb250ZW50L3dvb191cGxvYWRzLzMtbG9nby5wbmc8L2xpPjwvdWw+