10 THINGS YOUR PROFESSORS AREN’T TELLING YOU ABOUT BEINGA PROFESSIONALWEB DEVELOPER
Hi there, we work for
WHO IS CHRIS BARR Web Designer/Interface Developer at AppRiver   Nearly 5 years Co-owned small web design company for 3...
WHO IS JAMES SHALLARD Manager of Software Development at AppRiver   Worked for AppRiver for last 5 years   Lead the Int...
Today
1999
Today
1999
Today
1999
10 THINGS YOUR PROFESSORS AREN’T TELLING YOU ABOUT BEINGA PROFESSIONALWEB DEVELOPER
DON’T WORRY ABOUT NOTES!http://tinyurl.com/AppRiverUWF
WHAT IS WEB?                THING(AND IS IT IN THE CLOUD?)                             #1
WHAT IS WEB?( A N D I S I T I N T H E C LOUD? ) "The cloud is what hipsters call the Internet”    - Scott Hanselman, Twit...
WHAT IS WEB?( A N D I S I T I N T H E C LOUD? )                              World Wide Web“A system of interlinked hyper ...
WHAT IS WEB?( A N D I S I T I N T H E C LOUD? )Internet: A global system of interconnected computer networksthat use the S...
WHAT IS WEB?( A N D I S I T I N T H E C LOUD? )               Standard Internet protocol suite (TCP/IP)
WHAT IS WEB?( A N D I S I T I N T H E C LOUD? )HTTPR e q ue s tResponse                                      “…is the foun...
WHAT IS WEB?( A N D I S I T I N T H E C LOUD? )                                      Internet                             ...
WHAT IS WEB?( A N D I S I T I N T H E C LOUD? )            Service delivered over the internet
WHAT IS WEB?                            THING(AND IS IT IN THE CLOUD?)                                         #1• The Web...
SO, WHAT DOES YOUR       THINGWEB BROWSER DO ANYWAY?                          #2
THE BROWSER
THE BROWSERHTML<p>This is a paragraph!</p><a href="http://google.com">  This is a link</a><img src="kittycat.gif" /><ul> <...
THE BROWSERCSShtml{ background-color: lightblue; font: 18px Helvetica;}img{  border: 10px solid white;  border-radius: 10p...
THE BROWSER<script> document.write = "Hello!";</script>
SO, WHAT DOES YOUR                        THINGWEB BROWSER DO ANYWAY?                                           #2It turns...
THING         #3DEMO!
WHICH WEB LANGUAGE IS MOST   THINGDELICIOUS?                              #4
WHICH WEB LANGUAGE ISMOST DELICIOUS?
WHICH WEB LANGUAGE ISMOST DELICIOUS?
WHICH WEB LANGUAGE ISMOST DELICIOUS? W3Techs.com – March 2013
WHICH WEB LANGUAGE ISMOST DELICIOUS?
WHICH WEB LANGUAGE ISMOST DELICIOUS?      Rails is Omakase      PHP is McDonalds      Cold Fusion is Sun Dried Tomatoes...
WHICH WEB LANGUAGE IS MOST                  THINGDELICIOUS?                                             #4It is a matter o...
WHY IS WEB DESIGN C.R.A.P?   THING                              #5
WHY IS WEB DESIGN C.R.A.P?ContrastRepetition    (consistency)AlignmentProximity
DESIGN - CONTRAST       1        2   3       4        5   6       7        8   9
DESIGN - CONTRAST       1        2   3       4        5   6       7        8   9
DESIGN – REPETITION         ( C ON SI STE NCY)
DESIGN – REPETITION         ( C ON SI STE NCY) View more on our products page.
DESIGN – ALIGNMENT & PROXIMIT Y
DESIGN – ALIGNMENT & PROXIMIT Y
DESIGN – ALIGNMENT & PROXIMIT Y
DESIGN   Art ≠ Design
WHY IS WEB DESIGN C.R.A.P?   THING                              #5•   Contrast•   Repetition•   Alignment•   Proximity
DESIGN TOOLS   THING                #6
DESIGN TOOLS               960.gs
DESIGN TOOLSTwitter Bootstrap    twitter.github.com/bootstrap
DESIGN TOOLS               jqueryUI.com
DESIGN TOOLS          THING                       #6• 960 Grid• Twitter Bootstrap• jQuery UI• Lots more online!
WEB ARCHITECTURE: WHY DOES   THINGEVERYONE HATE JOHN?                              #7
WEB ARCHITECTURE: WHYDOES EVERYONE HATE JOHN?
WEB ARCHITECTURE, WHYDOES EVERYONE HATE JOHN?
WEB ARCHITECTURE, WHYDOES EVERYONE HATE JOHN?                           Robert C. Martin
WEB ARCHITECTURE, WHYDOES EVERYONE HATE JOHN?Separation of Concerns                         MVC  Behavior                 ...
WEB ARCHITECTURE: WHY DOES       THINGEVERYONE HATE JOHN?                                  #7Because John does not separat...
WHAT IS THE FUTURE OF WEB   THINGDEVELOPMENT?                             #8
WHAT IS THE FUTURE OF WEBDEVELOPMENT?
WHAT IS THE FUTURE OF WEB DEVELOPMENT?The Browser as a Platform
WHAT IS THE FUTURE OF WEBDEVELOPMENT?
WHAT IS THE FUTURE OF WEB                         THINGDEVELOPMENT?                                                   #8• ...
WHY IS YOUR PHONE SO   THINGIMPORTANT?              #9
MOBILE
MOBILE  In one day:   378K iPhones sold   1M Android phones activated   200K Nokia smartphones   143K Blackberry devices  ...
MOBILEMobile Web Usage                        2010    2012     Increase        Africa          5.81%   14.85%   155.59%   ...
MOBILEMobile Web Usage                        2010    2012     Increase        Africa          5.81%   14.85%   155.59%   ...
MOBILE
MOBILE         :(
MOBILE
MOBILE         bostonglobe.com
MOBILE         Luke Wroblewski         lukew.com
MOBILE
WHY IS YOUR PHONE SO                     THINGIMPORTANT?                                #9• Lots of mobile devices• The in...
WHO KNOWS ABOUT STUFF?   THING                          #10
WHO KNOWS ABOUT STUFF?     Scott Hanselman                       “Programming isnt a good     Microsoft Tech Evangelist   ...
WHO KNOWS ABOUT STUFF?     Nathan Smith                        “Never trust a skinny chef. ” ==     960 Grid, UI/CSS/JS en...
WHO KNOWS ABOUT STUFF?     John Resig     jQuery     @jresig     ejohn.org                                        “Making ...
WHO KNOWS ABOUT STUFF?        THING                               #10• Use social media• Follow interesting people   •   @...
REVIEW   The Cloud is on top of the Internet   Anyone can be on CNN   Ruby tastes delicious   Web design is CRAP   Ev...
QUESTIONS
10 Things Your Professor Isn't Telling You About Being A Professional Web Developer
10 Things Your Professor Isn't Telling You About Being A Professional Web Developer
10 Things Your Professor Isn't Telling You About Being A Professional Web Developer
10 Things Your Professor Isn't Telling You About Being A Professional Web Developer
10 Things Your Professor Isn't Telling You About Being A Professional Web Developer
10 Things Your Professor Isn't Telling You About Being A Professional Web Developer
10 Things Your Professor Isn't Telling You About Being A Professional Web Developer
10 Things Your Professor Isn't Telling You About Being A Professional Web Developer
Upcoming SlideShare
Loading in …5
×

10 Things Your Professor Isn't Telling You About Being A Professional Web Developer

872 views

Published on

Presented to the University of West Florida Association of Information Technology Professionals by myself and my co-worker James Shallard of AppRiver.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
872
On SlideShare
0
From Embeds
0
Number of Embeds
268
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Slide to talk about AppRiver
  • Leaders in designClean slick interfaces
  • Mention the “text version” in the upper left
  • Web LanguagesWeb DesignThe future of web developmentWeb development community
  • Ted Stevens in charge of regulating the internet at the time he said that to congress
  • 15 countries that limit or prohibit their citizens’ access to internet.bChina, Cuba,
  • Human readable?
  • Everyone uses a web browser. It shows you websites, but what exactly makes up a website?We can break up a website into three major web languages
  • The structure of the websiteContainers for data &amp; contentContent surrounded by tags in angle bracketsHtml5? Adds new tags &amp; features to HTML like video players, datepickers, etc.
  • The visual styles of the website’s HTMLHTML elements can be moved around; colors can be added, declare sizes, etc.
  • http://CssZenGarden.com – Same HTML, users can submit CSS to make it look howeverHere’s the default style, and here are a few “themes” you can choose to see
  • Can be added to a website to add interactivity, behaviorCommunication with serverWe use it forAnimations: hiding/showing things when something else is selected This example will show an element or hide it depending if a checkbox is checked or notform validation – make sure what you typed in a form is correct before pressing the submit buttonAJAX server communication. More on this later, but it allows you to send/receive data from a server without refreshing the page
  • A bunch of data gets turned into something for the average human to be able to use &amp; understand
  • http://www.cnn.com/2013/03/26/world/asia/north-korea-us-threats/index.htmlCODE FOR DEMO: jQuery(&quot;#cnnContentContainer h1&quot;) .fadeOut(500) .fadeIn(500).animate({fontSize:40},500)Sam Fleming threatens North Korea
  • PHP – Scripted, Interpreted (not compiled), Weak Typing, Part of LAMP stack (Linus, Apache, MySQL, PHP)ASP.Net: Compiled (pre-compile and JIT), Strong Typing, Part of .Net Framework, WebForms and MVC
  • Ruby - David Heinemeier HanssonPHP – Check, Easy, EverywhereCF – Was huge in the early 2000, not so much nowJava – Lots of options, lots of choices, a little sprawlingASP.Net –Reassuringly, provided by a single well-established business, not every flavor is great, but the good ones are awesome.
  • We will go into each one of these briefly
  • The intention was to separate the numbersLines are distracting, they fight with the numbers for your attentionWhich is more important?
  • Remove distractions &amp; let them naturally be separated with whitespaceLots of design decisions like this must be made.The content is always more important than it’s container, but the container still needs to look good without taking away from what it contains.
  • Important things don’t change, like navigation.CNN has many major sections, but their navigation is in the same place, and in the same order across all of them.This helps to anchor the user mentally so they don’t get lost.
  • The standard for links is blue text with an underline. You already know what this means, it’s a good pattern to keep using.Font choice is another one. Pick one and stick with it, there’s no need to switch fonts unless you have a good reason to. There are lots of conventions like this, and it’s important to not reinvent the wheel when there are a bunch of other great wheels you could use
  • Swimming Pool - Aligning things properly can help maintain order &amp; lets you work faster since you have a set of “rules” to work underAllows you to visually associate things without a physical connectionIf a title isn’t lined up with every article, there’s a disconnectIf If some items are spaced out properly, you don’t need to draw boxes around themShows attention to detail &amp; quality.
  • Website for TabBots - Very clean design because everything is perfectly aligned to a 12-column grid.
  • When we overlay the columns, it becomes more apparentEach column is 60 pixels wide with 20 pixels between them.Logo takes up 2 columnsNavigation takes up 6Each product below the header takes up 4 columnsThese subtle details is what keeps it looking clean
  • Even the spacing is even.The red boxes were added to show measurements20 pixels between containerson the bottom, horizontally and vertically40 pixels (2 x 20) space out the navigation from the header and the top of the page
  • Scroll down, and we have more more items.These are offset, but still aligned to the invisible grid
  • Each container at the bottom takes up 3 columns
  • Good design extends into the physical world as well.Take this older model of the iPod – the best selling music player in the worldIf we have a circle, and another circle 3 times it’s size…
  • Now spread this out over the device, and you can see how perfectly the proportions are laid out.The screen is the exact width of the smaller + larger circleFrom the larger circle on the screen, the upper corners are the exact distance of the smaller circleEven the corner radius matches the circle radiusThe scroll wheel in total is the size of the larger circle, and each inner button is the size of the smaller oneSomething well designed has good alignment and proportions.Sometimes an object or a site design can be beautiful and you don’t know why, this is probably due to well thought out proportions.
  • Art is something you create for yourselfDesign is something you create for others to useGood design is usually transparent.
  • CSS grid system to help lay out a website.This is what the TapBots site was using.I’ve used this one many sites, as well as my personal site. If you only need a grid, this is awesome.12, 16 or 24 columns. Other sizes can be made too.
  • Grid systemResponsive scalable design for mobile devicesLots of useful components like buttons, menus, autocomplete search, form elements, etc.I highly recommend this one - looks great - easy to use - easy to customize to make it look how you want
  • jQuery UI - jQuery is a great JavaScript library to be using anyway, and jQuery UI uses it to add some neat interface components - datepickers - Dragging &amp; sorting items - menus - modal windows - lots moreI used it for years, and it’s still great, but Bootstrap has replaced this for me.
  • - It is not only design where aesthetics matters
  • Sam John’s name has been changed to protect his identity
  • Code with different functions and purposes mixed together
  • Prominent writer
  • Turns the server hardware itself into a serviceSlow enterprise uptakeAmazon world&apos;s largest hosting location . 118k computers
  • Complex behavior moving from Server side code to Client side code5 million users = 5 million CPUs to run behavior.Increased user responsivenessDesktop app in browser
  • WebSocket is a web technology providing full-duplex communications channels over a single TCP connection. The WebSocket protocol was standardized by the IETF as RFC 6455 in 2011, and the WebSocketAPI for in Web IDL is being standardized by the W3C.Servers to push information to a client/browser, instead of waiting for information to be requestedOne more step towards true desktop applications in the browser
  • Mobile devices on the web are huge and getting biggerI’m sure nearly everyone in here has a phone right now that has the ability to access the internet
  • Almost everywhere mobile web usage has at least doubled in the past 2 years…
  • Over 160% overall growth worldwide since 2010!
  • Let’s look at the mobile experienceHere’s what US Air’s site looks like.
  • Looking at this site on an iPhone or other device is pretty awful - :(You can’t read any text, too much is going on, and you’re not sure what to do.Basically, nothing can be done unless you zoom in, and even then it wouldn’t be that great.
  • But this is their mobile website. Much easier to read, and you know what things are possible to do.When you make a mobile version of a site, it makes you focus on what is important since you have a limited amount of screen spaceUS Air decided to have a separate mobile site, which can work depending on what you need to do, but you are left with the task of keeping up with 2 websites now.
  • This is the website for the Boston GlobeThey recently redesigned with something called a “responsive design” - The site will look different on different sized browsers - go there and resize your browser on your computer, or look at it on your computer and on your phone - Much more flexible, and now it will work on any screen size, even stuff we haven’t thought of yet - “Future friendly”
  • There are LOTS of screen sizesThis is Luke WroblewskiHe promotes “Mobile First” web designThese are the devices he tests on
  • Also, web browsers can appear in strange places now, so it’s better to let it be “device agnostic”
  • More web-capable phones are sold each day than there are humans bornThe internet isn’t going away, and neither are mobile devices. Make your websites work well on mobile.Be “future friendly” because you never know where a browser might show up
  • Twitter is a great place to keep up with the fast moving tech industry.
  • Twitter is a great place to keep up with the fast moving tech industry.
  • Twitter is a great place to keep up with the fast moving tech industry.
  • Just scratched the surfaceHope you enjoyedThanks for listening
  • 10 Things Your Professor Isn't Telling You About Being A Professional Web Developer

    1. 1. 10 THINGS YOUR PROFESSORS AREN’T TELLING YOU ABOUT BEINGA PROFESSIONALWEB DEVELOPER
    2. 2. Hi there, we work for
    3. 3. WHO IS CHRIS BARR Web Designer/Interface Developer at AppRiver  Nearly 5 years Co-owned small web design company for 3 years Graduated from Full Sail in Orlando in 2006  Associates in Digital Media  Bachelors in Digital Art & Design  Learned techniques here, but programming is self-taught Find me online  @ChrisMBarr  chris-barr.com
    4. 4. WHO IS JAMES SHALLARD Manager of Software Development at AppRiver  Worked for AppRiver for last 5 years  Lead the Interface Group Web Application Development for almost 14 years  Owned Web Development Company for three years  Worked for a variety of large and small organizations in the UK and USA Started in 1999 (IE5, Netscape Navigator v4 ) Find me online  @JamShally
    5. 5. Today
    6. 6. 1999
    7. 7. Today
    8. 8. 1999
    9. 9. Today
    10. 10. 1999
    11. 11. 10 THINGS YOUR PROFESSORS AREN’T TELLING YOU ABOUT BEINGA PROFESSIONALWEB DEVELOPER
    12. 12. DON’T WORRY ABOUT NOTES!http://tinyurl.com/AppRiverUWF
    13. 13. WHAT IS WEB? THING(AND IS IT IN THE CLOUD?) #1
    14. 14. WHAT IS WEB?( A N D I S I T I N T H E C LOUD? ) "The cloud is what hipsters call the Internet” - Scott Hanselman, Twitter “[The Internet] is a series of tubes” - Senator Ted Stevens, 2006 Clear?
    15. 15. WHAT IS WEB?( A N D I S I T I N T H E C LOUD? ) World Wide Web“A system of interlinked hyper text documents accessed via theInternet” - Wikipedia
    16. 16. WHAT IS WEB?( A N D I S I T I N T H E C LOUD? )Internet: A global system of interconnected computer networksthat use the Standard Internet Protocol Suite
    17. 17. WHAT IS WEB?( A N D I S I T I N T H E C LOUD? ) Standard Internet protocol suite (TCP/IP)
    18. 18. WHAT IS WEB?( A N D I S I T I N T H E C LOUD? )HTTPR e q ue s tResponse “…is the foundation of data communication for the World Wide Web” - W i k i p e d i a
    19. 19. WHAT IS WEB?( A N D I S I T I N T H E C LOUD? ) Internet TCP/IP WWW HTTP
    20. 20. WHAT IS WEB?( A N D I S I T I N T H E C LOUD? ) Service delivered over the internet
    21. 21. WHAT IS WEB? THING(AND IS IT IN THE CLOUD?) #1• The Web is: • Internet • TCP/IP • HTTP • HTML• The Cloud is on top of the Internet
    22. 22. SO, WHAT DOES YOUR THINGWEB BROWSER DO ANYWAY? #2
    23. 23. THE BROWSER
    24. 24. THE BROWSERHTML<p>This is a paragraph!</p><a href="http://google.com"> This is a link</a><img src="kittycat.gif" /><ul> <li>Item One</li> <li>Item Two</li> <li>Item Three</li></ul>
    25. 25. THE BROWSERCSShtml{ background-color: lightblue; font: 18px Helvetica;}img{ border: 10px solid white; border-radius: 10px; box-shadow: 0 0 20px black;}a{ color: red;}
    26. 26. THE BROWSER<script> document.write = "Hello!";</script>
    27. 27. SO, WHAT DOES YOUR THINGWEB BROWSER DO ANYWAY? #2It turns HTML, CSS, and JavaScript intosomething a human can use &understand.
    28. 28. THING #3DEMO!
    29. 29. WHICH WEB LANGUAGE IS MOST THINGDELICIOUS? #4
    30. 30. WHICH WEB LANGUAGE ISMOST DELICIOUS?
    31. 31. WHICH WEB LANGUAGE ISMOST DELICIOUS?
    32. 32. WHICH WEB LANGUAGE ISMOST DELICIOUS? W3Techs.com – March 2013
    33. 33. WHICH WEB LANGUAGE ISMOST DELICIOUS?
    34. 34. WHICH WEB LANGUAGE ISMOST DELICIOUS?  Rails is Omakase  PHP is McDonalds  Cold Fusion is Sun Dried Tomatoes  Java is Tapas  ASP.Net is Häagen-Dazs
    35. 35. WHICH WEB LANGUAGE IS MOST THINGDELICIOUS? #4It is a matter of taste. We like ASP.Net,but Ruby looks pretty tasty.
    36. 36. WHY IS WEB DESIGN C.R.A.P? THING #5
    37. 37. WHY IS WEB DESIGN C.R.A.P?ContrastRepetition (consistency)AlignmentProximity
    38. 38. DESIGN - CONTRAST 1 2 3 4 5 6 7 8 9
    39. 39. DESIGN - CONTRAST 1 2 3 4 5 6 7 8 9
    40. 40. DESIGN – REPETITION ( C ON SI STE NCY)
    41. 41. DESIGN – REPETITION ( C ON SI STE NCY) View more on our products page.
    42. 42. DESIGN – ALIGNMENT & PROXIMIT Y
    43. 43. DESIGN – ALIGNMENT & PROXIMIT Y
    44. 44. DESIGN – ALIGNMENT & PROXIMIT Y
    45. 45. DESIGN Art ≠ Design
    46. 46. WHY IS WEB DESIGN C.R.A.P? THING #5• Contrast• Repetition• Alignment• Proximity
    47. 47. DESIGN TOOLS THING #6
    48. 48. DESIGN TOOLS 960.gs
    49. 49. DESIGN TOOLSTwitter Bootstrap twitter.github.com/bootstrap
    50. 50. DESIGN TOOLS jqueryUI.com
    51. 51. DESIGN TOOLS THING #6• 960 Grid• Twitter Bootstrap• jQuery UI• Lots more online!
    52. 52. WEB ARCHITECTURE: WHY DOES THINGEVERYONE HATE JOHN? #7
    53. 53. WEB ARCHITECTURE: WHYDOES EVERYONE HATE JOHN?
    54. 54. WEB ARCHITECTURE, WHYDOES EVERYONE HATE JOHN?
    55. 55. WEB ARCHITECTURE, WHYDOES EVERYONE HATE JOHN? Robert C. Martin
    56. 56. WEB ARCHITECTURE, WHYDOES EVERYONE HATE JOHN?Separation of Concerns MVC Behavior Presentation
    57. 57. WEB ARCHITECTURE: WHY DOES THINGEVERYONE HATE JOHN? #7Because John does not separateConcerns
    58. 58. WHAT IS THE FUTURE OF WEB THINGDEVELOPMENT? #8
    59. 59. WHAT IS THE FUTURE OF WEBDEVELOPMENT?
    60. 60. WHAT IS THE FUTURE OF WEB DEVELOPMENT?The Browser as a Platform
    61. 61. WHAT IS THE FUTURE OF WEBDEVELOPMENT?
    62. 62. WHAT IS THE FUTURE OF WEB THINGDEVELOPMENT? #8• Cloud computing• More “behavior” running in the browser• WebSocketsEasier to write “desktop style” applications inthe browser.
    63. 63. WHY IS YOUR PHONE SO THINGIMPORTANT? #9
    64. 64. MOBILE
    65. 65. MOBILE In one day: 378K iPhones sold 1M Android phones activated 200K Nokia smartphones 143K Blackberry devices 371K babies bornSources:http://thenextweb.com/apple/2012/01/25/there-are-now-more-iphones-sold-than-babies-born-in-the-world-every-day/http://www.zeldman.com/2012/07/09/mobile-to-the-future-luke-wroblewski/screen-shot-2012-07-09-at-2-06-39-pm
    66. 66. MOBILEMobile Web Usage 2010 2012 Increase Africa 5.81% 14.85% 155.59% Asia 6.1% 17.84 192.46% Europe 1.81% 5.13% 183.43% North America 4.71% 7.96% 69% Oceana 2.88% 7.55% 162.15% South America 1.46% 2.86% 95.89% Worldwide 3.81% 10.01% 162.73%
    67. 67. MOBILEMobile Web Usage 2010 2012 Increase Africa 5.81% 14.85% 155.59% Asia 6.1% 17.84 192.46% Europe 1.81% 5.13% 183.43% North America 4.71% 7.96% 69% Oceana 2.88% 7.55% 162.15% South America 1.46% 2.86% 95.89% Worldwide 3.81% 10.01% 162.73%
    68. 68. MOBILE
    69. 69. MOBILE :(
    70. 70. MOBILE
    71. 71. MOBILE bostonglobe.com
    72. 72. MOBILE Luke Wroblewski lukew.com
    73. 73. MOBILE
    74. 74. WHY IS YOUR PHONE SO THINGIMPORTANT? #9• Lots of mobile devices• The internet is still pretty popular• Be “Future Friendly”
    75. 75. WHO KNOWS ABOUT STUFF? THING #10
    76. 76. WHO KNOWS ABOUT STUFF? Scott Hanselman “Programming isnt a good Microsoft Tech Evangelist job for folks who arent @shanselman interested in constant hanselman.com learning.” source “If you have a problem, ask Joel Spolsky yourself if theres anything you Fog Creek Software & Stack Overflow could throw away that would @spolsky solve that problem.” joelonsoftware.com source “We programmers are job Jeff Atwood creation engines! One bad Stack Overflow & discourse.org programmer can easily create @codinghorror two new jobs a year.” codinghorror.com source
    77. 77. WHO KNOWS ABOUT STUFF? Nathan Smith “Never trust a skinny chef. ” == 960 Grid, UI/CSS/JS enthusiast “Never trust a creative director @nathansmith on Windows XP.” sonspring.com source Paul Irish Google Chrome Developer Relations @paul_irish paulirish.com Luke Wroblewski Mobile First, UI design guy @lukew lukew.com
    78. 78. WHO KNOWS ABOUT STUFF? John Resig jQuery @jresig ejohn.org “Making people read more Jason Fried instructions is not a design solution. 37Signals, Author of REWORK Its a chore. Rework the design so @jasonfried less needs to be explained.” source David Travis Usability, user experience & psychology @userfocus
    79. 79. WHO KNOWS ABOUT STUFF? THING #10• Use social media• Follow interesting people • @AppRiver • @ChrisMBarr • @JamShally • :)
    80. 80. REVIEW The Cloud is on top of the Internet Anyone can be on CNN Ruby tastes delicious Web design is CRAP Everyone hates John’s spaghetti More cell phones are born every day than humans Twitter knows a lot of stuf f
    81. 81. QUESTIONS

    ×