Looking for a little more information in a specific area? I have created a curated list of resources you may find helpful. Please share with me any other resources you discover, so that I can share your findings with others.
Webflow
Readings
Bridging Digital and Physical Experiences | PDF Version | Meredith Davis
Dreamweaver
- Learn Dreamweaver CC | Adobe TV | Training Videos
- Adobe Dreamweaver CC Help and Support
- Adobe Forums | Peer-to-peer discussions, questions and answers on Adobe products.
HTML
- HTML5 W3Schools | Comprehensive online resource for HTML5
- HTML Dog | HTML Tutorials
- Learn.ShayHowe | Learn to Code HTML & CSS
- HTML5 Cheat Sheet
- World Wide Web Consortium (W3C) | Web Standards
- W3C Markup Validator
- Tutorial of Floats
CSS Basics
- CSS Reference
- Specificity: What happens when conflicts occur?
- CSS Validator
- CSS Properties
- CSS Cheat Sheet
- Pseudo Class Selectors
CSS3
- CSS3 W3Schools | Comprehensive online resource for CSS3
- CSS3 Box Shadow Generator
- CSS3 Generator – Rounded Corners, Drop Shadows, Gradients, Opacity
- Can I Use?
Animation
Hosting
Web hosting is a service that provides a physical location, space/storage, connectivity and services for websites so that website files can be accessed and viewed by anyone using the World Wide Web. Customers create webpage files locally and then upload them to their web hosting provider’s server. Web hosting services can include email addresses, databases, free site builders, and more.
FTP Client
FTP (File Transfer Protocol) Client is software used to transfer files between two computers over the Internet. Transferring can be as easy as dragging-and-dropping files from one pane to another—one pane displaying files on your own computer, the other displaying files on the remote computer, or server. In terms of hosting, an FTP Client is used to upload Web page files onto a host’s server. There are many FTP Clients available on the Internet.
List Items
Layout
Responsive Web Design
- Responsive Web Design | Ethan Marcotte
- A Guide to Responsive Design | Adam Kaplan
Scripts/CSS/Pattrns
- Call to Inspiration
- Codepen
- CSS Image Hover Effect Library
- 30 Scripts for Galleries, Slideshows and Lightboxes
Color
- coolors.co
- colourlovers.com/
- imgr.co
- kuler.adobe.com/#themes/rating?time=30
- colorschemedesigner.com
- Color Names
- Color Picker
- Colrd – Color Inspiration
- Color Explorer
- LOLColors
Free Stock Photography
- StockUp
- Free Image Bank
- Kaboompics
- Splitshare
- Mayang’s Free Texture Library
- sxc.hu
- FreeRange
- morgueFile
- Pixel Perfect Digital
- Openphoto.net
- Stockvault
- TinEye Labs – Search by Color
- Gratisography
- Free Nature Stock
- Negative Space
Web Typography
- Typewolf
- The Smashing Book – Typography: Rules, Guidelines and Common Mistakes
- 5 Simple Way to Improve Web Typography
- Font Squirrel – 100% free typefaces for commercial use
- Google Webfonts (embed typography into your site)
- Adobe Edge Webfonts
- Use & Modify
- Lost Type
- The League of Moveable Type
- Nice Web Type – For the betterment of typographic style and practice.
- Fantastic Pixel-to-Em Convertor
- Fluid Type
- Typecast
- Type-Scale
- Type Combinations
- Choosing and Pairing Typefaces
- Essay on the New Web Typography
- Typography Cheatsheet
- typeanything
- WhatFont Browser Extension | Identify fonts on webpages
- Type Foundry List
Designing the Web
- The Principles of Design on the Web (with examples)
- Content-out Layout | A List Apart
- Photoshop Etiquette | A Guide to Discernable Web Design
Beautiful Design Resources
- Call to Inspiration
- Sidebar.io | 5 new design links daily
- Httpster
- Admire the Web | The very best web design inspiration.
- CSS Drive
- Site Inspire
- Unmatched Style
- Pattern Tap
- Best Web Gallery
- Article: Top 10 Web Design Trends of 2012 (older, but interesting to see how things change)
- 2015 Web Design Trends to Look Out For
- Behance
- Cargo
- Abduzeedo
- Dribbble
- Designspiration
- Nice Portfolio | A curated showcase of the best design portfolios on the web
- One Page Love | single page websites
Grids
CSS Grid Layouts
- An Introduction to the CSS Grid Layout Module
- Grid by Example
- The Experimental Layout Lab
- CSS Grid Layout Crash Course
- How to Order and Align Items in the CSS Grid
JQuery
- fullPage.js | fullscreen srolling websites
- Scrollorama
- A JQuery Script to Slide the Scrollbar
Web + Motion
- Animate.CSS
- 8 Simple CSS Transitions to WOW your users
- CSS Transforms
- How Keyframes Work
- CSS Animation for Beginners
- 18 Top CSS Animations
- How to Make a Loader | W3 Schools
- Website Example
Accessibility
- 5 Keys to Accessible Web Typography
- Color Safe | accessible color palettes based on WCAG Guidelines of text and background contrast ratios
- Designing for Color Blindness
- 10 Guidelines to Improve your Web Accessibility
- Funkify | Disability Simulator Free Browser Extension
- Colorable | Color palette combination contrast tester
Tips & Tricks
- CSS Background Transparency that doesn’t affect children
- Centering Things – Text, Images, Blocks
- Image or Background Vignettes – CSS3
- Perfect Full Page Background Image
- Changing the Text Selection Color
- CSS Sticky Footer
- Favicon Markup (Place in <head>): <link rel=”icon” href=”images/favicon.ico” type=”text/javascript”/>
Articles
- A List Apart | Explores the design, development, and meaning of web content, with a special focus on web standards and best practices.
- Smashing Magazine
- Designer News
Prototyping
Fun
- FontFlame | Tinder for Type
- Type Connection | A typographic dating game
- Colorcrush | Tinder for Colors
IxD Designers + Talks
- Jeffrey Zeldman | founder of A List Apart
- Samantha Warren on Style Tiles | designer at Twitter
- Ethan Marcotte | responsive web designer
- Typography Talks | youtube.com