Web Design References

Top Sites for Web Developers
SEO
Design Ideas

Excellent Articles about Web Design Processes Interesting article about design More articles about Web design 40 CSS layouts Web Page Design for Designers Magazine-style Web Designs A design process; pretty practical. An excellent resource site. Great article on designing HTML lists. Graphic Design Tips Choosing the Right Width Usability Issues Examples of different design elements, good overview Web 2.0 Design Guides for ways of thinking about problems About Logo Design Great resource for creating Web 2.0 effects Background and Pattern Resources Some design ideas About visual complexity Design inspiration GUI prototyping in FF Tab OpenWebDesign.org popular designs CSS Zen Garden CSS Beauty Stylegala CSS Drive CSS Vault Gallery of Galleries of CSS Designs Outstanding collection (50) of interesting site designs 100 CSS Galleries

Web Developer Toolbars
FireFox Web Developer Toolbar Internet Explorer Developer Toolbar Opera Web Developer Toolbar Safari Toolbar
Color Pickers
Large Chart of Named Colors Interactive Color Selector ColourLovers.com: best site about color Kuler, Color Scheme Tool from Adobe Color blender by Eric Meyer Pairs of colors sliders Color scheme tool Generate Color Palette from Image A directory of color resources Excellent color palette picker on a great site! Colors Color-wheel approach to color palettes, and it even shows how your palettes look to people with various forms of blindness Excellent color palette picker Simulates color-blindness Color Resources Another Color Picker Another Color Picker Color Theory CMYK-RGB Converter Great color chooser Huge list of color resources Free Color Tools
Fonts
Bringhurst Typography applied to Web Incredible typography directory Outstanding guide to beautiful Web typography techniques Free Fonts, nicely organized jQuery applied to SIFR Tool for making 3D text banners Free fonts Font References Test Different Fonts ilovetypography.com Identify a font from a graphic Great font comparison for Web Font Resources About font sizing Free Fonts
HTML
HTML 4.01 reference Lists of CSS and HTML commands Deprecated HTML tags HTML and Web reference
CSS
Smashing Magazine: 53 Techniques You Couldn’t Live Without 101 Excellent CSS Resources Great CSS effects examples CSS Coding (excellent) Best CSS Tools Horizontal CSS Menus Online CSS Tools Free, interactive menu creator CSS Sprites and Rounded Corners CSS Tools CSS Tutorials Nice reference for CSS shorthand properties CSS2 Reference CSS 2.1 reference GLISH: great CSS reference 30 CSS Cheatsheets and Quick Reference Guides Eric Meyer More Eric Meyer CSS Mania: showcase of designs Lots of CSS articles Good CSS articles CSS and Web standards info, tutorials CSS, Web usability Styling lists CSS Zen Garden: A wonderful resource Debugging CSS problems CSSJuice: CSS blog & links Huge CSS reference Formatting lists CSS tutorials on lists, floats, selectors Lots of CSS tips More CSS Templates Lots of CSS templates CSS table gallery More free layouts, articles, tutorials Top CSS Tutorials Basic CSS Tutorial Great CSS syntax reference
CSS Layout
Big tutorials on CSS Floats Great description of CSS positioning 10-step example of CSS positioning 3-column, explained Simple 3-column design Simple tabbed CSS-only menu 3-Column Layouts Great description of floats and problems Pretty good 3-column layout XHTML templates CSS-only Tabbed Navigation Great CSS page layouts Good explanation of Box Model About Quirks Mode Lots of Layouts Big tutorials on CSS Floats Great description of CSS positioning 10-step example of CSS positioning CSS-Based Navigation Understanding CSS Layouts great CSS layouts (well-organized) Great Web development stuff Clever, non-JS technique using :hover and overflow:hidden Clever vertical box with expandable “tabs” inside Huge collection of CSS-related sites Thumbnailed CSS layout demos Eric Meyer’s site (CSS guru) 6 excellent CSS designs for download 3-column CSS layout Liquid 3-column CSS layout CSS layouts, tips, techniques
Browsers
Get screenshots from all browser variations Lots of browser-specific tests Best Site on Cross-Browser Issues Shows IE problems Table of All Known Browser Bugs Resources on Cross-Browser Design Reference on browsers, differences The best bug table on the Web More browser info Points out some issues with Internet Explorer Cross-platform issues, browser statistics, and more Cross browser Dynamic HTML techniques Review of browser market share Cross-browser issues Screen shots of different browsers Screen shots of different browsers Cross-browser HTML and CSS Common IE Problems Huge Quirks-mode writeup with browser table Turns IE6 into IE7
Javascript & Ajax
jQuery Javascript Library Getting started with jQuery jQuery API Reference Highslide, a superb image display package Good source of Ajax code and info Simple, nice-looking graphs in Javascript More Ajax Stuff Lavalamp Javascript Navigation 20 Ajax Effects Gets the arg string off the URL 50 Great jQuery Examples jQuery Horizontal Menu jQuery Tabs Great Javascript reference DHTML ref from M$ DHTML Search engine for Javascript code libraries Free dynamic menu scripts DHTML scripts and tutorials DHTML Scripts and Tutorials and more Experiments in web programming Comprehensive JavaScript, DHTML, CSS tutorials and code Client side web-programming and server-side Java DHTML scripts, tutorials Tools for AJAX developers Some good AJAX tutorials Mozilla AJAX Developer Info Automagically Wrapping Images with Drop Shadows 20 Excellent Websites for Learning Ajax Calendar and Date Pickers Ajax Forms 60 Ajax and Javascript Solutions jQuery, Ajax, and PHP Ajax+CSS Tables
Search the Site
           
