Front-Trends is coming back on May 18-20, 2016 in Warsaw, PolandVisit the Website
Speakers

Gregor Adams is a self-taught web developer with a strong focus on CSS. He works as a front-end developer and architect at SinnerSchrader (most of his works are pure CSS). He’s active on codepen where he shows his abstract CSS experiments and his most impressive works are related to 3d shapes or fractals.

Gregor speaks at conferences and meetups with a strong urge to teach or help other developers. He pushes his own limits every day, staying up to date with the latest specs, finding fixes for browser quirks or trying to do the impossible. Just recently he founded a CSS meetup in Munich.

CSS Fractal art

Slides

A fractal is a natural phenomenon or a mathematical set that exhibits a repeating pattern that displays at every scale. In his talk, Gregor will show how he found love for fractals and started making them in CSS or Sass. You can expect to see a step-by-step guide to creating CSS fractals and experiments from simple to complex.

Then he will explain how to connect these fractals to the webAudio API and create optical effects that are generated by music. All in all you will see some amazing structures and visuals. Sit tight some of these experiments might make you think there was something funny in that last drink.

But we can assure you, it’s pure CSS. If you are into visuals and talks with a lot of action and live examples this is the perfect talk for you.

Sayanee Basu is a full stack developer working with emerging web technologies at Ricoh Pte. Ltd. in Singapore. Her key interest lies in connecting the web and the internet to the physical world through sensors and hence, much of her free time is now spent in tinkering with electronics and computer networks. She creates Build Podcast, a screencast series on developer tools as well as actively contributes to the Singapore tech community through curation of events, open source projects and a developer focused podcast.

Let's mashup the web and the real world

Slides

Increasingly we are seeing the trend of hooking up sensors and electronics to the Internet. As sensors and hardware platforms become more available for hobbyists, web developers can also have fun with the real world by triggering and sensing.

In this talk, we will cover how we can utilise the plenty of sensors already embedded in our mobile phones, to different wireless protocols such as the WiFi or Bluetooth Low Energy as well as some low power devices. Then we will hook them up to a display or trigger them with various web technologies right in our browser.

If you are looking to start playing with hardware and web technologies, this talk will give you an overview of common hardware platforms, javascript libraries, as well as beginners’ sensors. And yes, audience participation will be required in this talk, so let’s have some fun!

Wherever things intersect, that’s where Gunnar is. Programming ∩ UX: his passion is front end development. Performing music ∩ speaking at conferences; oh and singing at conferences. ;-)

He is a strong believer in responsive design and web design being the same thing. He also believes in make-progressive-enhancement-love-not-browser-war. Though hardly able to tell Helvetica from Arial, he loves to hang around with typography nerds. He lends a hand with organizing the World Usability Day Berlin. And he loves to come back to the place that had been his 2nd hometown for a while: Warsaw.

nuqjatlh (What does it mean?)

Slides

To many, “semantic mark-up” means using appropriate HTML elements, not just divs (which should be a matter of course). But there’s more to it…

This talk provides an insight into Semantic Web technologies and how they can be used with HTML: microformats, microdata, RDFa, Schema.org. We’ll cover how applications can benefit from it and its impact on user experience.

What do Klingons have to do with it? You’ll find out…

Michal is former Karate (1 kyu) & MMA fighter and Star Alliance Gold Senator. He loves subway systems & TV shows and collects ancient Roman coins. From time-to-time he codes, tweets (@michalbe) and blogs. For last 13 years, Michał has worked as a JavaScript developer in companies like Mozilla, Gadu-Gadu, Walmart or GTECH. When he’s not doing JS, he’s watching TV shows (Github), traveling, coding or running mixed martial art trainings.

The JavaScript board games of your childhood

OMG, this local-freak will talk about web gaming again. WHYY? I don’t want to attend another HTML5 gaming talk!!!! C’mon dude, we all know that it’s possible to make a game in web technologies that run on mobile phone, fridge, printer, gaming console and etc. JUST STAHP! AGAIN? JS games are soooo 2011!

