minnewebcon


  • 7th annual MinneWebCon. 
  • "Two days of grassroots knowledge sharing for people who create, work with and love the web"
  • Yes, great conversations about the web are   going on in your state. 

Design, User Experience, Development...

University of minnesota

McNamara Alumni Center
Beautiful architecture
Lots of food!

keynote takeaway

"Spock-like things in a  Kirk-like world"

  • Speaker Maggie Koerth-Baker, Science  Editor
  • how the rational world of tech melds with messy world of humanity
  •  creates our present and shape our future
  • We sell socio-technical systems, not technology
  • Technology that works with our current humanity


SOCIO-TECHNOLOGICAL SYSTEM?

  • Technologies succeed or don't succeed based on how
    they fit into our lives. 
  • We are ready for the technologies that succeed. 

phones

  • Phone > cel phones > computers
  • laid the foundation for smart phones.
 

light


  • 1802, Humphrey Davy created the first electric light. 
  • Our knowledge of materials  needed to develop as did your electrical infrastructure.  We weren't using a lot...
  • The "commercially practical" lightbulb was created by Edison in 1879. 

how does this relate to web design


We've reached a pont where we are  creating tools to make web design and dev easier

Frameworks 
  • Come out of  doing the same thing over and over again. Eventually you want to create a tool to do it for you. 
  • Session on Angular.js - a framework to create single page applications that runs in the browser
  • Some frameworks such as this have steep learning curve, but pay off with long-term productivity

single page application   



More TOOLS TO MAKE THINGS EASIER

Content Management Systems 
  • Come out of  doing the same thing over and over again. Eventually you want to create a tool to do it for you. 
  • Session on Component based design from the folks at Drupalize.me. 
  • Creating  themes and patterns by analyzing the page in terms of recurring components and not content. 

component pattern


the conference   

Silos connecting with each other
Conversations about design, technology, and user experience

silos connect across disciplines    
Writing Content  That Works Across Devices
     Front End Development for Back End Developers
     Programmers Can UX, Too
     Collaborative Design for Everyone
     PHP for Web Designers

    minnewebcon


    siloed experiences

    Component Based Web Design (CMS)
    Back to basics user experience

    The ADA and Websites
    API Frameworks - Angular.js - Javascript 
    Language extenders - CSS , LESS and SASS
    HTML5 Games with Canvas
    HTML5 Mobile App Development

      technology take-aways

      Line between design and developer getting fuzzy 

      • CSS Precompilers asked to access the terminal
      • Programming fundamentals being used - variables, classes
      • Philosophies  -  OOCSS, Mobile First
      • Extension Languages - SASS, LESS
      • Take time to learn frameworks - save time
      • Frameworks - Angular.js, 
      • CMS - Wordpress, Drupal, Joomla etc...

      Made with Slides.com