Interactive HTML/CSS
Real-time CSS Menu Builder (excellent!) Real-time HTML editor Side-by-side Font Comparisons Font Tester CSS Font and Text Style Wizard HTML/CSS Table Border Style Wizard CSS Creator Generates CSS menus when you fill in the boxes Interactive Editor for .htaccess Excellent Free Menu Generator Make your own tab graphics Generates CSS interactively CSS optimizer
Tools & Resources
CSS Tools 12 Useful Web Tools for Designers CSS Tools from SixRevisions Colorcombos Palettes Adobe Kuler Palettes (from images, too) Tools for CSS Validation, Optimization An AJAX-based file uploader Pointers to Free Buttons and Icons Stock photos from US government—a big collection. Generate your own favicon Another favicon generator Web toolbox Online Photoshop-like Tool HUGE stock photo directory Public domain images Generator for sitemaps Easy-to-use JS validation CSS cleaners Contact Form with PHP Icon generators Generate striped backgrounds Great downloadable BG patterns! Read the URL query string from Javascript .htaccess redirects HTML Sitemap Tool Free Symbols and Icons Overview of site testing tools Guide to Stock Photo Sites 120 tools for Web developers Excellent PHP-Based Form Mailer (I use this) Swirls, Curls, and Fleurons Patterns Textures and Patterns LIFE magazine images from Google
Technical for Developers
120 tools for Web developers 15 Mac Apps for Web Developers Lots of stuff for programmers! Web 2.0 references Links to hundreds of tech references Learning top Web technologies Free slideout menus Excellent CSS and Javascript info Web developer’s resource, excellent reference, plus quick reference guides Great treatise on using PNGs Web Developers Virtual Library DOM reference Main source for PHP Great PHP reference AJAX photo gallery Open-source Content Management Systems Open-source Content Management Systems About .htaccess files Lightweight ecommerce support Ecommerce system for small biz Debug PHP using FireBug Huge set of free PHP classes
References
W3C is the granddaddy of them all CSS validator from W3C Special Characters in HTML Web References, Guides, Articles Good overview of Web Design Web info, references Web tech stuff Great list of Web resources Lookup Domain Info BuiltWith : see how a site is built Huge compilation of links for Web, CSS Huge Web reference Free Webmaster tools Another compendium of links Table of HTML elements by dialect Massive link set for developer stuff Directory of Web resources Directory of Web resources Directory of Web resources 83 Webmaster Resources Internet Archive CSS Cheatsheets Web Designer Resources
Cheatsheets
Directory of Cheatsheets Color Chart Castro’s colors XHTML Reference CSS Reference Doctypes HTML Entities Browser Events Hexadecimal Conversions
DFF Toys
DFF’s Testbed DFF’s Photo Gallery MendocinoFun.com
Fun and Useful
PopURLs: feeds from major sites FreshNews: meta geek news GeoEye : fun satellite images Google Zeitgeist John Dvorak blog SlashDot: ultimate geek news BoingBoing: one of the great blogs Snopes: debunk Internet hoaxes HoaxBusters: debunk Internet hoaxes NewsMap: amazing current news visualization Engadget: Tech gadgets FindSounds.com : vast sound library The Life of a Packet RefDesk: Reference for *everything* Chicago Manual of Style Dictionary and Thesaurus About running a Web design company Family Circus from XKCD Vectorize Your Photo

CIS86 Home • Contact DFF • SiteMap • © 2009, Dennis F. Freeze