If any of the above was you first thought, I’m sorry to disappoint you. During this talk I’ll present my journey from JavaScript to real board games. These are the games you played with your friends on rainy days 30 years ago. You’re probably wondering how the hell you can write a board version of Chess or Monopoly using JavaScript. Everything will be explained in this Front-Trends talk!

Front end developer since able to grow a beard, father of two, meteoropathic and with an insane passion for punk rock and indie hip hop.

In the web industry since the end of the first browser war, he started his career coding awful websites, which thanks gods are no more anywhere on the Internet.

He left Italy a couple of years ago for London, where he is currently coding at Shazam.
Nevertheless he is still proudly involved in the organization of From the Front conferences, the main Italian front end events.

Zombie Code

Slides

Have you ever needed to figure out how to survive a Javascript Zombie-codepocalypse? Have you dreamt about living legacy code and running away from it? Thousands of lines of tightly coupled and hardly understandable code trying to get to you?

I’ve been there, but I’m a survivor because I learned the art of refactoring. This talk is a guide about how to deal with feature requests and deadlines, all while improving the maintainability of your code.

Language Buff, Open Source enthusiast and Father of two. Shaun spends his days working for Boticca in London as head of Front End Development and his evenings building things. Shaun loves code in all its forms and has a penchant for sharing knowledge.

This is for everyone

Slides

It’s never on the top of the list for any project I’ve ever worked on, but over the years I have come to realise just how important A11Y is for the web.

From something as simple as Keyboard navigation, to enabling those who use other aids to browse the web, we need to make sure we know what we’re doing. I’ll talk about what tools we can use to help us be better accessibility-enablers and make sure that everyone can have a good experience with the sites we build.

Trine Falbe has been working professionally with Internet related things since 2001. She currently teaches UX, IXD, UID and presentation skills at the Multimedia Designer Program in Esbjerg, Denmark. Alongside her teaching, she works on (mostly digital) projects as a UX consultant. She has spoken at various conferences in Europe about UX and presentation skills.

Designing web interfaces for kids

Through my research with children, games and learning (all of which I’ve worked with over a number of years) I have found that the way kids use interfaces differ a lot from adult interaction patterns. They have different search patterns, language skills, cognitive skills and motor skills. And this has a big impact on the way we should design interfaces when the users are children.

This subject is important, because kids these days use online tools from before they can read. They are growing up in a new paradigm – they have not known the world before the Internet. This impacts the way they act on, interact with, and perceive, the web.

In this talk, I will inform you about the way kids interact with interfaces, how it differs from the interaction patterns of adults, and provide you with some guidelines on how to design (non-game) web interfaces for kids.

Robert is a passionate Front-end developer, evangelist and automation geek. He loves to speak about technology and build cool things for the web community. He previously worked as the Head of Front-end at a global top 10 social network and is now a Senior Front-end Consultant at Backbase.

Robert is currently focused on Living Style Guide systems and modular UI development, building processes and tools for various teams.

In the open source field, Robert’s most important projects are SourceJS Style Guide Platform and DevShelf.us—a community-driven articles hub. You can check out his Github for even more.

The Style Guide Platform

Slides

With the rise of modular web and CSS frameworks, having well structured UI documentation is a must. You probably have already heard about Living Style Guides for the web and CSS documentation, but what lays beyond simple pattern libraries?

Style Guide Platform is the next big thing for building and collaborating on maintainable component libraries. Following Style Guide driven development evolution, we are able to combine various tools for testing, communication and living documentation support in nice, consistent environment.

Let’s explore the possibilities of next-gen UI development and management approach, following the broad experience of world-class teams and Front-end centric companies.

Inayaili is a Lead Web Designer at Canonical, the company that delivers Ubuntu.

I’m Panamanian Portuguese, born in the USSR, and have been living in London since 2008 — my favourite city in the world.

I love cats and naps.

Realistic responsive design

In an ideal scenario, when you’re going to convert a non-responsive site into a responsive one, you start from scratch and do everything right and perfectly from the beginning. But where’s the challenge in that? In reality, starting from scratch is just not practical or possible for many projects, so what can we do to overcome some of the most common obstacles and still get to that elusive, mobile-first, responsive site?

