Simon Collison (@colly)

Designer. Also writer, speaker, new adventurer.

Simon is a designer who probably spends more time thinking than designing. He’s been thinking and designing at the sharp end for well over a decade, and regularly presents his thoughts at conferences and in publications. He’s worked in a variety of situations for bands, governments, banks, explorers and most other things. He’s currently collaborating on bold new projects with Fictive Kin, and organizes the annual New Adventures events. Simon works from Nottingham UK andBrooklyn, New York, and loves traveling anywhere.

http://colly.com

A Philosophy of Restraint

With a wealth of ideas and tools at our disposal, we often muddle our messages and complicate our code. We appreciate that less is usually more, yet stuff our sites to the bursting point, failing to be economical with what we have. We must know when to stop, and when to throw things out. We should embrace simplicity and subtlety, and exploit the invisible. Through timeless lessons and practical examples, learn how reduction and restraint can improve communication, emotion, and experience in our designs, with a philosophy applicable to every aspect of the systems we produce.

Watch this talk on Vimeo

Kyle Neath (@kneath)

Director of Design at GitHub.

Kyle Neath is something like a designer who has an irrational fear of checkboxes. He spends his nights (and sometimes days) designing and building tools for other designers and developers at GitHub, where it's rumored they're trying to build the best company in the world. Kyle has an addiction to building great things, shipping, and fine beers.

http://warpspire.com/

A better future with KSS

Writing maintainable CSS inside of a team is one of those problems a lot of people think can be solved by writing CSS in a particular style. But in my experience, that never works out. So I'd like to introduce you to my latest creation: KSS. It's a documentation and styleguide format. I'd like to show you why I built KSS, how it's been helping us at GitHub refactor our 4.5-year old CSS, and a glimpse into the future of KSS.

Watch this talk on Vimeo

Lea Verou (@LeaVerou)

Frontend code pirate. Optimist

Lea has a long-standing passion for open web standards, and has been often called a “CSS guru”. She loves researching new ways to take advantage of modern web technologies and shares her findings through her blog, lea.verou.me. Lea also makes popular tools and libraries that help web developers learn and use these standards. She speaks at a number of well-known international web development conferences and writes for leading industry publications. Lea also co-organized and occasionally lectures the web development course at the Athens University of Economics and Business.

http://lea.verou.me/

/Reg(exp){2}lained/: Demystifying Regular Expressions

Quick, what does this do: /(\/\*?\\/)|\/\/.*?(\r?\n|$)/g? If you’re like many developers, you just averted your eyes, and your heart is now in your throat. Symptoms included sweaty palms and recurring nightmares with blood-thirsty ASCII symbols. But don’t worry, this condition doesn’t have to be chronic. A cure is right around the corner.

As with many developers, you’re familiar with the power of regular expressions, but anything beyond the basics scares the crap out of you. Fear no more young padawan! In this talk, we’ll start with the basics and progressively enhance your knowledge until you’re coding regular expressions like a champ. Everything will be demonstrated live with visual examples that ensure maximum comprehension.

Watch this talk on Vimeo

Daniel Eden (@_dte)

Designer & front end developer. Cat person.

Daniel Eden. He is a web designer, web standards enthusiast, beer-drinking, checked-shirt-wearing student from Manchester. He writes websites in browser-friendly HTML and CSS, and does a fair bit of dabbling in PHP.

http://daneden.me/

Moving The Web

Animation on the web has long been dominated by Adobe Flash and jQuery. CSS finally has the power to handle complex animations; but how can we use them in a real-world situation? How can we achieve the same fluid interfaces seen on devices such as the iPad, and create an enjoyable experience for our users?

We can - and should - start using CSS animations today. We'll talk about the benefits of animations on the web for interaction and other purposes, cover tried-and-tested techniques for great animation, as well as point out some of the problems you can expect when crafting CSS animations.

Watch this talk on Vimeo

Olov Lassus (@olov)

Passionate Programmer

Olov Lassus is a Swedish passionate programmer who started his career in the 16-bit game development era of the early 90's. He accidentally got into JavaScript while writing his master's thesis and it has pursued him ever since. He likes to fiddle with language design, programmer productivity and tooling. You may catch him humming the mantra "easier to reason about".

http://lassus.se

JavaScript: the subsets we use

Is it possible to make our programs more robust, easier to reason about and more enjoyable to write by carefully restricting our usage of the JavaScript language? You’ll hear the story of when assumption met a magic hat. We’ll get to know our heroes Assert and restrict mode, and if time permits we’ll pay a short visit to JSShaper - the world they live in. Let the journey begin.

Watch this talk on Vimeo

Stephen Hay (@stephenhay)

Designer and developer, former creative director.

Stephen has been designing and developing for the web since 1995. he was formerly creative director of cinnamon interactive, one of the first web design and development firms to successfully combine professional visual design with open web standards and accessibility best practices back when table layout was the norm. he now independently consults with clients on design, multi-platform strategy and accessibility through his new company, zero interface.

