Le petit journal du web — Juin 2013 #2

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

Le petit journal du web — Juin 2013 #2

L’actualité est suffisamment chargée pour ce mois de juin pour justifier ce deuxième petit journal du web. Au menu, je vous propose : des effets CSS3, un générateur d’ombres portées, des boutons pour des Call to action efficaces, le point sur la santé de vos CSS, un pure framework HTML & CSS proposé par Yahoo! (profitez-en pour consulter Choisir un framework CSS qui présente plus de 50 solutions), un compte Twitter pour assurer une veille sur l’accessibilité web, et un guide complet pour utiliser Excel dans un contexte de référencement pour améliorer la gestion de votre SEO. Au total, ce sont huit liens qui se battront pour attirer votre attention.

  1. Animate.css — Plus  de 50 effets pour attirer l’attention de l’utilisateur grâce à cet ensemble d’animations CSS3 à emporter dans vos projets. Possibilité de personnaliser le package pour alléger le fichier CSS (plus de 3 000 lignes avec tous les effets). Disponible sur GitHub. Via @dizzda.
  2. Caption Hover Effects — Mur d’éléments avec un effet hover pour afficher une légende (titre, auteur et lien) sur chaque item.  Pas moins de 7 effets disponibles pour des « hover » de légende ! Nécessite le support des effets CSS3. Démo.
  3. CSS3 Drop Shadows Generator – Générateur d’ombres portées et de bords arrondis. Nombreux choix de formes générales et réglages précis de l’ombre et de la boite sous-jacente générée via le pseudo-élément :before.
  4. Buttons — Cette librairie propose pas moins de huit types de boutons sous forme de classes CSS (Sass, Compass, mais aussi CSS « narmol ») pour agrémenter vos Call To Action. Via Megaptery.
  5. Qualité CSS — Votre CSS est malade ? Comment le savoir ? Suivez ces quelques indications pour savoir si vos déclarations CSS sont de bon aloi.
  6. Pure CSS — Une alternative à Bootstrap proposé par Yahoo! ça mérite un coup d’oeil : base, grids, forms, buttons, tables, menus, etc. et pas mal de goodies au menu.
  7. @moba11y – Ce compte Twitter animé par @RomainGervois et @OlivierNourry de @Qelios fournit des astuces et des informations sur l’accessibilité mobile. Profitons-en pour suivre les bookmarks du compte Diigo sur l’accessibilité.
  8. Excel for SEO  – Guide complet sur Excel dans un contexte de référencement pour faire du sens avec des montagnes de données. Voir aussi Liste des formules Excel indispensables pour le référenceur.
  9. RÖCSSTI — (prononcez Rochti) la base CSS de Nicolas Hoffmann qui offre les fonctionnalités suivantes : reset, font + structure Hx, classes utilitaires, liens + icônes, layout et modules, structure, formulaires, contenu, breakpoints, print, fix viewport et fix IE. (Voir le projet sur GitHub pour les versions LESS et Sass).

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



11 commentaires pour “Le petit journal du web — Juin 2013 #2”

  1. Nico dit :

    Yop,

    oséré-je signaler pour ta liste mon petit framework CSS maison RÖCSSTI qui a bien progressé depuis son lancement ?

    Y a les versions LESS et Sass sur Github si jamais ;)

  2. Bruno Bichet dit :

    Salut Nico, hop, c’est réparé :-)

  3. Blog Jalis dit :

    Sympa, merci pour ces liens !

  4. Bonjour, merci pour ces liens utiles. J’en ai bien besoin, notamment Excel for SEO que j’utilise beaucoup!

  5. présente vous dit :

    guide complet pour utiliser Excel dans un contexte nike blazer femme de référencement pour améliorer la gestion de votre

  6. Wyatt Meunier dit :

    J’ai trouvé trés intéressant malgré le prix rébarbatif. J’ai surtout apprécié les tutos bien qu’ils soient en anglais.Baskets Homme, et les articles un peu confus.

  7. Lire Manifeste pour un interlignage minimum syndical pour les blogs ,Nike TN Homme, un très bon rappel sans aucun doute.

  8. un générateur dit :

    I have a real thing for summer. In particular, the temperatures sac Longchamp pilage experienced here during the summer months

  9. andre dit :

    J’en ai bien besoin, notamment Excel for SEO que j’utilise beaucoup! http://www.andre-santini.fr un très bon rappel sans aucun doute.

  10. qui a bien progressé depuis son lancement ? http://www.citedessciences.fr experienced here during the summer months

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site