Google Doctype is an open encyclopedia and reference library. Written by web developers, for web developers. It includes articles on web security, JavaScript DOM manipulation, CSS tips and tricks, and more. The reference section includes a growing library of test cases for checking cross-browser and cross-platform compatibility.
This site’s currently got some good HOWTOs on Web security, DOM manipulation, CSS and styles and more. A worthwhile place to check if you’re looking at some quick reference and help.
A very cool utility for CSS coders - CssVista allows you to preview your CSS styles on both IE and Firefox side by side.
CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously. If you like this, you may be interested in our browser compatibility service, SiteVista.
Are you looking for a list of what you can do with CSS with links to tutorials which show you how to? You must go through the following article from Smashing Magazine.
Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time - of course, if you are able to find them in time. Below you’ll find a list of techniques we , as web-architects, really couldn’t live without. They are essential and they indeed make our life easier. Let’s take a look at 53 CSS-based techniques you should always have ready to hand if you develop web-sites.
A cool image gallery implemented purely in CSS. The images pop out when you hover over them. There is no Javascript used in this at all.
Link: Hoverbox Image Gallery
If you’d like to know how this is done, you can go through a mini-tutorial over here:
Various implementations of Drag & Drop sortable lists using JS and CSS.
“In Web applications I’ve seen numerous — and personally implemented a few — ways to rearrange items in a list. All of those were indirect interactions typically involving something like up/down arrows next to each item. Then I came across Simon Cozens’ example of rearranging a list via drag & drop. I was so inspired I had to try it out myself.”
Here’s a good tutorial on now to create an interactive rating system using CSS. You can combine this with Ajax to create a rating system for your site.
Here’s a good article on advanced layouts using CSS. In this article they aim to create a layout which looks like the following:
“Rogelio Lizaolo improves on Kwon Ekstrom’s CSS version of WebRef’s tabled home page. Months in the making, the final design successfully duplicates WebRef’s layout without the use of tables. Numerous bugs were discovered in Netscape and Explorer in how they handle CSS, and we found some elegant workarounds to these and other problems. What follows is a step by step CSS layout tutorial that shows how we got to the final design.”
Link: Advanced CSS Layouts: Step by Step - WebReference.com
Bookmark and share:These icons link to social bookmarking sites where readers can share and discover new web pages.
Here’s an article by Trenton Moss with 10 excellent tips on CSS. The article covers topics such as CSS shorthand rule, CSS for printing, Image replacement techniques, CSS positioning and much more.
Here’s a cool way to swap Stylesheets on the fly using UDASSS(Unobtrusive Degradable Ajax Style Sheet Switcher). Works great even if Javascript is disabled on the browser.
The Unobtrusive Degradable Ajax Style Sheet Switcher combines the power of Server Side processing and DOM scripting to swap style sheets on the fly with the power of Ajax. If JavaScript is disabled - UDASSS degrades gracefully to improve your website accessibility. Needless to say, it is very sexy indeed.
Link: UDASSS Official Documentation
Bookmark and share:These icons link to social bookmarking sites where readers can share and discover new web pages.
