Reflectiv's blog

Come here to get some fresh air!
About Me

This is the Reflectiv.net blog.
We share our news, thoughts and everything we think could interest you :)

My Other Sites
Twitter
Contributors
Tags
Archive
2012 (2)
2011 (6)
2010 (20)
2009 (30)
2008 (46)
2007 (9)
Filed under

Css

See all posts on posterous with this tag »
 

Do you use CSS reset files ?

Any browser comes with its own implemented method for displaying non-css setted html pages, but they have their own set of styles, sometimes regardless of the W3C recommandation, and so often different between them.

Nowadays, the trends are to use reset css files to make your style identical for any browser, without breaking your head on the wall.

The most commonly used CSS Reset are :

But you, do you use a CSS Reset method or file ? Do you use your own ?

Leave your though, I'll be pleased to discuss with you about that ! :)

Filed under  //  Css   Development   Eric Meyer   Html   Projects   initial   reset   undohtml   yahoo   yui  
Posted by Cyril Nicodème 
 

CSS Modulaire

Voici une petite présentation qui va vous donner quelques conseils en CSS.

Vraiment très intéressant, rapide (les 77 slides passent en 3 minutes), et très instructifs ! :)

Filed under  //  Css   Development   modular   online   ppt   presentation   screecast  
Posted by Cyril Nicodème 
 

[Design] - Todays news (20/10/2008)

Aujourd'hui, plusieurs liens sympas dans divers domaines.

Commençons par 60 Template et Designs gratuit pour vos sites, suivit de près par 25 bon designs qui inspirent, pour finir sur 20 sites web qui vont vous aider à maitriser les interafaces utilisateurs.

Ce dernier point me permet de faire une jolie transition sur une séries de tutoriaux pour débuter en html & css, ainsi que 66 liens pour apprendre les bases du web design.

Je m'orienterai ensuite sur un article expliquant le "MindMapping" à l'aide de la web app MindMeister : Structurer un projet de manière visuelle afin d'avoir la même vue sur le travail, côté client et côté entreprise.

Pour les utilisateurs plus expérimentés, vous trouverez 50 Tutoriels AJAX traitant divers domaine des interfaces utilisateurs ou effet web 2.

Lien connexe : MindMeister

Filed under  //  Css   Design   Html   interface   map   mapping   mindmeister   news   octobre   template   today   user   utilisateur  
Posted by Cyril Nicodème 
 

Affichez vos emails tout en évitant le spam !

Le site techblog.tilllate.com a testé durant plus d'un an différents moyens d'affichage d'email et leur résistance au spam. Il s'est avéré qu'au final, trois méthodes employées se sont avérées plutôt efficaces.

Pour ce faire, 9 différentes méthodes ont été testées :

  • Changement du sens de lecture en Css
  • Affichage altéré (display:none sur des parties n'existant pas dans l'email)
  • Chiffrement ROT-13 (Rotation de 13 lettres dans l'alphabet)
  • Utilisation des ATs et DOTs
  • Génération de l'email avec Javascript
  • Remplacement des @ et . avec les entitées correspondantes
  • Découpage de l'email avec des commentaires html
  • Utilisation de la fonction urlencode
  • Texte pure

Sur ces 9 tests, seulement les trois premiers ont été convainquants à 100%.

Pour vous donner une idée, voici une image résultant du test :

Media_httpblog1reflec_wffgv

Pour information, voici comment mettre au point ces 3 meilleures méthodes :

  1. Changement du sens de lecture Css : 
    <style type="text/css>
span.codedirection { unicode-bidi:bidi-override; direction: rtl; }
</style>
<span class="codedirection">moc.elpmaxe@liamekaf</span>
  2. Affichage altéré (display:none) : 
    <style type="text/css>
p span.displaynone { display:none; }
</style>
fakemailnull@example.com
  3. Chiffrement Rot13 : Vous pouvez trouver un outil de chiffrement Rot-13 ici, ou utiliser la méthode str_rot13 de PHP. 
    <script type="text/javascript">
document.write("

Filed under  //  Css   Development   Javascript   Projects   eviter   obfuscate   proteger   spam  
Posted by Cyril Nicodème