Presentation of Luca Ongaro, Lead Front End Engineer at DaWanda, held at webmontag Berlin #79

1. 10 Things we Learned from the
DaWanda Responsive Relaunch
Luca Ongaro, Lead Frontend Engineer @ DaWanda

2. 1. Media Queries Aren’t Easy

4. •
•
Choose a strategy (mobile first?) and be
consistent
Leverage a preprocessor like SCSS:
variables for breakpoints, mixins for queries

5. 2. Touch Event API from Hell

7. •
If you need to react on both click and tap,
use an active element (<a> or <button>)
and only bind click
•
If you bind tap, never ever move/hide the
target

8. 3. IE, old B@$#^&d...

9. •
•
•
IE8: no support for media queries
IE9: max 4095 CSS rules per file
IE10: nasty bug with pseudo-elements, textsize/line-height and relative units

10. 4. JavaScript Memory Leaks

11. •
•
DOM manipulation: don’t mix jQuery with
vanilla JavaScript
Unbind your event handlers!

12. 5. Think About the Future!

13. •
Make documentation and styleguide easy to
write, maintain and access
•
Write tests, and keep them fast!

14. 6. Have A Standard Place for
Everything

15. 7. Most Magic is Black Magic

16. 8. Make State Explicit

18. 9. Small Steps can Go on a Long
Way

19. 10. Don’t Sweep Things Under
the Carpet

20. Thank You!
@lucaongaro

21. PS: We’re Hiring...
...and it’s a lot of fun at DaWanda!