Due to demand, we're looking at scheduling this class in August 2018. Contact us for specifics.
Our HTML & CSS Overview class (or your own experience) has begun your journey with HTML5 and CSS3 and their related technologies. Now, you want to go deeper, leveraging those skills and new ones to achieve your design ideas.
This intermediate-level class is a continuation of our level one classes for those of us who want to build sites and ePubs with up-to-the-minute technology, and still want to have yesterday's browsers display perfectly usable content for our sites' visitors. To do so, we will examine current best practices for using some of the new technologies ("APIs"), testing for feature compatibility and providing fallbacks, and using graphics like SVG.
When you leave the classroom to try the techniques you learned, be sure to have the ability to test in browsers and platforms that you may not own:
We use and modern.ie
How ready is your browser? Want to try another? Here are some:
- Google Chrome
- Mozilla Firefox
- Apple Safari, Mac only, sadly
- Maxthon, Windows only, but iPad and Android versions available
- Tor for secure, anonymous browsing
who should take this class?
- Anyone already familiar with the basics of HTML and CSS wanting to update and/or advance their knowledge and skills
- eBook designers who are excited about the new capabilities of ePub 3
what we cover—in detail
(always customized for the students attending)
- Understanding, and using, the HTML5 Boilerplate
- A walk-through of this fine gift from the web-building community
- Leveraging some of the new APIs (e.g., geolocation, localStorage)
- We'll look at a few examples of these abilities long-sought by web designers
- Form validation
- easily check that a web form is filled out to your specifications
- Using other stylesheet languages and preprocessors like Sass
- We'll demo the use of one of these languages so you can see how it simplifies CSS authoring
- Video and audio
- How to get these working in all browsers
- Tricks to feed old browsers good code
- Using brilliant scripts (supplied in class) to get old browsers to do these new tricks
- Animation and Transitions
- Multiple background images
- Drop shadows
- Messing with the Box Model
- New units of measurement
- Exercise exacting control over element size
- Text control & effects
- Using SVG (Scalable Vector Graphics) reliably
- 3D Perspective
- Using (not writing!) scripts: modernizr and jquery, in particular
- Q & A—anytime!