Helpful styling links

edited April 8 in Stylish
Please, no styling help requests here! Keep it clean and post only links to sites you find to be useful for styling.
Let's keep it clean and helpful, people!

In later Fx (let's say 20+), you can use Tools/Web Developer items (like Inspector, etc.)

Start here: DOMi on AMO, a must have! More info about it and how to use it.

A great companion to use with it is the Attributes Inspector custom button by Infocatcher. 'All in one' way to find any IDs, including menus and those disappearing on click popups, etc. The best thing after sliced bread!
To use it, you need to install Custom Buttons ext. , Then go back to the button thread on CB forum and click Install link. It's also helpful for those menus and windows that disappear on mouseout.
(After that, go back to the forum 'Buttons made by forum users' and install buttons many of which replace exts.. There are hundreds of very useful Cbuttons. Have fun!).

For beginners: https://github.com/JasonBarnabe/stylish/wiki

http://www.w3schools.com/cssref/default.asp - #1 help, as it says - the 'css school'

https://developer.mozilla.org/en/CSS - loads of links, #2 help!

In case we forget about visited links:
https://developer.mozilla.org/en/CSS/Privacy_and_the_:visited_selector

Way over my head but for the smart ones and for when i'll grow up > @media:
https://developer.mozilla.org/En/CSS/Media_queries#-moz-images-in-menus

A simple site from WebDesignGroup:
http://htmlhelp.com/reference/css/

CSS3.com has a forum too:
http://www.css3.com/

Easy one:
http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

/* === SOME PRETTY USEFUL TOOLS ↓ === */

Inspect This - adds a context menu item
Inspect Context - adds a context menu item
InspectorWidget - does the same + a button

Other exts. people use:
Firebug (may cause significant browser slowness, keep it disabled until needed)
Colorzila
Shadia the light inspector
«1

Comments

Sign In or Register to comment.