This list is not exhaustive, but it includes sources that I have used and found useful. Links open in new browser windows.
- Flat design resources
- The November 2013 meeting was devoted to flat design. This page has the resources we looked at during that meeting.
-
- Websites
- CSS tutorials
- This online resource has a set of lessons that will get you started with CSS. A good place to start.
- A List Apart
- A List Apart is where the cognoscenti post articles on cutting edge topics related to standards-compliant web design. The material is generally not for beginners, but it is good to see what the issues are and to get some insights into how to solve advanced problems.
- css Zen Garden: The Beauty in CSS Design
- css Zen Garden is the place where web designers are pushing the envelope. The premise of the page is fascinating: There is an HTML page posted there that is already marked up. The challenge is to create a design for the page using those existing markups. It is amazing to see what people do. Not a beginner’s site, but more of a goal-setting exercise to understand the potential of CSS design.
-
- Validators
- W3C CSS Validation Service
- This free service from the World Wide Web Consortium checks Cascading Style Sheets (CSS) in (X)HTML documents or standalone for conformance to W3C recommendations.
- WDG CSS Check
- Another free service, this one from the Web Design Group, checks style sheets for conformance with standards. The site has not been updated for a while.
-
- Color Selectors
- HTML named colors
- This page is a companion to Niederst, Learning Web Design, 2d edition. On this page are samples of the 140 colors that are recognized by name in HTML.
- Web-safe color palette
- This page is another companion to Niederst, Learning Web Design, 2d edition. On this page are samples of the 216 colors that are known as “web-safe.”
- Web-safe colors
- This site has additional information on web-safe colors, plus a nice interface.
- Color scheme generator
- Todd from our group suggested this tool for generating colors for your site. As he describes it:
This one allows you to pick mono, contrast, triadic, tetrad, and analogical colors. One of the best web design color wheels I found. In addition it allows you to choose light pastel, dark pastel, contrast and pale colors and tells you what types of visional people will be able to see particular colors. - Color wheel selector
- This tool lets you select a color from the full range available, and it shows you the nearest web-safe and web-smart colors.
- Adobe Color CC
- This new site from Adobe Labs allows users to create color schemes and then to share them.
Newest Additions
A full design wiki on colors that teaches you everything you need to know about colors, their meanings and the color combinations that will hopefully give inspiration to your next design!