2013 EDITIONTRENDS IN WEBTECHNOLOGY ANDDESIGN
WHAT ISTHE FUTURE?
WILLIAM GIBSON                 THE FUTURE                 IS HERE…                 IT‘S JUST NOT                 VERY EVEN...
ANY SUFFICIENTLYADVANCED TECHNOLOGY  IS INDISTINGUISHABLE            FROM MAGIC                ARTHUR C. CLARKE
ASYMMETIC INFORMATIONIS FROM THE BAD OLD DAYS   TODAY WE LIVE IN A WORLD     OF INFORMATION PARITY        or at least we‘r...
BEFORE WE LOOK AHEADWE‘RE trends look largerTO LOOK BACKwarning – some               GOING in retrospect
RESP O NSIV EDES
PARA   LAX
HTML5FINALLY JOINED    THE PARTY
PREDICTION IS VERYDIFFICULT,ESPECIALLYABOUTTHE FUTURE                 NIELS BOHR
YMMV
THIS IS THE YEARYOU LEARN TOCODE
IN THE    EMERGING, HIGHLY        PROGRAMMEDLANDSCAPE AHEAD YOU          WILL EITHERCREATE THE SOFTWARE     DOUGLAS RUSHKO...
"Now that much of what Rushkoff has predicted overthe years has come to pass, he is uniquely qualified to                m...
hes not telling us about a career change into building websites.Hes saying something more profound. Hes saying:     ―My re...
Judge Alsup told the court he hadlearned to code in Java for the trial —implying that he knew other languagesas well — and...
The "everyone should learn to code" movement is wrongbecause it falsely equates coding with essential life skills likeread...
THE PAGE IS DEAD*  LONG LIVE THESCREEN
THE PAGE IS      ABAD, AWFULTERRIBLEM E TA P H O RFOR THE
NOBODY CARES ABOUT THEFOLD
LONGVERTICAL SCROLLING+PUREHORIZONTAL SCROLLING= AGE OF THE
SMALL PHONES, BIGPHONES, SMALLTABLETS, MEDIUM TABLETS, BIGTABLETS, NETBOOKS, ULTRABOOKS, NOTEBOOKS, MONITORS, FLATSCREENS ...
NO BROWSER LEFT        BEHIND       MODERN     BROWSERS          FOR          ALL*
The Web is the most                        Douglas Crockford         hostile softwareengineering environment              ...
IE 10 RELEASE PREVIEW                    2012       IE 6 DEMISED 2014
CHROME FRAMEIE PLUG INJS 10X FASTER
THE END* OF FLASHHTML5 IS ALL GROWN UP
HTML5 MAKESRICH MEDIAA FIRST CLASSCITIZEN OF THE WEB
HTML5 HASSEMANTIC ELEMENTS          <section>           <article>          <header>             <nav>
HTML5 IS BUILTFOR APIS, DOM& JAVASCRIPT
HTML 5 TIMELINE  2012.RELEASECANDIDATE  2013.CALL FORREVIEW  2014.RECOMMENDATION
4,043 software developers  surveyed in Sept 2012      regarding their   usage, attitudes and       expectations        of ...
HTML5 WILLREPLACEFLASH,SILVERLIGHT &NATIVE APPSPROBABLY NOT THIS YEAR…BUT SOON…SOON…
―HTML5 LETS WEB           DEVELOPERS    CREATE ADVANCEDGRAPHICS, TYPOGRAP  HY, ANIMATIONS AND           TRANSITIONSWITHOUT...
―THE AJAXREVOLUTION WAS AHACK, AND WITHMODERN HTML5BROWSERS WEFINALLY HAVE AFANTASTIC RUNTIME‖        DION ALMAER       CO...
CSS3   GETS  DOWNWITH IT‘SBAD SELF
―THERE IS NO SUCH THING ASCSS4 THERE HAS NEVER BEENA CSS4THERE WILL NEVER BE A CSS4CSS4 IS NOT A THING THATEXISTS         ...
LAYOUT BECOMES SANE  UNPREFIXED FLEX BOX PREFIXED GRID LAYOUT       NATIVE VERTICAL
WE DON‘T NEEDNO STINKING PREFIX!    GRADIENTS      CALC()   TRANSITIONS    ANIMATIONS   TRANSFORMS
ALL YOUR PHOTOSHOPARE BELONG TO USCSS FILTERS GETSUPPORT INNON-WEBKIT BROWSERSGREYSCALEBLURRING
CSS GETS IT‘SMODERNIZR ON    @SUPPORTS ALLOWS  AUTHORS TO TEST FOR  CSS SUPPORT & APPLY   RULES DEPENDING ON           THE...
CSS GETS IT‘S SASS ON CSS VARIABLES SHOULD    UNPREFIX IN WEBKIT   SOON AND ARE BEING       IMPLEMENTED IN    FIREFOX RIGH...
CSS GETS IT‘S JQUERYON  SELECTORS NOW HAVE     ELEMENT.FIND() TO         COMPLEMENT ELEMENT.QUERYSELECT                 OR()
CSS GETS IT‘S ANIMATIONONWEB ANIMATIONS API + JS                    API        FOR CREATING BROWSER-ANIMATIONS        (LIK...
MULTISCREEN     IS    THE    NEW  MOBILE
GOING MOBILEDOESN‘T DIFFERENTIATEANYMORE. GOINGMOBILE IS          TABLE STAKES             FOR DOING              BUSINESS...
YOU     NEED       TO    GROW   MOBILE   TALENTYESTERDAY
I used to think the browser                              Douglas Crockford      was the most hostileprogramming environmen...
Sean Yo    @seanyo   Seanyo.came@seanyo.ca
Web2013
Web2013
Web2013
Web2013
Web2013
Web2013
Web2013
Web2013
Web2013
Web2013
Web2013
Web2013
Web2013
Web2013
Web2013
Upcoming SlideShare
Loading in...5
×

Web2013

423

Published on

1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
423
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide
  • http://game-icons.net/icons/lorc/originals/png/vintage-robot.pnghttp://game-icons.net/icons/lorc/originals/png/jetpack.png
  • http://en.wikiquote.org/wiki/William_Gibson
  • http://en.wikipedia.org/wiki/Clarke&apos;s_three_laws
  • http://www.cbc.ca/books/2013/01/birth-of-a-salesman-daniel-pink-on-why-everyones-a-salesperson.html
  • http://th07.deviantart.net/fs9/PRE/i/2006/004/a/9/TARDIS_by_Ambient_Lullaby.jpg
  • http://www.webdesignshock.com/wp-content/uploads/2012/03/responsive_web_design.png
  • http://www.zensorium.com/tinke/
  • http://www.w3.org/html/logo/downloads/HTML5_Logo_512.png
  • http://designbyash.com/images/notebook/EP-gas-gauge.png
  • http://game-icons.net/icons/lorc/originals/png/crystal-ball.png
  • http://eatagency.com/files/2012/about_doug_rushkoff.png
  • http://www.bbc.co.uk/news/technology-20764273
  • http://www.codeyear.com/
  • http://www.wired.com/wiredenterprise/2012/05/google-schmidt-page-damages/
  • http://www.codinghorror.com/blog/2012/05/please-dont-learn-to-code.html
  • http://www.ribbonfarm.com/2009/07/01/the-rhetoric-of-the-hyperlink/
  • http://www.ribbonfarm.com/2009/07/01/the-rhetoric-of-the-hyperlink/
  • http://www.ribbonfarm.com/2009/07/01/the-rhetoric-of-the-hyperlink/
  • http://i645.photobucket.com/albums/uu177/cyberlarry7/1-20000-Folded-Newspaper.jpg?t=1262507646https://www.drugfreeactionalliance.org/files/f1-not-equal-sign.jpghttp://app.e.intellog.com/image/overview-gallery3-20090828.png
  • http://mashable.com/2010/01/13/conceptual-metaphors/http://www.ribbonfarm.com/2009/07/01/the-rhetoric-of-the-hyperlink/
  • http://shop.oreilly.com/product/9780596517748/ViewLarger.do?sortby=publicationDate
  • http://thenounproject.com/noun/headphones/#icon-No7213http://thenounproject.com/noun/video/#icon-No5068http://thenounproject.com/noun/picture/#icon-No8183http://thenounproject.com/noun/calculator/#icon-No3389http://en.wikipedia.org/wiki/File:SVG-logo.svg#filehistory
  • http://thenounproject.com/noun/headphones/#icon-No7213http://thenounproject.com/noun/video/#icon-No5068http://thenounproject.com/noun/picture/#icon-No8183http://thenounproject.com/noun/calculator/#icon-No3389http://en.wikipedia.org/wiki/File:SVG-logo.svg#filehistory
  • http://thenounproject.com/noun/headphones/#icon-No7213http://thenounproject.com/noun/video/#icon-No5068http://thenounproject.com/noun/picture/#icon-No8183http://thenounproject.com/noun/calculator/#icon-No3389http://en.wikipedia.org/wiki/File:SVG-logo.svg#filehistory
  • http://thenounproject.com/noun/headphones/#icon-No7213http://thenounproject.com/noun/video/#icon-No5068http://thenounproject.com/noun/picture/#icon-No8183http://thenounproject.com/noun/calculator/#icon-No3389http://en.wikipedia.org/wiki/File:SVG-logo.svg#filehistory
  • http://www.digitaltrends.com/wp-content/uploads/2012/10/steve-jobs-1.jpg
  • http://readwrite.com/files/files/files/images/Dion%252520Almaer.jpg
  • http://www.xanthir.com/b4Ko0https://lh3.googleusercontent.com/-wDptUY9_0j8/AAAAAAAAAAI/AAAAAAAAAKE/1AIj0HEKQsI/s250-c-k/photo.jpg
  • http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
  • http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
  • http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
  • http://services.google.com/fh/files/misc/multiscreenworld_final.pdf
  • Web2013

    1. 1. 2013 EDITIONTRENDS IN WEBTECHNOLOGY ANDDESIGN
    2. 2. WHAT ISTHE FUTURE?
    3. 3. WILLIAM GIBSON THE FUTURE IS HERE… IT‘S JUST NOT VERY EVENLY DISTRIBUTED
    4. 4. ANY SUFFICIENTLYADVANCED TECHNOLOGY IS INDISTINGUISHABLE FROM MAGIC ARTHUR C. CLARKE
    5. 5. ASYMMETIC INFORMATIONIS FROM THE BAD OLD DAYS TODAY WE LIVE IN A WORLD OF INFORMATION PARITY or at least we‘re getting there…
    6. 6. BEFORE WE LOOK AHEADWE‘RE trends look largerTO LOOK BACKwarning – some GOING in retrospect
    7. 7. RESP O NSIV EDES
    8. 8. PARA LAX
    9. 9. HTML5FINALLY JOINED THE PARTY
    10. 10. PREDICTION IS VERYDIFFICULT,ESPECIALLYABOUTTHE FUTURE NIELS BOHR
    11. 11. YMMV
    12. 12. THIS IS THE YEARYOU LEARN TOCODE
    13. 13. IN THE EMERGING, HIGHLY PROGRAMMEDLANDSCAPE AHEAD YOU WILL EITHERCREATE THE SOFTWARE DOUGLAS RUSHKOFF OR YOU WILL BE THE SOFTWARE
    14. 14. "Now that much of what Rushkoff has predicted overthe years has come to pass, he is uniquely qualified to most write what may be one of theimportant and instructivebooks of our times. Program or be Programmed: Ten Commands for aDigital 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
    15. 15. hes not telling us about a career change into building websites.Hes saying something more profound. Hes saying: ―My resolution is to learn to think in a modern way.― – Tom Armitage, BBC
    16. 16. Judge Alsup told the court he hadlearned to code in Java for the trial —implying that he knew other languagesas well — and he said that he hadwritten some of the infringing code atleast a hundred times since Oraclefiled its suit in August 2010. ―I can doit. You can do it. It‘s so simple‖He said, adding that it takesLess than five minutes.
    17. 17. The "everyone should learn to code" movement is wrongbecause it falsely equates coding with essential life skills likereading, writing, and math. Please dont advocate learning tocode just for the sake of learning how to code. - Jeff Atwood
    18. 18. THE PAGE IS DEAD* LONG LIVE THESCREEN
    19. 19. THE PAGE IS ABAD, AWFULTERRIBLEM E TA P H O RFOR THE
    20. 20. NOBODY CARES ABOUT THEFOLD
    21. 21. LONGVERTICAL SCROLLING+PUREHORIZONTAL SCROLLING= AGE OF THE
    22. 22. SMALL PHONES, BIGPHONES, SMALLTABLETS, MEDIUM TABLETS, BIGTABLETS, NETBOOKS, ULTRABOOKS, NOTEBOOKS, MONITORS, FLATSCREENS & PROJECTORS.PAGES DON‘T MAKE SENSESCREENS MAKE SENSE
    23. 23. NO BROWSER LEFT BEHIND MODERN BROWSERS FOR ALL*
    24. 24. The Web is the most Douglas Crockford hostile softwareengineering environment imaginable
    25. 25. IE 10 RELEASE PREVIEW 2012 IE 6 DEMISED 2014
    26. 26. CHROME FRAMEIE PLUG INJS 10X FASTER
    27. 27. THE END* OF FLASHHTML5 IS ALL GROWN UP
    28. 28. HTML5 MAKESRICH MEDIAA FIRST CLASSCITIZEN OF THE WEB
    29. 29. HTML5 HASSEMANTIC ELEMENTS <section> <article> <header> <nav>
    30. 30. HTML5 IS BUILTFOR APIS, DOM& JAVASCRIPT
    31. 31. HTML 5 TIMELINE 2012.RELEASECANDIDATE 2013.CALL FORREVIEW 2014.RECOMMENDATION
    32. 32. 4,043 software developers surveyed in Sept 2012 regarding their usage, attitudes and expectations of HTML5
    33. 33. HTML5 WILLREPLACEFLASH,SILVERLIGHT &NATIVE APPSPROBABLY NOT THIS YEAR…BUT SOON…SOON…
    34. 34. ―HTML5 LETS WEB DEVELOPERS CREATE ADVANCEDGRAPHICS, TYPOGRAP HY, ANIMATIONS AND TRANSITIONSWITHOUT RELYING ON THIRD-PARTY PLUG-STEVE JOBS INS, LIKE FLASH‖
    35. 35. ―THE AJAXREVOLUTION WAS AHACK, AND WITHMODERN HTML5BROWSERS WEFINALLY HAVE AFANTASTIC RUNTIME‖ DION ALMAER CO-FOUNDER OF AJAXIAN
    36. 36. CSS3 GETS DOWNWITH IT‘SBAD SELF
    37. 37. ―THERE IS NO SUCH THING ASCSS4 THERE HAS NEVER BEENA CSS4THERE WILL NEVER BE A CSS4CSS4 IS NOT A THING THATEXISTS TAB ‗CSS3‘ THE TERM ATKINS JR. REFERS TO CHROME TEAM EVERYTHING PUBLISHED CSS WORKING GROUP AFTER CSS 2.1‖
    38. 38. LAYOUT BECOMES SANE UNPREFIXED FLEX BOX PREFIXED GRID LAYOUT NATIVE VERTICAL
    39. 39. WE DON‘T NEEDNO STINKING PREFIX! GRADIENTS CALC() TRANSITIONS ANIMATIONS TRANSFORMS
    40. 40. ALL YOUR PHOTOSHOPARE BELONG TO USCSS FILTERS GETSUPPORT INNON-WEBKIT BROWSERSGREYSCALEBLURRING
    41. 41. CSS GETS IT‘SMODERNIZR ON @SUPPORTS ALLOWS AUTHORS TO TEST FOR CSS SUPPORT & APPLY RULES DEPENDING ON THE RESULT
    42. 42. CSS GETS IT‘S SASS ON CSS VARIABLES SHOULD UNPREFIX IN WEBKIT SOON AND ARE BEING IMPLEMENTED IN FIREFOX RIGHT NOW
    43. 43. CSS GETS IT‘S JQUERYON SELECTORS NOW HAVE ELEMENT.FIND() TO COMPLEMENT ELEMENT.QUERYSELECT OR()
    44. 44. CSS GETS IT‘S ANIMATIONONWEB ANIMATIONS API + JS API FOR CREATING BROWSER-ANIMATIONS (LIKE JQUERYS
    45. 45. MULTISCREEN IS THE NEW MOBILE
    46. 46. GOING MOBILEDOESN‘T DIFFERENTIATEANYMORE. GOINGMOBILE IS TABLE STAKES FOR DOING BUSINESS ONLINE
    47. 47. YOU NEED TO GROW MOBILE TALENTYESTERDAY
    48. 48. I used to think the browser Douglas Crockford was the most hostileprogramming environment ever devised, but then I discovered programming for mobile
    49. 49. Sean Yo @seanyo Seanyo.came@seanyo.ca
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×