Did someone say additional resources?
If you still have a pulse after all of those tutorials,
I'll be aggregating additional resources here throughout the semester.
My Notes
In this section I'll be providing you with ongoing access to my notes for the readings and tutorials. You'll still need to do the readings and watch the tutorials. I promise, my notes aren't thorough enough to replace those materials. But hopefully you'll find them to be of some help.
Campus Resources
The STAR Lab (Student Technology Access and Resource Center) can be found in the Johnson Center and I've been told that they can help out with web design and digital media projects. While the website I've lined too focuses more on showcasing their technology, they also have 'mentors' who can help you with coding projects.
General Resources
In this section I'll be providing you with links to some broad websites that contain lots of various resources that might be useful to you.
- HTML5 Standards and Specifications
- References & Repositories
- Sites Dedicated to Tutorials and Project Ideas
More From Lynda
In this section I'll be providing you with links to other tutorials from Lynda, some of which will be general and others which will be focused on achieving specific results (i.e., banner images, charts, etc.).
- More From Lynda on CSS
- Building a Responsive Portfolio Site
- Making Sense of the CSS Box Model
- CSS Animation
- CSS Frameworks & Grids
- Graphics and CSS Pseudo-Elements
- Creating Responsive Web Design: Advanced Techniques
- Responsive Images
- Creating a Responsive Homepage Marquee
- CSS Animated Rollovers
- CSS Gradients
- Responsive Typography Techniques
- Online Presentations with reveal.js
- Pie Charts with CSS
- SVG Rollovers with CSS
- Making Your Site Retina-Ready
- More from Lynda on HTML
- HTML5 Power Workshop (covers geolocation, mobile development, web sockets, Web SQL, and web workers)
- HTML Structured Data: Facebook Open Graph (mark up blogs and pages for sharing on social media)
- HTML Structured Data
- HTML: Building Tables
- Up and Running with HTML5 Video
- Creating a Responsive HTML Email
- More from Lynda on JavaScript
Specific Tutorials and Project Ideas
In this section I'll be providing you with links to specific tutorials or sets of tutorials that I think might be useful to you throughout the semester.
- General
- Header and Site Navigation
- Designing Drop-Down Menus: Examples and Best Practices
- 46 Free Drop Down Menus in HTML5 and CSS3
- 25 Free CSS3 and jQuery Drop-Down Menus
- Create Drawer Menus and Site Navigation
- More Examples of Drop Down Menus
- Further Reading and Examples of Site Navigation
- Animated Resizing Header on Scroll
- On Scroll Header Effects
- Selectors
- Layouts
- Z-Index
- Backgrounds
- Shadows
- Gradients & Patterns
- Images & Galleries
- CSS3 Image Filters
- Image Overlay on Hover
- Header Image Scroll Effect
- Create an Animated Image Gallery in CSS3
- Simple Cross Fading Images
- Smooth Diagonal Fade Gallery with CSS3 Transitions
- Experimental CSS3 Animations for Image Transitions
- Creating a Sliding Background Effect
- Progressive Image Loading Effect
- Pseudo-Class Selectors, Hover Effects, and Expanding Sections
- Transforms, Transitions, and Animations
- CSS3 Transform Maker/Visualizer
- 150 Amazing Examples of Animations and Effects
- CSSWarp: CSS3 Text to Path Generator
- CSS Based Presentations (like PowerPoint or Prezi)
- Create a PowerPoint-Like Presentation with Pure CSS3
- Hakim El Hattab's Reveal.JS: An HTML Presentation Framework
- How to Create an Isometric Layout with 3D Transforms
- Introduction to CSS3 Transforms
- CSS3 Transitions and Transforms from Scratch
- Animation Using CSS Transforms
- Going Nuts with CSS Transitions
- 20 Stunning Examples of CSS3 Animation
- 15 jQuery Page Flip Book Effects
- Guide to CSS3 Animations and Examples
- Introduction to CSS3 Keyframe Animations
- Templates & Materials