In this talk, I’ll go behind the scenes through the nitty-gritty of a real world responsive retrofitting project, and give handy tips that can be put in practice by other teams facing similar challenges.

Glen Maddern is an independent web developer from Melbourne, Australia, with a background in mathematical simulations and distributed computing. Since 2009, he’s been working exclusively on the web and most recently, almost entirely on the front-end. He believes there’s never been a more potent target for ideas than the browser and the web, and loves the incredible pace at which new ideas are emerging, and the new ways ideas can be demonstrated, shared and built upon. He runs the Melbourne AngularJS meetup and was an organiser of the inaugural CSSConf AU.

Friendlier, More Powerful

Slides

The world of a front-end developer has never been more complex. The rate at which new libraries, devices, protocols, and even languages are appearing can be dizzying. Meanwhile, the capabilities of the platform are exploding, and so are our expectations. Our tools can barely keep up, and we can barely keep up with them.

If it’s hard for us, imagine what it’s like for someone new to all this. For us, the days of throwing a HTML, CSS and JS file in a directory are long gone, but that’s still usually where we tell people to start. That is the web of a generation ago, and we forget how hostile it was. Our tools, while impenetrably complex to a newcomer, make the web a happier place to work.

What if the tools we used weren’t so impenetrable though? What if people, regardless of experience, could build the web like we do?

Professional web developer with experience in structuring, developing and maintaining large-scale single-page web applications in multiple different JavaScript frameworks. Experienced in front-end operations, automating build systems, quality assurance and deployment procedures.

Skilled craftsman with extensive knowledge in web performance optimization and modern web development techniques.

Community organizer of CopenhagenJS and Conference speaker.

Making development workflows simple

In a world of ever-increasing complexity in compilers, build systems, tests and tools that all have to integrate with each other, it seems that developers have lost their intuition of what is simple. Getting into web development has never had a steeper learning curve and nobody seems to be addressing the fact that this might hurt our community in the long run by scaring newcomers.

In this talk, I will focus on precompilers and transpilers and the workflow and tooling around them. I want to bring us closer to a more comprehensible abstraction and a simpler API that will let the current and future generations of web developers focus on the work, rather than the tools.

Phil is a developer-evangelist for Twilio serving developer communities in London and all over Europe. He is a lover of all things front-end, and writes backends in Ruby (and sometimes node.js) and, more recently, he has started making his own beer! APIs old and new, browsers and REST, fuel his passion for development. You should have seen how delighted he was the first time he played with the WebAudio API!

Phil loves test coverage, great beer, hackathons, and libraries with puns in their names. Get all four together for maximum points.

WhatRTC? Connecting browsers to the world

Slides

Traditionally browsers talk to servers, but what if they could speak to each other? WebRTC is a small set of APIs that make peer to peer communication possible between browsers. Video, audio and data can flow from browser to browser opening up a new set of possibilities for the web.

We’ll take a look at what WebRTC gives you and, importantly, what it leaves out. We’ll cover implementing a simple chat application and speculate over more complicated use cases and examples. I’ll also demo new real-time video infrastructure based on WebRTC.

Coming from a physics background, Felix got into software by writing games in Flash. Since then, he has spent time working in London and Silicon Valley, working with a wide range of technologies, from mobile to cloud, server to web. He enjoys combining the visual with the technical and is excited about the opportunities WebGL brings. He is the creator of piste.io. Currently he lives in Prague, spending his time building things with WebGL, speaking at conferences, and writing on www.pheelicks.com.

How to build Photoshop - WebGL not just for 3D

Slides

WebGL is normally associated with 3D graphics, which can seem daunting without a background in this field. However, the WebGL API is inherently 2D, merely supplying a very useful toolbox of functionality for creating 3D engines.

