@media | Web Directions

Presentations about @media

Podcasts, slides, videos and more

Doug Schepers — SVG Today and Tomorrow

• In: Resources
• By: Guy Leech
• July 24, 2010

Web Directions @media 2010, Southbank Centre London, June 10 10.45am.

• Audio record­ing of session
• Presentation slides
• Session descrip­tion
• About Doug Schepers

Presentation slides

These slides are avail­able on the W3C website.

Session descrip­tion

Thought SVG was dead? Think again. Once rel­e­gated to plug-​​in sta­tus, Scalable Vector Graphics is now spread­ing rapidly, in browsers, mobiles, and even tele­vi­sions, with broad native sup­port and graph­i­cal script libraries. It’s used on major web­sites like Wikipedia, Google Docs, and the Washington Post. Whether images or apps, stand­alone or inte­grated into HTML, CSS, or Canvas, SVG is a pow­er­ful tool in a devel­oper or designer toolkit. With full script­ing sup­port, ani­ma­tions, and advanced visual effects, SVG lets you reuse skills you already have. Learn how to use SVG to best effect to add standards-​​based bling to your webapp or site, see what works and what to avoid, and glimpse where the future lies.

About Doug Schepers

Doug Schepers works for the W3C as the Rich Web Clients Activity Lead, and the Team Contact for the SVG and WebApps Working Groups, and par­tic­i­pates in sev­eral other groups, includ­ing HTML and OWEA. He is an edi­tor of the Element Traversal, DOM3 Events, and SVG spec­i­fi­ca­tions, and co-​​chairs the SVG Interest Group. Before join­ing the W3C Team, he has been a long-​​time devel­oper of Web appli­ca­tions, with a focus on SVG. Doug works from home in Chapel Hill, North Carolina, USA.

Follow Doug on Twitter: @shepazu See the slides and hear the podcast »

Rachel Andrew — Core CSS3

• In: Resources
• By: Guy Leech
• July 24, 2010

This ses­sion will be a solid intro­duc­tion to CSS3 by way of prac­ti­cal exam­ples that can get you started using CSS3 on your projects today.

See the slides and hear the podcast »

Tom Hughes-​​Croucher — An introduction to server-​​side JavaScript

• In: Resources
• By: Guy Leech
• July 19, 2010

Server-​​side JavaScript has really started to take off, with a num­ber of great projects pro­vid­ing dif­fer­ent pieces of the puz­zle. This talk will intro­duce server-​​side JavaScript and pro­vide an overview of the exist­ing projects as well as some ideas about where it’s all going in the future.

See the slides and hear the podcast »

Mark Boulton — Designing grid systems

• In: Resources
• By: Guy Leech
• July 19, 2010

Grid sys­tems have been used in print design, archi­tec­ture and inte­rior design for gen­er­a­tions. Now, on the web, the same rules of grid sys­tem com­po­si­tion and usage no longer apply. Content is viewed in many ways; from RSS feeds to email. Content is viewed on many devices; from mobile phones to lap­tops. Users can manip­u­late the browser, they can remove con­tent, resize the can­vas, resize the type­faces. A designer is no longer in con­trol of this pre­sen­ta­tion. So where do grid sys­tems fit in to all that?

See the slides and hear the podcast »

John Resig — Testing mobile JavaScript

• In: Resources
• By: Guy Leech
• July 19, 2010

This talk will be a com­pre­hen­sive look at what you need to know to prop­erly test your web appli­ca­tions on mobile devices. We’ll look at the dif­fer­ent mobile phones that exist, what browsers they run, and what you can do to sup­port them. Additionally we’ll exam­ine some of the test­ing tools that can be used to make the whole process much easier.

See the slides and hear the podcast »

Simon Willison — Building crowdsourcing applications

• In: Resources
• By: Guy Leech
• July 19, 2010

Crowdsourcing appli­ca­tions take indi­gestible tasks and break them down into digestible pieces, enabling a group to help plough through large scale projects in much shorter peri­ods of time.

See the slides and hear the podcast »

