1. 2013 EDITION
TRENDS IN WEB
TECHNOLOGY AND
DESIGN

2. WHAT IS
THE FUTURE?

3. WILLIAM GIBSON
THE FUTURE
IS HERE…
IT‘S JUST NOT
VERY EVENLY
DISTRIBUTED

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 trends look largerTO LOOK BACK
warning – some
GOING in retrospect

7. RES
P O
N
SIV
E
DES

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
DOUGLAS RUSHKOFF
OR YOU WILL
BE THE SOFTWARE

15. "Now that much of what Rushkoff has predicted over
the years has come to pass, he is uniquely qualified to
most
write what may be one of the
important and instructive
books of our times. Program
or be Programmed: Ten Commands for a
Digital Age. Rather than predicting that the sky
Rushkoff gives
is falling,
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
TERRIBLE
M E TA P H O R
FOR THE

22. NOBODY CARES ABOUT THE
FOLD

24. LONG
VERTICAL SCROLLING
+
PURE
HORIZONTAL SCROLLING
= AGE OF THE

25. SMALL PHONES, BIG
PHONES, SMALL
TABLETS, MEDIUM TABLETS, BIG
TABLETS, NETBOOKS, ULTRABOO
KS, NOTEBOOKS, MONITORS, FLA
TSCREENS & PROJECTORS.
PAGES DON‘T MAKE SENSE
SCREENS MAKE SENSE

26. NO BROWSER LEFT
BEHIND
MODERN
BROWSERS
FOR
ALL*

27. The Web is the most
Douglas Crockford
hostile software
engineering environment
imaginable

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.RECOMMENDATIO
N

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, TYPOGRAP
HY, ANIMATIONS AND
TRANSITIONS
WITHOUT RELYING ON
THIRD-PARTY PLUG-
STEVE JOBS
INS, LIKE FLASH‖

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
TAB
‗CSS3‘
THE TERM ATKINS JR. REFERS TO
CHROME TEAM
EVERYTHING PUBLISHED
CSS WORKING GROUP
AFTER CSS 2.1‖

49. LAYOUT BECOMES SANE
UNPREFIXED FLEX BOX
PREFIXED GRID LAYOUT
NATIVE VERTICAL

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

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.QUERYSELECT
OR()

55. CSS GETS IT‘S ANIMATION
ON
WEB ANIMATIONS API + JS
API
FOR CREATING
BROWSER-ANIMATIONS
(LIKE JQUERY'S

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
Douglas Crockford
was the most hostile
programming environment
ever devised,
but then I discovered
programming for mobile

64. Sean Yo
@seanyo
Seanyo.ca
me@seanyo.ca