root
Resources
Showcase
Articles
CSS+Javascript
Hacks
Tutorials
Audioblogs
Photoblogs
Restaurant
Free Templates
Bootstrap
Forms
Design Tools
Menu
Fonts
Icons
Charts
Gallery
Upload
Print stylesheet - the definitive guide
A print stylesheet formats a web page so when printed, it automatically prints in a user-friendly format. Print stylesheets have been around for a number of years and have been written about a lot. Yet so few websites implement them, meaning we're left with web pages that frustratingly don't properly print on to paper.
CSS Cheat Sheet
The CSS cheat sheet is designed to act as a reminder and reference sheet, listing all selectors (as of CSS 2.1) and properties in html format. It includes a visual example of the box model, unit reference for CSS units and the various media types CSS makes allowance for.
10 Free CSS and Javascript Calendars
Calendars may be used on webpages for various reasons, such as allowing users to easily pick a date in a form, or just to provide monthly information. Here are a list of various css and javascript calendars for use on your site. Don't like the look? Customise them yourself with abit of CSS!
CSS Tinderbox
The CSS Tinderbox is an effort to support open source web design by providing very basic, yet solid, CSS/XHTML design templates that web designers and web developers can use as the foundation for their own projects.
Web Design 101: Positioning
An element with position:absolute is removed from the document flow, which means the rest of the document acts as if the element weren’t there. It won’t affect subsequent elements. Instead, it could end up layered over other elements, unless we make sure it doesn’t.
A CSS sticky footer that just works
We've all tried to use a sticky footer one time or another, but they never seem to come out right, do they? Well, the days of a hard to understand CSS-based sticky footer are thankfully over. In just a few simple CSS classes with minimal extra HTML markup
LightWindow v1.1
The next generation of lightbox with such features and more; Supports 5 different types of Media: Pages, Inline Content, Media(Movies, SWF, etc), Images(Galleries, Single), External Websites(via iframe), Automatically detects media and source. Fully customizable via CSS. Set starting heights and widths for each media and define media types. Window will fit content fetched! Excludes i-frame content...
Stylish 0.4
Stylish allows easy management of user styles. User styles empower your browsing experience by letting you fix ugly sites, customize the look of your browser or mail client, or just have fun.
CSS Photo Shuffler
A Javascript + CSS replacement for Flash photo fading slideshow. Inspired by Richard Rutter's image fade demonstration.
HTML5, XHTML2, and the Future of the Web
While HTML 4.01 is formally an SGML-based document format, the only clients actually treating HTML that way are validators. Browsers, on the other hand, treat HTML documents as tag soup—they try to make sense out of, and display, even the most horridly broken document to their best ability.
Free CSS Layouts
These CSS Layout offers full Grade-A browser support. That means that these CSS Layout will look and behave the same in internet browsers like Internet Explores 6 (IE6), Internet Explorer 7 (IE7), Firefox, Opera, Safari and so on.
FlashTracer
While running any .swf Flash file in your browser you can see all the output generated by the "trace" flash functions in this sidebar component...
The Principles of Beautiful Web Design
For many web developers, myself included, the most intimidating part of the design process is getting started. Imagine for a moment that you're sitting at your desk with nothing other than a cup of coffee and the business card of a potential client who needs a basic corporate web site. Usually, a business card speaks volumes about a company's identity, and could be used as design inspiration.
101 CSS Resources to Add to Your Toolbelt of Awesomeness
All the cool kids are using CSS to separate content from appearance on their sites. Here is 101 resources that will get your feet wet with CSS, teach you some new tricks and techniques, clean your code, and hit the ground running with pre-made layouts.
HundredPercentHeight
Setting a div to fill up the whole window is not as simple as setting its height to 100%. The reason this doesn't work is that percentages (when used as the unit on height or width; text size is another story) are relative to their parent dimensions. If you haven't set a height on the parent, the div with 100% height has nothing to base that height off of.
The new Sitescore has landed
It's finally here. Faster, better featured and with more shades of red than ever before. But they're not letting just anyone use it yet.
Linux Font Equivalents to Popular Web Typefaces
While the list of Web safe fonts we have come to know and love is relied heavily upon, it can be very beneficial to include similar default Linux fonts in your font-family as well.
Where did my Design go? CSS Naked Day '07
The idea behind this event is to promote Web Standards. Plain and simple. This includes proper use of (x)html, semantic markup, a good hierarchy structure, and of course, a good 'ol play on words. It's time to show off your body.
CSS Tips
1. Color shortcuts and color conversions, 2. CSS bug hunting, 3. Media separation, 4. Center the thing, 5. Anti-aliased PNG files, 6. Quick 'n' dirty rounded box corners, 7. Opacity, 8. Cross-browser padding, 9. CSS hacks, 10. Moving layers