Web in 2013

This presentation looks at what happened in 2012 for web technology and design and makes some predictions about what is on the horizon for 2013.

Transcript

1. TRENDS IN WEB TECHNOLOGY AND DESIGN 2013 EDITION
2. WHAT IS THE FUTURE?
3. THE FUTURE IS HERE… IT’S JUST NOT VERY EVENLY DISTRIBUTED WILLIAM GIBSON
4. ANY SUFFICIENTLY ADVANCED TECHNOLOGY IS INDISTINGUISHABLE FROM MAGIC ARTHUR C. CLARKE
5. ASYMMETIC INFORMATION IS FROM THE BAD OLD DAYS TODAY WE LIVE IN A WORLD OF INFORMATION PARITY or at least we’re getting there…
6. BEFORE WE LOOK AHEAD WE’RE GOING TO LOOK BACK warning – some trends look larger in retrospect
7. R E S PON SIVE D E S I G N
8. PARA LAX
10. HTML5 FINALLY JOINED THE PARTY
11. PREDICTION IS VERY DIFFICULT, ESPECIALLY ABOUT THE FUTURE NIELS BOHR
12. YMMV
13. THIS IS THE YEAR YOU LEARN TO CODE
14. IN THE EMERGING, HIGHLY PROGRAMMED LANDSCAPE AHEAD YOU WILL EITHER CREATE THE SOFTWARE OR YOU WILL BE THE SOFTWARE DOUGLAS RUSHKOFF
15. "Now that much of what Rushkoff has predicted over the years has come to pass, he is uniquely qualified to write what may be one of the most important and instructive books of our times. Program or be Programmed: Ten Commands for a Digital Age. Rather than predicting that the sky is falling, Rushkoff gives practical and actionable advice on how to turn those biases into advantages.“ - Wired Magazine
16. he's not telling us about a career change into building websites. He's saying something more profound. He's saying: “My resolution is to learn to think in a modern way.“ – Tom Armitage, BBC
18. Judge Alsup told the court he had learned to code in Java for the trial — implying that he knew other languages as well — and he said that he had written some of the infringing code at least a hundred times since Oracle filed its suit in August 2010. “I can do it. You can do it. It’s so simple” He said, adding that it takes Less than five minutes.
19. The "everyone should learn to code" movement is wrong because it falsely equates coding with essential life skills like reading, writing, and math. Please don't advocate learning to code just for the sake of learning how to code. - Jeff Atwood
20. THE PAGE IS DEAD* LONG LIVE THE SCREEN
21. THE PAGE IS A BAD, AWFUL T E R R I B L E M E T A P H O R FOR THE WEB
22. NOBODY CARES ABOUT THE FOLD ANYMORE
24. LONG VERTICAL SCROLLING + PURE HORIZONTAL SCROLLING = AGE OF THE SCREEN, BABY
25. SMALL PHONES, BIG PHONES, SMALL TABLETS, MEDIUM TABLETS, BIG TABLETS, NETBOOKS, ULTRABOOKS, NOTEBOOKS, MONITORS, FLATSCREENS & PROJECTORS. PAGES DON’T MAKE SENSE SCREENS MAKE SENSE
26. NO BROWSER LEFT BEHIND MODERN BROWSERS FOR ALL*
27. The Web is the most hostile software engineering environment imaginable Douglas Crockford
29. IE 10 RELEASE PREVIEW 2012 IE 6 DEMISED 2014
30. CHROME FRAME IE PLUG IN JS 10X FASTER
31. THE END* OF FLASH HTML5 IS ALL GROWN UP
33. HTML5 MAKES RICH MEDIA A FIRST CLASS CITIZEN OF THE WEB
34. HTML5 HAS SEMANTIC ELEMENTS <section> <article> <header> <nav>
35. HTML5 IS BUILT FOR APIS, DOM & JAVASCRIPT
37. HTML 5 TIMELINE 2012.RELEASE CANDIDATE 2013.CALL FOR REVIEW 2014.RECOMMENDATION
39. 4,043 software developers surveyed in Sept 2012 regarding their usage, attitudes and expectations of HTML5
44. HTML5 WILL REPLACE FLASH, SILVERLIGHT & NATIVE APPS PROBABLY NOT THIS YEAR…BUT SOON…SOON…
45. “HTML5 LETS WEB DEVELOPERS CREATE ADVANCED GRAPHICS, TYPOGRAPHY, ANIMATIONS AND TRANSITIONS WITHOUT RELYING ON THIRD-PARTY PLUG-INS, LIKE FLASH” STEVE JOBS
46. “THE AJAX REVOLUTION WAS A HACK, AND WITH MODERN HTML5 BROWSERS WE FINALLY HAVE A FANTASTIC RUNTIME” DION ALMAER CO-FOUNDER OF AJAXIAN
47. CSS3 GETS DOWN WITH IT’S BAD SELF
48. “THERE IS NO SUCH THING AS CSS4 THERE HAS NEVER BEEN A CSS4 THERE WILL NEVER BE A CSS4 CSS4 IS NOT A THING THAT EXISTS THE TERM ‘CSS3’ REFERS TO EVERYTHING PUBLISHED AFTER CSS 2.1” TAB ATKINS JR. CHROME TEAM CSS WORKING GROUP
49. LAYOUT BECOMES SANE UNPREFIXED FLEX BOX PREFIXED GRID LAYOUT NATIVE VERTICAL CENTERING
50. WE DON’T NEED NO STINKING PREFIX! GRADIENTS CALC() TRANSITIONS ANIMATIONS TRANSFORMS
51. ALL YOUR PHOTOSHOP ARE BELONG TO US CSS FILTERS GET SUPPORT IN NON-WEBKIT BROWSERS GREYSCALE BLURRING COLOUR DODGE
52. CSS GETS IT’S MODERNIZR ON @SUPPORTS ALLOWS AUTHORS TO TEST FOR CSS SUPPORT & APPLY RULES DEPENDING ON THE RESULT
53. CSS GETS IT’S SASS ON CSS VARIABLES SHOULD UNPREFIX IN WEBKIT SOON AND ARE BEING IMPLEMENTED IN FIREFOX RIGHT NOW
54. CSS GETS IT’S JQUERY ON SELECTORS NOW HAVE ELEMENT.FIND() TO COMPLEMENT ELEMENT.QUERYSELECTOR()
55. CSS GETS IT’S ANIMATION ON WEB ANIMATIONS API + JS API FOR CREATING BROWSER- ANIMATIONS (LIKE JQUERY'S .ANIMATE() THAT ARE AS SMOOTH AND JANK-FREE
56. MULTISCREEN IS THE NEW MOBILE
57. GOING MOBILE DOESN’T DIFFERENTIATE ANYMORE. GOING MOBILE IS TABLE STAKES FOR DOING BUSINESS ONLINE
62. YOU NEED TO GROW MOBILE TALENT YESTERDAY
63. I used to think the browser was the most hostile programming environment ever devised, but then I discovered programming for mobile Douglas Crockford
64. Sean Yo @seanyo Seanyo.ca me@seanyo.ca