Guides
Search…
Introduction
AppDev Primer
firstdraft Ideas
Building Your Own App
Setting up your Cloud9 account
Starting on a project in Cloud9
Getting automated feedback
Introduction to HTML
Friendbook Exercise Guide
Design Readings and Resources
Command Line Basics
The Rails Console
Introduction to Ruby
Meteorologist Exercise Guide
Rails New and other basics
RCAV Flowchart
RPS RCAV Exercise Guide
Continuous Integration
CRUD with Ruby
Loading data from a CSV file into your database
Authentication with Devise
Using the Twitter gem
Management Readings
Very Best Project Guide
Deploying to Heroku
How to ask a question
Fixing your organization permissions
draft_generators
Sending Email with Mailgun
Image Uploads
Storing credentials securely
Using Git to freely experiment and never lose work
TeacherPlan Domain Modeling Exercise
LTAB Domain Modeling Exercise
Powered By
GitBook
Design Readings and Resources
As you go about designing and coding your application's screens, here are a few things that you may find useful.
Readings
I've placed them in rough order of my opinion of their value/length ratio.
​
Butterick's Typography In Ten Minutes
​
​
Web Design in 4 minutes
​
​
7 Rules for Creating Gorgeous UI
- and
part 2
​
​
Google's Material design guidelines
​
Resources
In rough order of how often I use them.
​
Official Bootstrap Documentation
​
​
Font Awesome
- Free, CSS-customizable, perfectly scalable icons for almost everything.
​
Bootswatch
- Cheating. Great for quick styles while prototyping.
​
Google Web Fonts
- You'll want this after reading Butterick's.
​
Stock Up
- A search engine for free stock photos.
​
Shoelace.io
- A tool to help you create your Bootstrap grid layout.
​
Beautiful Web Type
and
Typographic Project
- A curated showcase of Google Web Fonts.
​
HTML5 Element List
- An excellent, categorized list of HTML elements.
​
Bootstrap CDN
- Instantaneous
<link>
ing to Bootstrap or Bootswatches.
​
Firefox Tilt3D Extension
- A tool to help you visualize what's going wrong with your layout.
​
CSS3 Generator
- Generate CSS box shadows, text shadows, and gradients.
​
Subtle Patterns
- A library of free, tileable, subtle background images.
​
Adobe Color
- Generate complementary colors.
Previous
Friendbook Exercise Guide
Next
Command Line Basics
Last modified
4yr ago
Copy link
Contents
Readings
Resources