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: webdesign
» 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
SEO Basics, introduction to Search Engine Optimisation
Search Engine Optimisation (SEO) is the on-going process of making sure that your web site performs as well as possible on specific search engine searches.
This article aims to explain the absolute basics of SEO that every web site designer, developer, or owner should know.
web design from scratch – SEO Basics, introduction to Search Engine Optimisation
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
Silverlight 2 Developer Poster
At Mix08, the Silverlight 2 Poster was a hot item given out in many of the session. If you didn’t get yours or if you couldn’t make it, you can feel free to download and print your own!
Silverlight 2 Developer Poster – Silverlight 2 Developer Poster
Sitepoint HTML Reference (beta)
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.
Fonts
CSS Reference
One of the most complete and comprehensive references about CSS from the guys of SitePoint:
Web Developer’s Field Guide
This site is pretty much a collection of links that I’ve found very useful over the last year, or so. First, and foremost, I must thank Vitaly.Friedman for getting the vast majority of them together all in one place for the first time. I used his version of this page for many months before taking on the not small task of creating my own. Why would I do such a thing?
PNG in IE6 and IE7
Two related posts about the same problem. The solved mine 🙂
While working on a new site, I started playing around a little more with 8-bit PNG files, comparing them to GIFs. In a few cases the PNG was smaller (it didn’t used to be that way, but perhaps Photoshop CS2 does a better job of compressing PNG files or something), so used it. All was good until I started testing the design in IE, where the colors were all off. Here’s a breakdown of how the same graphic (placed as a CSS background image against a background color equal to its own background color) rendered between the two browsers:
Easy Reader – PNG color oddities in IE
In setting up the new vehicle details page for DDC, I noticed that the background color for the 24-bit PNGs did not match the css background color, but only in IE6.
Searching online, I found this is a known bug with IE that stems from a flawed interpretation of the PNG’s gAMA setting. It’s fantastic that the IE team added PNG alpha transparency to IE7, but apparently they kept the gAMA bug in IE7 to make sure browser compatibility specialists keep their jobs for years to come.