Estelle Weyl

Presentations

HTML5: The Good Enough Parts

HTML5 is the new buzz word. The HTML5 specifications may still be in draft form, but that hasn’t stopped browser developers from implementing many of the proposed features. Recruiters will soon be asking for 5 to 10 years of HTML5 experience. While we can’t give that to you, we can help you stay ahead of the game!

In this practical presentation you will learn what features are implementable and how to implement them. We’ll learn about the new HTML5 doctype and elements, HTML5 web form features that enable form validation without the use of JavaScript and we'll cover the new APIS that are part of and associated with HTML5, including offline applications, storage and geolocation.

CSS3: Creating Snow (in Florida) without JavaScript

Improved browser support of CSS3 has allowed us to build a richer web with visual treatments like web fonts, animations, transformations, gradients, transparency and drop-shadows. But with great power comes great responsibility. Just because you can add a skewed animated rainbow with drop shadow to your site doesn't mean you should.

In this session we'll look at what's really cool (pun intended) in CSS3 by making snow with CSS3. Yes, we'll cover transitions, transforms, keyframes and more. You'll have to restrain yourself, though. But just because you can, doesn't mean you should.

HTML5: All about Web Forms

HTML forms have been the bane of web developers for years. Not anymore!

With HTML5 you may learn to love forms. Imagine a day when you can validate a form without any JavaScript. Date pickers, place holder text, pattern matching, required fields, auto focus, error handling, all without JavaScript? That day is not as far off as you think.

In this session we’ll discuss new to HTML5 form input types and attributes. We can’t promise that you’ll love creating web forms, but you will gain a new, exciting appreciation.

We’ll learn all about creating dynamic web forms with form validation without the use of javascript. Topics covered include:

The new HTML5 input types Controlling what keyboard types gets displayed on touch keyboards, including the iPad and iPhone, Placeholder Attribute: Adding native placeholder text and clearing on focus Native form validation: Error messages with no javascript Date & time input types: The jQuery datepicker, without jQuery. Providing focus to a form element, including focus on invalid input without javascript. CSS & Forms: Stylizing form elements based on current states of required and invalid Pattern attribute – Pattern matching for form input: with regular expressions and no javascript element and list attribute- providing autosuggest on inputs, again no javascript.

Browsers are beginning to support HTML5 web forms. In this session we’ll learn how to implement them.

Mobile UI Performance

Mobile browser performance is constrained by more than just bandwidth. You already know slow loading sites create a bad user experience. But even if you’ve resolved download speed, what happens to the user experience if a site is jumpy, choppy, or worse yet, non-responsive to basic interaction.

Yes, your site loads quickly even with low bandwidth. You’ve followed the 14 WOP tips. You’ve improved your sites performance, or so you think. Your app is loading quickly, but why is it not responding quickly?

In this session you’ll learn about what YSlow and Page Speed don’t cover. We’ll talk about images, HTML5, CSS3, JavaScript and the DOM. We’ll cover common trouble spots that lead to these poor user experiences as well as tips and techniques to prevent these trouble spots from arising.