The talk will be on the Future of HTML5, stuff coming down the line that we have to look forward to. All sorts of wicked goodness right? I’m really looking forward to working with the folks at Carsonified, who always put together a great conference. I personally attended the Future of Web Apps conference in 2010 (or ’09 maybe?), when it was in Miami. It really was the best conference I’ve attended and it’s a great honor to be on the stage this year. The formats and venues are so unique and the speakers are so great and dynamic, it really will leave you wanting more.

They have an amazing line up coming to New York and a crazy-awesome topic list.

My Talk Description

HTML5 is evolving very quickly and staying on the bleeding edge can sometimes feel like a full-time job. In this session we’ll talk about what’s coming down the pipeline, discuss where we’re headed on the Web and dive into some hand-picked topics about the HTML5 hotness you can expect to use in the future.

Kinda awesome right? I love talking about that bleeding-edge stuff, you should totally come.

They’ll also be recording the sessions and I think the videos should be available later on (not sure on the time-frame for that).

Hope to see you there.

I’m speaking at the upcoming Penn UI Conference July 21 & 22 in Philadelphia this year. It’s a great conference with a high profile history of speakers, so I was definitely honored to have been asked to contribute.

My talk will be on HTML 5, and loosely based on my Smashing Magazine article: HTML 5 and the Future of the Web. I’ll be up there for close to an hour and a half, so I’m hoping to cover a lot of the ins and outs of HTML 5.

Much like I did in the article, I’ll be talking about the new elements, APIs, use cases and probably touch on Mobile as well.

Official description

HTML 5 and the future of the Web will explore the new monster on the block, HTML 5. It will present a broad overview of the new structural elements you’ll be dealing with, various APIs built into the language, and what you can expect to encounter as you move forward with HTML 5.

We’ll talk about how it is currently being implemented, how it may be implemented in the future, and how HTML 5 can create a more personalized and enriched experience across multiple platforms while saving development time.

We’ll also look into ways you can start using HTML 5 right now, what you can do to prepare for the transition and how we can apply some of those methods to academia.

People smarter than me

There’s a huge speaker list for the conference, the likes of which include:

• Derek Featherstone
• Jeff Croft
• Dana Chisnell
• Don Norman

I won’t list them all, but they have a full list of speakers if you want. A lot of great minds will be there. I’m looking forward to not only speaking, but also attending. Should be a great time.

Hope to see you there.

• the brain has lots of distractions
• peple have different learning styles that need to be looked at

Research

• there’s no research that says using templates & bullet points are the best way to present
• Book: Multimedia Learning
• we have assumptions about communications that we can send info and someone will receive it without a problem

Types of learning

• no learning
• fragmented learning
• meaningful learning
• usually stuck in fragmented learning

Memory

• sensory memory (unlimited)
• long term memory (unlimited)
• working memory (3-4 chunks of information retained in working memory)
• sync both visual and verbal channels of communication in a presentation
  • the speed the brain processes verbal and visual are different
• need effective information design
• present a story in a way that slims it down enough to where people can process it all

What turns the brain on

• meeting the brain, not just on conscious mind.
• the mind thinks something is important, but the brain disagrees
• how does the brain know what to let through it’s spam filter?
  • brain cares about chemestry
  • anything that sends a little chemical signal (weird things, shocking/novel things)
  • talking to a person’s instincts, eliciting a reaction to toggle memory

What the brain doesn’t care about:

• boring dude with a computer
• code
  • adding in a strong image to code to get a reaction
• talk to the brain, not the mind

Retention

• combining the audio and visual toggle much better memory
• showing interaction with action, sound and animation

Mistakes people make in presentations

• using speaker notes (use the screen and images for speaking queues )
• Focusing on the tool, rather than what you want to do with it
• talking over text
• having too much text
  • putting text on a page forces the brain to decide between listening to you or reading the text
• bullet points are not always your best option (ask: when is it appropriate to put bullet points in a film, or put the script on the screen? — it’s not)
• listing technique doesn’t hold up against a story approach
• don’t read the bullet point
• if a bullet point is wrapping on the next line, it’s too long
• Book: evaluating training methods

How can we make actual changes to someone’s behavior? not just cheap tricks.