In this talk, we’ll explore how WebGL can be used to manipulate 2D graphics, by creating a simple image editing application. Through live-coding, we’ll see that working with WebGL isn’t all that complicated and can be achieved without having to reach for higher level frameworks, and how hardware accelerated image effects like color changes, deformations or blurs can be implemented in a few lines of code.

Tim studied computer science with a focus on Java and worked as a Java desktop application developer (Swing, RCP) for some years. Then, he switched into backend development using PHP / MySQL creating webshops. Over time he also learned how to create stuff on the front-end (SCSS, HTML, JS) and Node.js on the server. He also co-founded a company with his two friends and they work on E-Commerce systems (Magento, MuleESB).

He also works on open-source projects and is a member of two awesome developer groups: 4ae9b8 (we created Browserhacks) and bullgit. He also created the first Famo.us <3 Frankfurt meetup. Tim plays with NeoPixel and Tessel in his spare time.

Tim’s in love with music and only uses SoundCloud.

He loves the web and it’s his platform of choice for everything.

NERD DISCO: The Next Generation

Slides

Do you love music, LEDs and JavaScript? Then you shouldn’t miss the next generation of NERD DISCO, which provides music visualization in the browser using the Web Audio API + canvas and on LEDs utilizing Adafruit NeoPixel + Fadecandy. This talk will give you insight into the communication between the browser and the LEDs using Node.js + socket.io + Fadecandy Server.

Axel has been programming since 1985 and developing web applications since 1995. In 1999, he was technical manager at a German Internet startup that later expanded internationally. In 2006, he held his first talk on Ajax.

Axel has done extensive research into programming language design and has followed the state and future of JavaScript since its creation.

Located in Munich, Germany. Axek peaks German, English, French, and Spanish.

ECMAScript 6: highlights and recommendations

Slides

In this talk, I’ll take you on a tour of ECMAScript 6 (ES6), the next version of JavaScript. I’ll give a brief overview of its features and will tell you what I make of them (spoiler: it’s mostly good news). The talk concludes with a demonstration of a few cool things that you can do with ES6.

Mark is passionate about email coding and bringing it up to the standards of the web.

Among other things, he was the first person to put a fully interactive game within an email. Also, the first to build responsive email in Gmail. With Rebelmail, the first to build multi-page email, and finally, the first to build a fully functional checkout in an email.

It’s true there are big limitations in email code but he wants to show people there are also huge opportunities. 2014 was the year of responsive email. Mark believes 2015 will be the year of interactive email.

Punched card coding – Javascript functionality with CSS

We’ve developed a new style of coding – Punched card coding – based on old punched card computers, we use a large number of radio buttons to build complex javascript like functionality into an email.

For example, the user can add/remove/edit items in a shopping cart, select delivery address, credit card and then checkout all from within a single email.

Natalia Różycka is a Senior UX Designer at the Research & Early Development department at Roche, with customers and users in Switzerland and the USA. She has a background in computer science, sociology and quantitative methods. Natalia has gained most of her experience through designing rich internet applications that span all kinds of business software in content management, IT service management, customer relationship management, enterprise resource planning, business intelligence and more.

UX terror. Know your rights.

Slides

Do you miss the times when Front-End devs were called Web MASTERS? When you did not have to wait for ages for someone else to design a simple form? When there was nobody stalking you to move a button 2px to the left? When there was no philosophy behind the placement of a search field?

Anyway… these days are gone, baby. UX is here to stay, at least for some time, so let’s figure out ways to work together. In the end we all want to make things we are proud of.

We’ll learn what you can actually request from your UX team (guess what, it’s not just prototypes!), when to speak up and how to communicate with UX folks to be effective.

Zach is an ambitious young thinker who creates new ways to give users more enjoyable, immersive, and meaningful experiences. He writes for CSS Tricks, and his work has been featured on sites such as Codrops and Web Platform Daily, spoken of by folks like Ruth John and Chris Coyier, and been an inspiration across the web. His animation tinkerings are easy to find in the featured sections of CodePen and CSSDeck. Zach does freelance front-end development, attends the University of Georgia, and spends (too much) time helping others on StackOverflow and CodeMentor. Zach moonlights as a DJ, loves playing futbol, and is always up for a good conversation, no matter what topic.

