Journal Lille : atelier d'initiation aux technologies du web

Posté par  (site web personnel) . Licence CC By‑SA.
4
6
juin
2012

La Coopérative des Tilleuls vous invite à son second atelier gratuit autour des technologies HTML5 / CSS3 / Javascript.

Au menu cette fois-ci une initiation à l'intégration web grâce aux feuilles de style CSS.

Après avoir appris lors du premier atelier à créer et à structurer des pages web grâce à HTML, nous verrons comment les mettre en forme avec les feuilles de style en cascade CSS.

Nous découvrirons ensembles :

  • les fondements du langage CSS (syntaxe, cascade, sélecteurs)
  • quelques (…)

Journal Ô Joie, ô bonheur, ô miracle du W3C !

Posté par  . Licence CC By‑SA.
Étiquettes :
29
23
mai
2012

Cher journal,
Je me dois de prendre la plume le clavier pour te conter ma découverte du jour, celle qui illuminera à coup sûr cette journée déjà fort ensoleillée (et par ici, c'est pas si courant que ça…) : les Flex Box de CSS3 !
"Kézako les Flex Box ?" te dis-tu sans doute (oui oui, tu te le dis !), et bien c'est tout simplement LA propriété CSS qui va faire que tu arrêteras de t'arracher les cheveux, que ta (…)

Forum général.cherche-logiciel Dessin vectoriel avec styles

Posté par  (site web personnel) .
0
29
fév.
2012

Bonjour,

Sauriez-vous ce qui se fait comme logiciel de dessin vectoriel libre prenant en charge des styles ? Par styles, j'entends des styles logiques, comme dans les documents bureautique ou avec CSS.

Il y a évidemment LibreOffice Draw, mais y en a-t-il d'autres ?

Appel pour le web ouvert !

Posté par  (site web personnel) . Édité par baud123, Nils Ratusznik et B16F4RV4RD1N. Modéré par NeoX. Licence CC By‑SA.
Étiquettes :
58
9
fév.
2012
Internet

IE6 est mort. Bon débarras. Malheureusement, il y a webkit pour lui succéder. Non pas que webkit soit mauvais, bien au contraire il est très bon, en plus il est libre...

Mais la pratique consistant à faire des tests de User Agent est encore, hélas, très répandue. Il faut cesser cela. Ajoutez à cela l'utilisation massive des sélecteurs CSS préfixés par -webkit-*, comme les préfixes -moz-*, -o-* et -ms-*. Cela n'est pas prêt de disparaître. C'est même sur le point de se généraliser. Ceux-ci sont pourtant bel et bien documentés comme à destination de tests. Cela est bien évidemment à proscrire.

Le problème se pose massivement sur les navigateurs mobiles, où webkit domine très largement, car il est le navigateur par défaut des appareils iOS et Android. Daniel Glazman, co-chairman du CSS Working Group, a donc lancé un appel, avec l'appui du CSS Working Group.

Développeurs web de tous pays, unissez-vous : ne reproduisez pas les erreurs du passé !

Journal Modifications de Nightgrey

Posté par  . Licence CC By‑SA.
Étiquettes :
6
30
déc.
2011

Cher utilisateurs de nightgrey (je ne parle pas d'un logiciel obscur mais de la CSS pour LinuxFr),

Je suis passé à un thème sombre pour mon bureau, j'ai donc voulu faire de même sur ce site, j'ai essayé la CSS nightgrey et j'ai vu qu'il y avait quelques bugs, j'ai sorti Firebug pour tester, je me suis pris au jeu et j'ai carrément commencé à corriger ces bugs (alors que je n'ai quasiment jamais fait de CSS avant).

Tout ça (…)

Journal Des nouvelles de Cream-Browser

Posté par  (site web personnel) .
18
24
sept.
2011

Je vous avez déjà parlé de Cream-Browser dans ce journal.

Après 5 long mois je pense qu'il est temps de rédiger un nouvel article pour ceux ayant la flemme de suivre le blog, le flux RSS, la mailing list ou carrément le commit log sur github.

J'avais dans mon dernier article présenté deux caractéristiques de Cream-Browser :

  • support de GTK+-2.0 et GTK+-3.0
  • les GModule
  • la configuration en lua

Quelques petites choses ont changés depuis.

Suppression du support

(…)

Forum Programmation.web Intrégrer les css au code HTML

Posté par  .
Étiquettes :
0
14
juil.
2011

Bonjour,

La prise en charge des feuilles de style par les lecteurs de mail n'est pas terrible et il arrive souvent qu'elles passent à la trappe tout simplement. J'ai pensé à écrire une routine qui recopie le code css directement dans les attributs style des balises HTML. C'est loin d'être trivial et je ne sais pas si cela en vaut la peine.

À votre avis, est-ce une bonne idée ? Connaissez-vous des logiciels libres qui font cela ?

Journal CSS Media Types, smartphones et prises de têtes

Posté par  (site web personnel) .
Étiquettes :
16
6
juin
2011

DLFPiennes, DLFPiens,

Dans le but d'améliorer le moulage depuis un smartphone, j'ai jeté un oeil au "CSS Media Types" permettant à ce que des styles ne soient appliqués qu'à des médias ciblés.

Les médias CSS sont apparus avec CSS2 pour pouvoir distinguer le média sur lequel allait s'afficher le document web : http://www.w3.org/TR/CSS2/media.html#media-types Les plus utilisés sont "all" (Tous les médias), "screen" (Ordinateur classique), "print" (Impression / Aperçu avant impression), "handheld" (Mobile) et "projection" (Mode présentation d'Opéra).

Pour les utiliser, (…)

Ça continue d'avancer LinuxFr.org en Rails

Posté par  (site web personnel) . Édité par Benoît Sibaud. Modéré par tuiu pol. Licence CC By‑SA.
77
4
avr.
2011
LinuxFr.org

Quand je ne suis pas occupé à faire des poissons d'avril, il m'arrive de coder de nouvelles fonctionnalités pour LinuxFr.org. Voici quelques-unes des dernières nouveautés :

  • Les utilisateurs anonymes peuvent maintenant remonter des bugs dans le suivi, ce qui peut être pratique pour les personnes qui rencontrent justement des problèmes pour se connecter ;
  • Une nouvelle CSS a été ajoutée à la liste des CSS alternatives : cascade-alternative ;
  • Un correcteur orthographique détecte maintenant les erreurs d'orthographe et les souligne en rouge lors de la prévisualisation des contenus et commentaires ;
  • La toolbar permet maintenant de naviguer entre les contenus lus avec de nouveaux commentaires avec les touches [ et ], ou h et l ;
  • La gestion des tags a été revue et il est maintenant possible de supprimer un de vos tags en cliquant sur l'icône Supprimer de vos tags à sa gauche ou voter pour un tag en l'ajoutant aux vôtres par l'icône Ajouter à vos tags qui permettra ultérieurement de juger de sa popularité ;
  • L'anti-spam sur les dépêches a été renforcé suite à une vague de spams ;
  • Des statistiques sur le suivi sont maintenant disponibles et celles pour les autres types de contenus devraient suivre ;
  • Les dépêches écrites dans l'espace de rédaction sont automatiquement placées sous licence CC by-sa ;
  • Les GIF animés sont désormais bloqués pour les avatars ;
  • Et bien sûr de nombreuses corrections de bugs :p

J'espère que vous appréciez ces évolutions et que vous allez continuer à voter et/ou commenter les entrées du suivi qui vous intéressent, votre ressenti ou utilisation particulière de LinuxFr - lorsque précisé dans les commentaires - permettant d'orienter les développements.

Nouvelle version de LinuxFr.org, un mois après

Posté par  (site web personnel) . Modéré par Lucas Bonnet.
40
22
mar.
2011
LinuxFr.org

La nouvelle version de LinuxFr.org, qui carbure avec Ruby on Rails, tourne depuis maintenant un mois. Pour ma part, j'en suis très satisfait : le serveur tient bien la charge, je la trouve plus agréable à utiliser et je m'amuse bien à développer de nouvelles fonctionnalités.

À ce sujet, nous n'avons pas chômé depuis le lancement, avec plus de 150 entrées corrigées. En particulier, vous avez pu trouver :

  • Les premières dépêches rédigées dans l'espace de rédaction, comme les traductions de la dépêche noyau ou celle annonçant Firefox 4 ;
  • Deux nouvelles feuilles de style alternatives : Grises et Spasibo ;
  • De nouvelles boîtes dans le barre de coté, comme par exemple, le sondage en page d'accueil ;
  • Un certain nombre de préférences, comme les signatures ou le choix des types de contenus à afficher en page d'accueil (pour les utilisateurs authentifiés uniquement) ;
  • L'amélioration du tableau de bord (seulement pour les utilisateurs authentifiés) ;
  • Le tri et les critères de filtrage des entrées du suivi ;
  • Une modération plus fluide ;
  • Et bien sûr de nombreuses corrections de bugs :p

Mais il reste bien entendu encore des choses qui pourraient être améliorées. Je vous encourage à remonter les bugs que vous pourriez rencontrer dans le suivi, ainsi que les propositions d'améliorations. N'hésitez pas non plus à commenter les entrées existantes, ces commentaires me sont très utiles pour mieux comprendre les entrées du suivi et trouver des idées pour y répondre.

Suivi — Feuilles de style (CSS) Grises: problème de saut de ligne sur les puces

#340 Posté par  (site web personnel) . État de l’entrée : corrigée. Assigné à Bruno Michel.
Étiquettes :
4
22
mar.
2011

J'ai un problème assez bizarre sur les dépèches de linuxfr avec la css grises.css.

Ce sera peut être plus visuel avec un screenshot:

Problème de puces (trop gros pour l'afficher ici)

Si c'est pas assez visuel: les puces et le texte associé sont pas alignés, le texte saute une ligne.

Je ne sais pas si c'est dû au fait qu'il y a un <p>...</p> dans le <li>, je ne suis pas un gourou...

Apparemment le problème n'apparaît pas dans les (…)

Journal [CSS] spasibo.css : version petits écrans

Posté par  (site web personnel) . Licence CC By‑SA.
Étiquettes :
17
13
mar.
2011

Dans un journal précédent, j'avais présenté ma feuille de style spasibo.css orientée lecture pour personnaliser LinuxFR.

Je l'ai faite un peu évoluer depuis, corrigeant quelques anomalies par-ci par-là. Maintenant elle me va et ne devrait plus bouger. Les principaux changements sont :

  • Le badge pour nouveaux commentaires s'affiche à côté de la note au niveau du titre du contenu : Titre de l'image
  • La navigation entre nouveaux commentaires laisse s'afficher le titre alors qu'avant il était masqué par la barre de menu.

(…)

Journal Une nouvelle feuille de style orientée lecture

Posté par  (site web personnel) .
Étiquettes :
44
1
mar.
2011

'lut,

Je viens de finir ma nouvelle css pour linuxfr :

Titre de l'image

Ses objectifs : Faciliter la lecture, pour cela j'ai fait une seule colonne et j'ai caché beaucoup d'éléments perturbants, principalement :

  • les tags,
  • les avatars,
  • quelques trucs par-ci par-là

Le menu principal est masqué sur le côté droit, il apparait lorsque la souris survole le bandeau gris qui flotte en haut à droite. J'ai essayé de n'utiliser aucune image. Juste une pour indiquer les entrées qui sont nouvelles (icône (…)

Les résultats du concours LinuxFr.org

Posté par  (site web personnel) . Modéré par Lucas Bonnet.
Étiquettes :
49
15
fév.
2011
LinuxFr.org
Le site LinuxFr.org existe depuis 12 ans et la prochaine version va bientôt arriver. Pour la charte graphique de cette nouvelle version, nous avons fait appel à vous, lecteurs, en organisant un concours. Nous remercions chaleureusement tous les participants pour le travail accompli.

Après une petite période de flottement, l'équipe de modération a fini par se mettre d'accord. Voici donc le classement final du concours :
  1. RonRonnement, dans sa variante gris-bleu, par 2PetitsVerres ;
  2. cascade, par Benoît Monin ;
  3. kaiska-new, par Yggdras ;
  4. nightgrey, par Nicolas Paris ;
  5. greyscale, par Marin Moulinier ;
  6. retro, par Yellowiscool.

Les gagnants vont recevoir les prix suivants : une tablette Android type Archos 101 offerte par Nuxeo, deux bons d'achat de 250 € pour du matériel libre offerts par Hackable Devices, et trois fois un an d'hébergement sur un serveur virtuel fourni par Gandi (1 part × 1 an). Un grand merci à tous nos partenaires pour nous avoir soutenu tout au long de ce concours, ainsi qu'à InDefero pour les forges mises à notre disposition.

La nouvelle feuille de style par défaut va donc être RonRonnement gris-bleu. Vous pouvez l'essayer sur la version bêta, qui devrait devenir dans les prochains jours la toute nouvelle version officielle de LinuxFr.org. Stay tuned!

Journal css2 et theme pour linuxfr.org

Posté par  .
Étiquettes :
0
15
oct.
2002
Je me suis décidé de faire un css un peu plus IE v5.0 (et plus ) compatible, et surtout, de rendre l'interface un peu moins "lourde" . Voici les premiers résultats : avec mozilla: http://mypage.bluewin.ch/2xplop/images/linuxfr_moz.png et http://mypage.bluewin.ch/2xplop/images/linuxfr_moz2.png avec IE v5.0: http://mypage.bluewin.ch/2xplop/images/linuxfr_ie_sux.png et http://mypage.bluewin.ch/2xplop/images/linuxfr_ie_sux2.png -- (p.s. bah oui, j'ai seulement modifié le css)