• how you view the audience, as a presenter is important
• don’t make a presentation of [x] better, try and make a better user of [x]
• don’t focus on the presentation, focus on the user and how they can use the information

Tips

• never use templates or themes
• use pop culture (star wars example)
• ask yourself if every slide has a pulse
• use puppies

Notes from other people

• DIIA Blog
• David Lee King
• Darryl’s notes

Making your clients feel good

• they call this the honeymoon phase
• meeting the team
• making a good 1st impression
• spend time outside the office
• finding out how they like to work
• bonding with the client

Refining you approach

• how do you like to work
• how do the like to work?
• staying flexible

Setting the ground rules

• establish a baseline relationship
• make sure you’re clear about what’s happening with the work
• listing business & team objectives – with team member names

Kicking off the project right

• motivating your team with clear roles and responsibilities (client and team)
• Educating clients
  • inform without talking down (don’t talk to them like children)
  • myth busters and industry standards
  • project life cycles
• setting expectations
  • communicate escalation paths
  • set up regular check points
• have your analytics in place to defend decisions
• urging using comments on a blog if they have a quality product

Managing the project scope

• clear up any questions
• assign duties to key stakeholders
• review project schedule
• clarify the impact of missing deadlines
• explain the purpose of each deliverable
• maintain ad consistent review of a project

Defining the process

• Key documentation
  • project plan
  • weekly status notes
  • functional design spec documentation
  • test plans
• using pictures in documentation
• the more documentation you can hand off to the client, the better

Gaining trust

• proving by performing
• putting yourself in your clients shoes
  • not all your decisions should benefit you
  • be honest
• differentiating between personal & professional knowledge

What if we disagree?

• handling scope creep
  • a new creative brief, letting them know consequences to when work gets off track
• change of direction halfway through
  • budget increase, make the client understand that actions have reactions
• team conflict
• be creative and flexible
• sometimes you have to say “enough is enough”

Compromise after a tough change on the project

• keeping your team motivated
• ending a project properly
  • tie up loose ended
  • fixing bugs
  • stabilization period
• smoothing things over so you can work together again
  • lessons learned
  • check analytics after a while to see if the project was successful
  • celebrate the launch with your team
  • assess good and bad things in the project

Referrals will spur new business

• they’ll remember the team they worked with, not the company.
• establish a good relationship

This panel had representitives from each vendor (not apple) and they each took turns showcasing the upcoming CSS3 support in their browser.

MOZ

