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.
Google Doctype is 100% open.
* Open source
* Open content
* Open to contributions from anyone
Categorie: css
» Alternatief voor W3C-validator – Gigadesign, XHTML-CSS website maken
Als je met webstandaarden bezig bent en er belang bij hebt dat al je pagina’s in orde zijn heb je de plicht om toch bijna elke pagina te checken in de W3C-validator. Dit kan een tijdrovende bezigheid zijn als je met 100+ documenten zit.
Gigadesign, XHTML-CSS website maken – Alternatief voor W3C-validator
Emma Alvarez Site: Most Useful 50 CSS Tips And Tools For Webmasters
The style of a website is defined by the CSS. CSS describes text fonts, if images must have borders or shadows, etc. Simply changing the CSS styles, you can change the appearance of your website completely, without changing the contents (text, images…).
For changing the CSS styles, there’s no need to be an expert webmaster, as there are tips and tools that can ease this task.
Here you are a list of the 50 most useful tips and tools for customizing your website easily with CSS.
Emma Alvarez Site – Most Useful 50 CSS Tips And Tools For Webmasters
Powerful CSS-Techniques For Effective Coding | CSS | Smashing Magazine
Sometimes being a web-developer is just damn hard. Particularly coding is often responsible for slowing down our workflow, reducing the quality of our work and sleepless nights with pizza and coffee laying around the laptop. Reason: with a number of incompatibility issues and quite creative rendering engines it sometimes takes too much time to find a workaround for some problem without addressing browsers with quirky hacks. And that’s where ready-to-use solutions developed by other designers come in handy.
Smashing Magazine – Powerful CSS-Techniques For Effective Coding | CSS
70 Expert Ideas For Better CSS Coding | CSS | Smashing Magazine
CSS isn’t always easy to deal with. Depending on your skills and your experience, CSS coding can sometimes become a nightmare, particularly if you aren’t sure which selectors are actually being applied to document elements. An easy way to minimize the complexity of the code is as useful as not-so-well-known CSS attributes and properties you can use to create a semantically correct markup.
We’ve taken a close look at some of the most interesting and useful CSS tricks, tips, ideas, methods, techniques and coding solutions and listed them below. We also included some basic techniques you can probably use in every project you are developing, but which are hard to find once you need them.
And what has come out of it is an overview of over 70 expert tips, which can improve your efficiency of CSS coding. You might be willing to check out the list of references and related articles in the end of this post.
CSS Reference
One of the most complete and comprehensive references about CSS from the guys of SitePoint:
Creating an Outlook Navigation Bar using the ListView and Accordion Controls
Matt Berseth explains how to create an Outlook like navigation pane in ASP.Net with a combination of an Accordion Ajax Control and the ListView control.
Nice example of how the new Ajax controls in the ASP.NET Ajax Control Toolkit can extend the user experience of regular ASP.Net applications with a minimum of code.
One of the designers on our UI team requested a screen mockup with a page layout that is similar to your typical email client. The page is divided vertically into 2 panes. The left pane contains a 2 level hierarchy of categories and subcategories. As the user selects different subcategories the designer wants the right pane’s content to be updated with the corresponding information. Just like Outlook, the designer wants the subcategories to be displayed within expanding and collapsing panels.
Matt Berseth: Creating an Outlook Navigation Bar using the ListView and Accordion Controls
Talking about Community Server Theming at the CSDC – Ben Tiedt’s Blog
With links to the online documentation about theming and Cameleon controls in Community Server
Talking about Community Server Theming at the CSDC – Ben Tiedt’s Blog – Ben Tiedt’s Blog
Nifty Navigation Using CSS
Unless you limit yourself to one-page web sites, you’ll need to design navigation. In fact, navigation is among the most important parts of any web design, and requires a great deal of thought if visitors are to move around your site easily.
Dust-Me Selectors Version 2.0
After many months of toiling in our secret underground laboratories, Dust-Me Selectors Version 2.0 is finally here!
If you’re one of the many people who made suggestions or commented on the original version, you’ll be pleased to know that the new version incorporates everything you asked for and more.
It was quite a challenge to bring all this together, particularly since Mozilla’s documentation is so … er … erratic (in fact for some functionality I had to look in Firefox’s source code just to figure out how it’s done!) But there’s nothing like a challenge to exercise the mind, and I think you’ll agree that the final result is well worth the gritty struggle.
How To Minimize Your Javascript and CSS Files for Faster Page Loads
Over the last 11 years I’ve spent a great deal of time trying to improve client websites with an eye for minimalist interface design and code. While the minimalist design esthetic is not the choice for every client the notion of less code and faster load times always goes over well. Today, many of web applications I design and code for have a plethora of Javascript and CSS files. Fortunately, there are many options to solve this rather simple problem. Compression, obfuscation and bundling are all great options.
Below you’ll find a list of the sites I’ve visited to learn more about Javascript and CSS compression. Please let me know through email or a comment if you know of any other great compression resources, and I’ll be glad to post them. Most of the descriptions below are taken from the developers of the example. Thanks, Max.
Max Kiesler – How To Minimize Your Javascript and CSS Files for Faster Page Loads
Powered by ScribeFire.
250+ Tools and Resources For Coding the Web
We’re all living on the web, and we all seem to be starting our own websites, so it’s time we all learned the languages that make it run. We’ve gathered over 250 resources to help you get going. This list is aggregated from previous Mashable posts.