Stephen has written for several publications including a list apart and .net magazine. aside from his client work, he speaks and writes on the subjects of css3 layout, web design and accessibility. he sporadically publishes his thoughts at the-haystack.com.

http://www.the-haystack.com/

Responsive Design Workflow

In our industry, everything changes quickly, usually for the better. We have more and better tools for creating websites and applications that work across multiple platforms. Oddly enough, design workflow hasn't changed much, and what has changed is often for worse. Through the years, increasing focus on bloated client deliverables has hurt both content and design, often reducing these disciplines to fill-in-the-blank and color-by-numbers exercises, respectively. Old-school workflow is simply not effective on our multiplatform Web.

In this session, Stephen explores at a content-based approach to design workflow which is grounded in our multiplatform reality, not fixed-width Photoshop comps and overproduced wireframes. You'll learn how to avoid being surprised by the realities of multiplatform websites. You'll learn how to better manage client expectations and development requirements. You've probably heard of designing in the browser; in this session you'll learn a practical approach for actually doing it.

Watch this talk on Vimeo

Mikko Mononen (@MikkoMononen)

Co-founder & Technical Lead

Mikko is a founder and technical lead of Tinkercad, the world’s first browser based solid CAD and the best way to get started with 3D printing. Since its launch in 2011 the site has grown into a large community of non-professional users collaborating and sharing designs. Before founding Tinkercad Mikko was one of the world’s leading Artificial Intelligence developers (which you'll never hear him saying). Years of working in the game industry has given Mikko the deep insight he now leads Tinkercad's technical development with.

http://digestingduck.blogspot.com/

Crafting 3D user interfaces for the Web

Now that WebGL is becoming a reality, the next question is how to make best use of the new dimension? This talk will present for both developers and designers, building blocks for designing and implementing tangible 3D user interfaces. We'll cover the topics from mental models to mapping 2D input devices to 3D spaces.

Watch this talk on Vimeo

Devin Hunt (@hailpixel)

YC07 alum and founder of @lyst.

Devin is an interactive designer, developer, and entrepreneur who has been creating digital products for 6 years on behalf of brands ranging from Disney Imagineering to Vice Magazine. His most recent startup is Lyst.com, a social fashion site.

http://www.hailpixel.com

Sketching Better Experiences

Fantastic user experiences aren’t born in your head and they aren’t created with a single sketch. They are driven by a vision, honed with iteration, and refined by your users. The talk will cover practical techniques including paper prototyping and user sketching and why they are useful at any stage of a product. We’ll cover how they generate, test, and validate ideas to help you build better stuff. Bring your notebook and pen: we’ll be doing some drawing!

Watch this talk on Vimeo

Phil Nash (@philnash)

Web developer, rugby player, beer drinker. I like good code, a good game and a good ale.

Phil is a developer living and working in London. He's been writing HTML since the <font> tag was cool. He spends his days flipping between JavaScript and Ruby creating delightful social websites at Mint Digital. When not thinking about code, he enjoys music festivals, beer and secretly thinking about code.

http://philnash.co.uk/

The browser is taking over!

There's a lot to be excited about in web development at the moment, but the bits keeping me awake with excitement right now are Device APIs. We'll look into what APIs are available now and soon, how easy it is to use the APIs in JavaScript and have a think about what sort of exciting things we can do with them.

Watch this talk on Vimeo

Karri Saarinen (@karrisaarinen)

Web Product Designer / UI / UX. Co-founder of @kippt, @railsgirls and @arcticstartup

Karri is a web product designer and developer, who just wants to ship things. Working with startups for years, Karri is now building his own startup, Kippt, a social platform for information. Karri has also co-founded startup media ArcticStartup and Rails Girls, a global initiative to help women to get excited about programming and making things.

http://karrisaarinen.com/

Building with Twitter Bootstrap

Less than a year, Twitter Bootstrap has taken over the frontend world and currently is the most popular open source project on Github. In the talk we dive in to the principles of using Bootstrap effectively in your design and development process - and how not use it.

Watch this talk on Vimeo

Our sponsors

Futurice

Futurice is a high-end software boutique specialized in web and mobile services.

With 150 talented and passionate employees in Finland, Germany & the UK, we placed 1st in the Great Place to Work awards in Finland in 2012. Oh, and we're hiring!

Learn more

Reaktor

We are Reaktor. A software house. Our 160 smart and handsome employees shape the company every day.

Want to play a part in our story?

Learn more

LogMeIn & Prezi

Organizing partners

Kisko Labs

Kisko Labs makes people happy by solving their problems with digital services. You should kickstart your web product or service with us. We'll complete it in five weeks.

Learn more

Frontend Finland

We believe the Finnish online industry would benefit greatly from an open and strong front end community. We believe that frontend.fi is the catalyst needed to create that strong community.

Learn more

Agile Finland

The purpose of Agile Finland is to raise the public's awareness of Agile Software Development, advance the use of Agile and increase its members' Agile knowhow.

Learn more

Interested in sponsoring?

Contact us info@webshaped.fi if you're interested in sponsoring the event.