• nth-child selector
• color module [opacity, rbga]
• border-image
• border-radius
• box-shadow
• * word-wrap:break-word
• * font-adjust
• @font-face
• @media queries ( @media(width:22em){blah}
• -moz-transform: skewX(20deg);
• -webkit-transform: skewX(20deg);

Future from MOZ

• width calculations
• new layout systems for user interface

Microsoft – IE and CSS

• implementing 2.1
• 1st complete implementation on 2.1

In IE8

• no new CSS3 properties

Future of CSS in IE

• opacity
• backgrounds
• web fonts
• media queries
• mutil-column

Opera

• text-shadow (css2)
• webfonts (css2)

CSS3

• backgrounds and borders
• border-radius: 150px / 50px;
• box-shadows, blur, inset
• border-image
• a box css3 style
• css transitions (animations)

sxswtypography.com

Why do web designers complain about typography?

• web fonts are limiting
  • SIFR
  • Font stacks
• complexity
• consistency across platforms

Where do you find inspiration?

• print design
• thebookcoverarchive.com
• the content itself

Current implementation?

• Don’t pretend the Web is a book
• Cambria adoption is around 40%
• questionablecharacters.com
• Try to make the design work with the fonts you have

The future of Web typography?

• @font-face{ font-family:barf; src: url(barf.otf/eot); } <–need IE if statement for IE .eot font files
• font linking
• .eot as an open format for protection of font files
• loading problems with @font-face since the font has to load
• using an .htaccess file to protect the font from download.
• webfonts.info [available font with open licensing]

Closing Tips:

• webtypography.net
• pick a normal font and make it good. Don’t dwell on what you can’t do
• realize the creative potential
  • use letter spacing, text decoration, etc to dress up a standard font
• CSS3 fonts module
• Look up ARC90
• Arial has cross browser weight (bolding) issues, because it’s an old forgotten font

How to Respond to Feedback

step 1

Appreciation – “Thank you”

step 2

Acknowledgment

• understanding before you act. ask further questions if you don’t understand
• words matter (being blunt isn’t an excuse)

step 3

Consideration

• finding the value in feedback, how you can apply it
• strip away the negative
• isn’t always actionable
• be honest (if you can’t do it, need to think about it, etc.)
• give accurate expectations
• don’t say the word “no”, soften it up

Social Architecture by Christina Wodtke (Day Stage) – boxesandarrows.com

• slides on slideshare.net
• behavior is a function of the person + the environment
• you can only control the environments
• Gene Smith’s model
• A group is it’s own worst enemy – shirky.com/writings/group_enemy.html
• need to have visitor identities
• make the default avatar ugly so people want to change it
• identity is context based
• presence (status, history, signs of life [last logged in])
• reputation system can be insulting to a small group
• it’s good for large groups like amazon
• there must be a cost to join (from registration form to monthly fee)
• building relationships (groups of some kind)
• ways to track people you’re interested in
• facilitating conversation between users
• sharing information
• segregating a social site by demographic if you’re trying to cover a wide audience
• look for a real-world equivalent and try to mimic the behavior on your site

I’m about to start a long day of travel back to the West coast (FLO to CLT to LAS to LAX) after visiting my family for Thanksgiving. And while I spend my last night in the Carolinas I’m thinking about how my current job compares to past jobs I’ve had, when it comes to the strength of the team. So I started thinking about what makes a team successful. Oddly enough (in my experience), it has very little to do with talent (everyone knows how to use Google at this point).

If someone gets a job, it’s usually a given that they can do the work, so that’s rarely an issue. The main thing is building trust through communication, and not just any communication, proper communication. These are 5 things I’ve found to better communication and cohesion within a team.

Have lunch together

I’ve done this both ways. I’ve worked at a place where everyone sat at their desk and ate while they worked and I’ve worked at a place where everyone goes out to lunch together every day. Ideally, think there’s a balance in the middle somewhere. Seeing people outside the confines of their cube or desk is very important in building trust on a team.

The biggest complaint I’ve heard about this is that going out to lunch every day can get expensive (which is true). Going out to lunch doesn’t necessarily mean buying lunch every day, a lot of times I bring a sandwich with me. What’s important is the act of sitting down with people on your team outside the office, relax a little, and talk about something other than work.

Ask people how they like to be contacted

Instant messenger, phone, e–mail, a tap on the shoulder, a rubber band gun. These are all ways to communicate with someone at work. Everyone has ways they prefer to be contacted. Some like IM, some like e–mail, personally, I like the tap on the should because it gets my eyes away from the screen for a few seconds.

Finding this out can be as simple as saying to someone "Hey, how do you like to be contacted at work?" And you’d be surprised, but it makes a world of difference to someone who hates juggling IMs, when they can sort through e–mails instead.

Don’t make everyone share their feelings

I’m specifically talking about typical team building exercises here (and that awful Meyers-Briggs test). We’re all Web people, mostly introverts and let’s face it, we hate sharing our feelings with people. Don’t make us do it, it will come out naturally over a period of time as you spend time together and get to know everyone

Include everyone on everything

There’s always someone in the office who doesn’t talk much, keeps to themselves and is pretty reserved. It’s very important to include everyone in plans (lunch, after work, etc.). Even if they say no, the gesture of inviting someone tends to mean a lot and it makes someone feel like they’re part of the team and not just another employee.

Have a drink after work

Most people (higher ups) massively under value the after work drink. It doesn’t even have to be alcohol, like lunch, it’s the act of getting together. The attitude and personality of a person tends to change once they leave the office, people relax, drop their guard down and let out some real parts of themselves that they just can’t at work.

The first few times you do the after work get together, most people act the same way they do in the office. So it’s important to make sure everyone is comfortable. This is always a great place to vent some frustrations of the workday/week. You can learn a lot about someone while your doing this. The after work drink has produced some great friends for me that the workplace wouldn’t have really allowed for.

I’m sure there are hundreds of things self proclaimed professions can tell you to improve a working environment (usually those HR people everyone hates). This is just a list of things that work for me, because you’re not going to find out how to have a great working team in some text book. It’s all about the people, get to know your coworkers; in many cases, they’re the people you see the most (unless you’re married I guess). Most of all, it is possible to stay professional and also let your guard down.

I think most of us (the people who read this blog) keep up with the times by monitoring RSS feeds or reading books, I know that’s how I do it. But over the past few years my RSS reader has become more and more bloated. From time to time you may run through your feeds and delete the older ones, one’s that haven’t posted in a while or people who just complain about the government. But they’re all still valuable!

I try very hard to never delete an RSS feed. In fact, not too long ago I noticed that my feed menu had started to run off the page (I use Firefox to manage my RSS), so I got a bigger monitor to compensate; because you never really know where that bit of genius, that air of brilliance will come from. It could be from Eric Meyer, David Shea or from your random Swatkins blog.

I first noticed that I was neglecting my feeds when I saw 2 cycles of A List Apart and at least 10 CSS-Tricks posts/screencasts whiz past me, and that I hadn’t made a blog post in over a month (not cool with that at all). We’re all very busy at work, some more than others, but we still need to keep up with what’s happening in the industry.

Many times when I’m busy and I look at that long list of RSS feeds in front of me I just let out a :sigh: and say “I’ll just check a couple since I’m busy, and then maybe some more tomorrow when it calms down.” It had been happening a lot lately so I came to the conclusion that it’s not going to calm down, and that it’s time to get back into my old RSS groove. It’s really not that difficult to take some time out of every day for a little news reading. In fact, the ALA news days usually take the most time.

Many of us get to work, have our coffee, sit down, chat a little and before you know it, 20-30 minutes have gone by and you haven’t really “started” work yet. This is the time I use to read my news.

Not every blog/site you follow will update content on the same day. If you run through them every morning before you start your “heads-down” development/design you’ll find 1, maybe 2 sites that have made updates.

Keeping up with your RSS is really important, especially if your one of those psycho/learn everything about everything Web designer (like me P). I find that at least checking your feeds once a day, or even every other day can save you tons of time, energy and frustration in the long run.

But that’s just me hoping that I haven’t lost too many readers because of my month off ).

