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 in attendance)
- 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!
- HTML and CSS Overview:
This class delivers the knowledge you need to begin building websites or to learn Dreamweaver. You'll get a hands-on introduction to HTML (including a bit of HTML5) and CSS and the terms and concepts required to do web design and development. If these are familiar, you may skip this class. If you're new to web publishing, start here.
- Creating Effective HTML Newsletters:
Master the steps to creating effective HTML email newsletters. Learn what works—and what doesn't—in this marketing method. Starting with an original design, we will learn how to export web graphics, write the HTML, transfer the HTML to an email marketing service, and then send and track the email.
- Dreamweaver CC Essentials :
Learn the tool used by nearly all web designers and developers. You'll build a site and bring it home.
- Dreamweaver CC level 2:
Go deeper into Dreamweaver by learning its efficiency tools and features like the use of scripts and more.
- InDesign CC to ePub:
Build publications readable on iPads, Kindles, and other eReaders with the ePub and Kindle formats. We tackle the entire workflow from print-ready InDesign document through previewing on a device
- jQuery Essentials: