w3schools CSS

Site css classé par propriété et affichage de la liste d'attribut d'une balise et par ordre alphabétique avec des exemples modifiables en ligne.

Le plus intéressant est de pouvoir visualiser rapidement sur quel navigateur, la balise est fonctionnelle, mais également la version du navigateur!

En anglais

http://www.w3schools.com/

cssdebutant

Site intéressant, classé par catégorie + exemple
en français!

http://www.cssdebutant.com/

Afficher les accents comme il faut

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Ce code se place dans la balise . Elle permet de mettre les accents en UTF8.
Cela évite d'avoir des phrases de ce type :

Veuillez nous excuser de la gêne occasionnée...

Tableau mémo : class ou id?

HTML div => bloc	CSS .class	class = réutilisable
	p#idnom #id	id = unique
Span => phrase	.class

Page speed Labs

Connaissez-vous « Page Speed Online », le service (gratuit) de Google lancé hier pour tester les performances des sites webs, et suggérer des améliorations possibles?


http://pagespeed.googlelabs.com/

Testez plusieurs sites web plus ou moins connus et comparez (avec vos blogs/site)?

Sachez que google base ses référencements en partie grâce à cet outil. Plus un site sera rapide à charger, plus l'internaute sera content! Donc site bien référencer!

Jouer avec la bordure, le fond, les arrondis d'un tableau

http://www.cssplay.co.uk/boxes/krazy.html

En regardant le code de la page, on retrouve facilement comment reproduire les effets de bordures présentés.

Attention toutefois à veiller sur les différents versions de navigateurs à ce que ça marche!

Mettre le focus sur un input

http://dev.petitchevalroux.net/javascript/donner-focus-input-javascript.300.html

A voir ici les explications claires, nettes et précis, et courtes en plus!
Visuellement on perçoit rapidement son code de ses explications.

Aligner des éléments sans tableau

Vous cherchez comment aligner des éléments sans tableau?
Avec un peu de CSS c'est simple!
Sans span et sans div, cette solution très claire est à adoptée!

Aligner ses formulaires sans tableau.

Le site du zéro est une vraie référence! Avec des tutoriaux simples, expliquées en images.

CSS chez mammouthland

Les cours/tutoriels expliqués chez CSS.mammouthland sont très bien expliqués. Les conseils sont justes et bienvenues, qui nous évite des heures à chercher " et pourquoi ça ne marcherait pas comme ça?".
Des tutoriels spéciaux, qu'on ne retrouve pas partout tel que :
- Les images de fond (on ne peut mettre qu'une seule image de fond par div, bon à savoir)
- Les coins arrondis
- les boutons
(voilà pour ma part ce qui m'intéressait).

Le design du site est très clair, très sympa, il est vraiment très agréable à parcourir. 
D'un coup d'oeil rapide, on identifie rapidement les exemples des explications, du code et des mots-clefs!

A ajouter dans ses favoris ;)

 

http://css.mammouthland.net

Commande Raccourci Open Office : Exposant et Indice

Quel est le raccourci clavier pour taper, sur Open Office, les Exposants ou les Indices??

Sur PC	Exposant	Ctrl + Maj + P	X2
	Indice	Ctrl + Maj + B	x2
Sur MAC	Exposant	cmd (ou Pomme) + Maj + P	ny
	Indice	cmd (ou Pomme) + Maj + B	n1

A noter :  que ces commandes marchent aussi sur Open Calc ;)