Slide 1

Slide 1 text

TRENDS IN WEB TECHNOLOGY AND DESIGN 2013 EDITION

Slide 2

Slide 2 text

WHAT IS THE FUTURE?

Slide 3

Slide 3 text

THE FUTURE IS HERE… IT’S JUST NOT VERY EVENLY DISTRIBUTED WILLIAM GIBSON

Slide 4

Slide 4 text

ANY SUFFICIENTLY ADVANCED TECHNOLOGY IS INDISTINGUISHABLE FROM MAGIC ARTHUR C. CLARKE

Slide 5

Slide 5 text

ASYMMETIC INFORMATION IS FROM THE BAD OLD DAYS TODAY WE LIVE IN A WORLD OF INFORMATION PARITY or at least we’re getting there…

Slide 6

Slide 6 text

BEFORE WE LOOK AHEAD WE’RE GOING TO LOOK BACK warning – some trends look larger in retrospect

Slide 7

Slide 7 text

R E S PON SIVE D E S I G N

Slide 8

Slide 8 text

PARA LAX

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

HTML5 FINALLY JOINED THE PARTY

Slide 11

Slide 11 text

PREDICTION IS VERY DIFFICULT, ESPECIALLY ABOUT THE FUTURE NIELS BOHR

Slide 12

Slide 12 text

YMMV

Slide 13

Slide 13 text

THIS IS THE YEAR YOU LEARN TO CODE

Slide 14

Slide 14 text

IN THE EMERGING, HIGHLY PROGRAMMED LANDSCAPE AHEAD YOU WILL EITHER CREATE THE SOFTWARE OR YOU WILL BE THE SOFTWARE DOUGLAS RUSHKOFF

Slide 15

Slide 15 text

"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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

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.

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

THE PAGE IS DEAD* LONG LIVE THE SCREEN

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

NOBODY CARES ABOUT THE FOLD ANYMORE

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

LONG VERTICAL SCROLLING + PURE HORIZONTAL SCROLLING = AGE OF THE SCREEN, BABY

Slide 25

Slide 25 text

SMALL PHONES, BIG PHONES, SMALL TABLETS, MEDIUM TABLETS, BIG TABLETS, NETBOOKS, ULTRABOOKS, NOTEBOOKS, MONITORS, FLATSCREENS & PROJECTORS. PAGES DON’T MAKE SENSE SCREENS MAKE SENSE

Slide 26

Slide 26 text

NO BROWSER LEFT BEHIND MODERN BROWSERS FOR ALL*

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

IE 10 RELEASE PREVIEW 2012 IE 6 DEMISED 2014

Slide 30

Slide 30 text

CHROME FRAME IE PLUG IN JS 10X FASTER

Slide 31

Slide 31 text

THE END* OF FLASH HTML5 IS ALL GROWN UP

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

HTML5 MAKES RICH MEDIA A FIRST CLASS CITIZEN OF THE WEB

Slide 34

Slide 34 text

HTML5 HAS SEMANTIC ELEMENTS

Slide 35

Slide 35 text

HTML5 IS BUILT FOR APIS, DOM & JAVASCRIPT

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

HTML 5 TIMELINE 2012.RELEASE CANDIDATE 2013.CALL FOR REVIEW 2014.RECOMMENDATION

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

4,043 software developers surveyed in Sept 2012 regarding their usage, attitudes and expectations of HTML5

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

HTML5 WILL REPLACE FLASH, SILVERLIGHT & NATIVE APPS PROBABLY NOT THIS YEAR…BUT SOON…SOON…

Slide 45

Slide 45 text

“HTML5 LETS WEB DEVELOPERS CREATE ADVANCED GRAPHICS, TYPOGRAPHY, ANIMATIONS AND TRANSITIONS WITHOUT RELYING ON THIRD-PARTY PLUG-INS, LIKE FLASH” STEVE JOBS

Slide 46

Slide 46 text

“THE AJAX REVOLUTION WAS A HACK, AND WITH MODERN HTML5 BROWSERS WE FINALLY HAVE A FANTASTIC RUNTIME” DION ALMAER CO-FOUNDER OF AJAXIAN

Slide 47

Slide 47 text

CSS3 GETS DOWN WITH IT’S BAD SELF

Slide 48

Slide 48 text

“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

Slide 49

Slide 49 text

LAYOUT BECOMES SANE UNPREFIXED FLEX BOX PREFIXED GRID LAYOUT NATIVE VERTICAL CENTERING

Slide 50

Slide 50 text

WE DON’T NEED NO STINKING PREFIX! GRADIENTS CALC() TRANSITIONS ANIMATIONS TRANSFORMS

Slide 51

Slide 51 text

ALL YOUR PHOTOSHOP ARE BELONG TO US CSS FILTERS GET SUPPORT IN NON-WEBKIT BROWSERS GREYSCALE BLURRING COLOUR DODGE

Slide 52

Slide 52 text

CSS GETS IT’S MODERNIZR ON @SUPPORTS ALLOWS AUTHORS TO TEST FOR CSS SUPPORT & APPLY RULES DEPENDING ON THE RESULT

Slide 53

Slide 53 text

CSS GETS IT’S SASS ON CSS VARIABLES SHOULD UNPREFIX IN WEBKIT SOON AND ARE BEING IMPLEMENTED IN FIREFOX RIGHT NOW

Slide 54

Slide 54 text

CSS GETS IT’S JQUERY ON SELECTORS NOW HAVE ELEMENT.FIND() TO COMPLEMENT ELEMENT.QUERYSELECTOR()

Slide 55

Slide 55 text

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

Slide 56

Slide 56 text

MULTISCREEN IS THE NEW MOBILE

Slide 57

Slide 57 text

GOING MOBILE DOESN’T DIFFERENTIATE ANYMORE. GOING MOBILE IS TABLE STAKES FOR DOING BUSINESS ONLINE

Slide 58

Slide 58 text

No content

Slide 59

Slide 59 text

No content

Slide 60

Slide 60 text

No content

Slide 61

Slide 61 text

No content

Slide 62

Slide 62 text

YOU NEED TO GROW MOBILE TALENT YESTERDAY

Slide 63

Slide 63 text

I used to think the browser was the most hostile programming environment ever devised, but then I discovered programming for mobile Douglas Crockford

Slide 64

Slide 64 text

Sean Yo @seanyo Seanyo.ca [email protected]