Search MOGO
CSS: The Cool Stuff (and so much more) -- Creating Sites that Set You Apart
Have you got the basics of CSS layout down, and want to take your skills to the next level? In this seminar you will learn about different layout techniques, get a look at the latest CSS3 features like text-shadow and @font-face, as well as get answers to the questions everyone has like, how do I create 3 columns? How do I align a series of images with captions? Along with background image tricks and much more!
To enter your name in the drawing for a free pass, click here.
Book your seat today:
Advanced Registration ends 11/9/12. Registration price will increase to $149 after that date.Workshop attendees will receive
• 30-day trial to the Lynda.com Online Training Library™ ($25 value)*
*New subscribers only
Instructor:
Brian Wood
Brian Wood is a seasoned web developer and web/print technology trainer. An Adobe Certified Instructor in Acrobat 9 Pro, Illustrator CS4, Dreamweaver CS4, InDesign CS3 and Photoshop CS3, Brian has authored several training books, including "InDesign CS2 Hands-On-Training," "Illustrator CS5 Classroom in a Book", and others, all published by Peachpit Press. He has also authored online training videos for Dreamweaver, InDesign, Illustrator, Acrobat, Expression Web and more.
Brian provides corporate training to companies nationwide, and is an active developer. He co-owns AskBrianWood.com, BrianWoodTraining.com, and has a training video blog, BrianWoodTips.com.
CHICAGO
11/9/12Seminar Schedule
Registration opens at 8:30 am
Great CSS Layout Techniques (9:00-9:45) You've seen how to float a div to create a 2 column layout, but what about more advanced layouts? In this section, you will see how to expand that concept to 3 or more columns, you will understand positioning (absolute, relative, etc.), work with clearfix and other methods, and even percent based layouts to start to understand how "responsive web design" works. Cool CSS Type Techniques (9:45-10:30) Every web site or page, for that matter, starts with some styling that is really generic. In this section you will break out of the generic formatting and create some exciting typography for drop caps, quotes, really understanding and seeing hosted fonts, understand and use percent and em based sizings, vertically align text. You'll even see more shorthand, applying multiple classes to one object and much more.
BREAK 10:30-10:45
Background image techniques (10:45-11:15) Background images are used for all kinds of design elements. In this section, you will apply background images to a page that stretches to fit, create a background image for a unique bullet in a list, use a PNG background image to create a Netflix style popup, apply multiple background images, and more.
Styling tables, lists, and images with captions (11:15-12) Tables are still used for data, and using CSS you can create a great design with some exciting interactive features like row highlighting on mouse over. Lists are also an important part of your site, and in this section, you'll learn some tricks for styling lists, as well as creating an array of images with captions.
LUNCH ON YOUR OWN - 12–1:15
Using CSS3 (1:15-2:00)
CSS3 is hot on the web right now and can add some serious design punch to your pages. In this section you'll get a firm grasp on how to apply some of the best CSS3 formatting options like rounded corners, text shadows, box shadows, @font-face for using your own fonts, different ways to express color, and more. You'll even see the method used to get IE to play along.
Take Your Site Mobile using CSS Media Queries (2:00–3:00)
Mobile web design is what a lot of us are talking about and is worth considering for your client's websites. In this section, you will see the different methods used to achieve a mobile optimized site, and you will learn about the CSS3 media queries that are an easy way to create different styles for different devices.
BREAK 3:00-3:15
JQuery and CSS for your site (3:15–4:20) Who doesn't want awesome in their site? Using JQuery and CSS, you can add some amazing slideshows, lightboxes, smooth scrolling and more to your pages. You don't have to know how to code the JQuery, just where to find it, how to paste it, and replacing the default formatting and content with your own. This section is definitely saving the best for last!
Q&A (4:20-4:30)
Location
Northwestern University School of LawLevy Mayer LM104 Lincoln Hall357 East Chicago AvenueChicago, IL 60611For directions to Northwestern University School of Law, click here.