How do YOU keep up with your news?

Most people I ask about inspiration will say something like "Inspiration is everywhere!" Which is true (like telling a sprinter to run faster… thanks coach), but not very helpful when you sitting in a cubical or office and you need to build a comp. And I know, when I’m sitting in a coffee shop relaxing, that last thing I want to do is look around for inspiration or wait for it to hit me.

For many years I’ve taken inspiration and creativity for granted, but when you go through a time where the ideas aren’t firing at you as fast as you’d like, you have to seek them out. Recently I’ve have to do that; so I thought I’d share my sources.

EDU Style

EDU Style is a new source I found. University sites usually have a pretty distinct style, as they convey a different message than most blogs or corporate sites. This is a great source for ideas.

Design Meltdown

Design Meltdown is a neat gallery run by Patrick McNeil. Thousands of sites to look through. Patrick McNeil gave a real good talk at FOWD08 about finding inspiration, you can view his presentation slides on SlideShare.

Daily Design Workout

Daily Design Workout is a very interesting project. Jonas Buntenbruch posts a new design every day, mostly images, but a very good source of daily inspiration.

Flickr 7days

Flickr 7days shows a random assortment of images that have been uploaded to Flickr in the last 7 days. It’s neat to look through, and every once in a while you’ll run into a cool picture you can grab some ideas from.

Twitter public timeline

Millions of people all over the world use Twitter every day, and a lot of them post links. Just go through the public timeline and click some of the links people post, check out the design; you never know what’ll be there.

OpenID site directory

The OpenID site directory is a fairly comprehensive list of all sites that integrate OpenID. It’s a massive list of web sites, why not click around?

Doing a Google search for "CSS Gallery" will turn up some good sites too (like cssmania and css beauty), but I think most us know about those, so I opted to leave most of them out of my list.

A neat source for typography inspiration is any magazine you can get your hands on. Magazines use so many different typographical styles that by just looking through a few different ones you can a ton of ideas to apply to your site(s).

Those are just a few things I’ve done to try and get out of a design slump, hopefully they’ll be helpful for you.

Where do you get YOUR inspiration?