Resources

Using UBbox

From UB’s official instructions at the UB IT Site

Go to https://buffalo.box.com
Click Continue if asked if you are “Part of University at Buffalo”
Enter your UBITName in the first (username) field
Enter your UBITName password in the Password field
Click Sign In

Note: in some instances, especially when using applications instead of a web browser, the Box login will show the default login screen, rather than the UB login screen. If that is the case, you should see an option to login using “Single Sign On (SSO)”

Blogs to Follow

Smashing Magazine: Delivers information on latest trends and techniques to Web designers and developers
CSS Tricks: A web design community. Front end design issues, code snippets
Responsive Resources: A collection of resources about the various aspects of responsive web design

Tutorial Websites

Basic HTML and CSS

Code Academy

Khan Academy

Intro to HTML/CSS: Making webpages

Tuts+

Mozilla Developer Network (MDN)

Free tutorials and reference lists for learning HTML, CSS, JavaScript and more.

LinkedIn Learning (formerly Lynda.com) FREE for NYS residents with a NYPL Card!

Get a Library Card
Login using the NYPL LinkedIn Learning Page or LinkedIn Learning Mobile App (Google | Apple) (More info from NYPL)
HTML Essential Training
CSS Essential Training
WordPress Essentials
Visual Studio (VS) Code for Web Developers

Visual Design

Beginning Graphic Design: Typography (YouTube)
Beginning Graphic Design: Color (YouTube)
Beginning Graphic Design: Layout & Composition (YouTube)
10 Web Typography Rules Every Designer Should Know
The ideal line length & line height in web design

Books

HTML and CSS, Design and Build Websites: Comprehensive and highly visual text
A Book Apart, Brief books for people who make websites
- HTML5 For Web Designers
- CSS3 For Web Designers

Local Community Groups

Buffalo WordPress Users

HTML/CSS/PHP Development Tools & Code Generators

cssgradient.io — gradient generator
colorzilla – advanced gradient generator
html-js-css – text shadow generator
border-radius.com
Fancy border radii (organic shapes)
TinyPNG Image Compression
How to Center in CSS (See also How to Align Things in CSS)
Squoosh Drag and Drop image compressor.

Reference Lists

HTML Glossary
HTML5 Reference: List of Elements(tags)
CSS Reference: List of Properties
WordPress Codex: Everything there is to know about WordPress