Meaningful Animations: Making UX Exceptional

Slides

In this talk, we’ll delve into the purpose behind the sites and applications we make, how we learn and connect as humans, and how we should design our sites and applications with those things in mind – through the world of animation. We’ll cover why we need to use animations, the principles of how to do them right, and both the good and bad examples out there in the wild.

Dmytrii is a Senior Javascript Engineer at HERE Maps (a Nokia company) from Berlin. He works on its javascript maps API, which is used by companies such as Yahoo, Amazon or BMW. At his previous job at Yandex, he wrote server-side javascript targeting millions of daily users, when Node.js was only version 0.6! He co-authored a full-stack javascript framework a year before AirBnB wrote about “Isomorphic JS” for the first time. In his spare time, he works on his own project in the field of peer-to-peer communication. So if you want to see into the future—just ask Dmytrii.

Functional and Reactive Jetpack for Javascript

Slides

While working on my WebRTC enabled side project, I noticed that many asynchronous processes which can be easily explained are really tough to implement using traditional imperative programming with object structuring. Intuitively we understand what it means. It means that we need to define new abstractions to effectively deal with asynchrony.

In this talk, I want to share with you new kinds of glue for structuring our programs, which I learned while taking bits of two other programming paradigms—functional and reactive—and using them in javascript.

Léonie Watson began using the internet in 1993, turned it into a web design career in 1997, and (despite losing her eyesight along the way) has been enjoying herself thoroughly ever since.

After many years as Director of Accessibility at Nomensa, Léonie is now a Senior Accessibility Engineer with The Paciello Group (TPG) and owner of LJ Watson Consulting.

She is also a director of the British Computer Association of the Blind (BCAB), writes for .Net magazine and SitePoint.com, is a member of the W3C HTML and SVG working groups and blogs on tink.co.uk in her spare time.

ARIA, Accessibility APIs and coding like you give a damn!

Slides

Understanding accessibility mechanics is the key to good interface design. Using ARIA to manipulate the browser’s accessibility tree means you can create interfaces in HTML, SVG and even Web Components that are accessible to assistive technologies, without compromising on functionality or design.

Founder and education expert at Functionite. Worked as a Front-End Consultant for companies such as Nokia, Roche, Franklin Templeton, and Airbnb. Damian is the author of tutorials and workshops on front-end development from basic to advanced. He is also a former Front-Trends organizer and the founder of meet.js, a network of free JavaScript meet-ups that take place across 10 different cities.

The Human Element

Slides

We live in times driven by perpetual innovation, shaping how we live and impacting our social behaviors. As we improve the tools we use to make the world a better place, we do it at an outstandingly fast pace. But we’re still only human; can our integrity and sanity keep up?

It comes down to adjusting our soft skills. Which ones are key in a fast-paced front-end environment? How do we develop them so that everyone can benefit from the work we do as coders and community members? What’s required of us to become a professional front-end developer, as well as a decent human in the technology race?

Peter is a Dutch JavaScript expert who specializes in syntax, code style, and code rewriting. He also organizes the yearly JS1k competition. Freelances all around the world, and speaks on these topics at various conferences around the world.

How to build a streaming parser

Slides

Automatic tools can spit out super large scripts these days. Look at emscripten for examples, a script of several megabytes is not an exception (more like the rule). How do you process a script that is several megabytes large? Most parsers tend to want to parse everything in one sitting. These parsers run out of memory at some point. How can you do analysis or modifications to arbitrary scripts if you can’t even parse them? Enter a streaming parser. It is capable of parsing a script left to right without retaining more memory in the process. It can yield at any point where it needs more input and it can stream parsed tokens when one is available.

I’ve managed to write an automatic build script that transforms my JavaScript parser ZeParser from a regular sync parser to a streaming parser, working in ES5 JavaScript. In this talk I would like to explain how to go about that, what kind of problems you may encounter, and what the end result looks like.

Sponsors

gold sponsors

silver sponsors