Christian Crumlish — Designing for play

• In: Resources
• By: Guy Leech
• July 19, 2010

Taking ideas from game design, musi­cal instru­ment design, and play-​​acting tech­niques includ­ing improv and bodys­torm­ing, Christian will address the role of play in dig­i­tal expe­ri­ences and how we can design to fos­ter and encour­age play rather than squeeze all the joy out of life one pixel at a time.

See the slides and hear the podcast »

Patrick Lauke — Brave New World of HTML5

• In: Resources
• By: Guy Leech
• July 19, 2010

HTML5 was orig­i­nally called Web Applications 1.0, but that doesn’t mean it’s only for scripters – there’s plenty for markup mon­keys as well as JavaScript junkies.

See the slides and hear the podcast »

Sandi Wassmer — Inclusive design is for everyone

• In: Resources
• By: Guy Leech
• July 19, 2010

Inclusive Design is cur­rently the domain of peo­ple who design phys­i­cal things, like prod­uct design­ers and archi­tects, but Sandi Wassmer is firm in her belief that Inclusive Design applied in the online envi­ron­ment just makes sense.

See the slides and hear the podcast »

Remy Sharp — Browsers with wings: HTML5 APIs

• In: Resources
• By: Guy Leech
• July 19, 2010

HTML5 is all the rage with the cool kids, and although there’s a lot of focus on the new lan­guage, there’s plenty for web app devel­op­ers with new JavaScript APIs both in the HTML5 spec and sep­a­rated out as their own W3C spec­i­fi­ca­tions. This ses­sion will take you through demos and code and show off some of the out­right crazy bleed­ing edge demos that are being pro­duced today using the new JavaScript APIs. But it’s not all pie in the sky – plenty is use­ful today, some even in Internet Explorer!

See the slides and hear the podcast »

Hannah Donovan — Telling stories through design

• In: Resources
• By: Guy Leech
• July 11, 2010

Hannah Donovan will talk about the designer as a sto­ry­teller — espe­cially in terms of the impor­tance of this role within a team. Improve your out­put as a designer by tak­ing a closer look at influ­enc­ing the input. As a visual nar­ra­tor we help to visu­alise, inspire and curate for the peo­ple we work with as well as con­nect­ing sce­nar­ios around the larger prod­uct saga that sup­ports the inter­faces we design. By exam­in­ing your input, make your out­put more effec­tive with your team and users alike, paving paths for peo­ple to tell their own sto­ries as your prod­uct evolves over time.

See the slides and hear the podcast »

Steve Souders — Even faster web sites

• In: Resources
• By: Guy Leech
• July 11, 2010

Web 2.0 is adding more and more con­tent to our pages, espe­cially fea­tures that are imple­mented in Ajax. But our web appli­ca­tions are evolv­ing faster than the browsers that they run in. We don’t have to rely on or wait for the release of new browsers to make our web appli­ca­tions faster. In this ses­sion, Steve Souders dis­cusses web per­for­mance best prac­tices from his sec­ond book, Even Faster Web Sites. These time-​​saving tech­niques are used by the world’s most pop­u­lar web sites to cre­ate a faster user expe­ri­ence, increase rev­enue, and reduce oper­at­ing costs. Steve pro­vides tech­ni­cal details about reduc­ing the pain of JavaScript, as well as secrets for mak­ing your page load faster in emerg­ing mar­kets where net­work con­nec­tiv­ity is a challenge.

See the slides and hear the podcast »

Relly Annett-​​Baker — All the small things

• In: Resources
• By: Guy Leech
• July 11, 2010

Microcopy is the ninja of online con­tent. Fast, furi­ous and deadly, it has the power to make or break your online busi­ness, to kill or stay your foes. It’s a sen­tence, a con­fir­ma­tion, a few words. One word, even. It isn’t big or flashy. It doesn’t leave a call­ing card. If it does its job your cus­tomer may never notice it was there.

See the slides and hear the podcast »

Images:

The images are downsized due to limited space here. The original dimensions may differ.
Click on the image to open it on a new tab.