Web2013

999 views

Published on

  • Be the first to like this

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

×