Posted on Thursday 29 September 2005 - Popularity: 4%
Everyone that designs websites should know them by now, cascading style sheets (CSS). Even I switched to them after nearly eight years of table based layouts and I’m sure a lot of the younger devs never knew anything else. If you’re still using tables, it’s really about time to make the switch. A good start would be to get some inspiration over at the css Zen Garden. With the following application you can even play around with those examples, look at the source, change some of the styles and much more.
The application I’m talking about is Xyle scope. Xyle scope is a specialized CSS value editor with a lot of very interesting features. Especially interesting for beginners is that you can surf to any CSS based website and change the different styles on the fly, click on any block element to see the style associated to it and you even see which styles are actually in use and not overwritten by an other style. The app can be tested for ten days, so give it a try, I’m pretty sure you’re gonna like it.
Additionally, here are some great links you should have a look at if you want to become a real CSS pro: CSS PLaY, Nifty Corners, Ten CSS tricks, Css Hack, CSS Layout Techniques.
Fredi
September 29th, 2005 at 8:25 pm
Hi,
just wanted to note that Xyle scope also displays the cascade of styles applied to inline level elements. But (!) it is not a CSS editor, since you can only edit CSS *values*. The editor Xyle css is in the works…
Juergen
September 29th, 2005 at 10:28 pm
Thx. Changed the post a bit.
Fredi