Upgrade to Pro — share decks privately, control downloads, hide ads and more …

UTEP AITP Presentation - 10/17/2012

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Brandon Silverstein Brandon Silverstein
October 18, 2012
Business
180
0

UTEP AITP Presentation - 10/17/2012

Avatar for Brandon Silverstein

Brandon Silverstein

October 18, 2012

More Decks by Brandon Silverstein

See All by Brandon Silverstein
UTEP IEEE Presentation - 11/30/12
Avatar for Brandon Silverstein impulsedev
1
71

Other Decks in Business

See All in Business
AI時代のリスク管理は どうあるべきか考えてみる
Avatar for arap / 0air 0air
0
230
yomiyomi company deck
Avatar for yomiyomi inc. yomiyomi
0
990
ClaudeCode × Hubspot 営業・マーケティングAI段階的成長ロードマップ
Avatar for 長津孝輔 nagatsu
0
760
株式会社アイリッジ 会社説明資料
Avatar for 株式会社アイリッジ iridge
0
6.9k
若手としての正解を得られなかった話~でもたぶん生きのこれる~
Avatar for Michika Kurotaka chronoll
0
340
POP-UPデザイン企画提案書
Avatar for NAOHISA TAKEMURA superpenguin
PRO
0
150
株式会社BALLAS 会社案内
Avatar for 株式会社BALLAS ballas_inc
0
40k
Mercari-Fact-book_jp
Avatar for Mercari, Inc. mercari_inc
7
200k
Web工学とビジネスモデル - IVRyにおけるAI時代の新規事業開発 -
Avatar for IVRy（アイブリー）のSpeaker Deck ivry
1
460
株式会社ルクレ新卒向け採用ピッチ
Avatar for LECRE Inc. lecre
0
890
Nealle Company Deck
Avatar for Nealle nealle
0
140
捨てる、という判断 — エンジニアの役割の変化に向き合うConference
Avatar for APPLE WORLD appleworld
1
990

Featured

See All Featured
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
62
45k
A Soul's Torment
Avatar for Nat Ma seathinner
6
3.1k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2.1k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
190
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.4k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
340
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.8k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
370
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
260
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
240

Transcript

  1. The 10 Most Important Things You Will Ever Learn About

    Web Design and Starting a Business (Not Really) UTEP AITP - October 17, 2012

  2. Brandon Silverstein •Graduated from UTEP in December 2004 with a

    B.S. in Computer Science. •Freelance web designer during college. •Started Impulse Development in September 2006.

  3. N U M B E R 1 Web design starts

    with HTML and CSS.

  4. html5boilerplate.com

  5. <!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8

    lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title></title> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> <script src="js/vendor/modernizr-2.6.1.min.js"></script> </head> <body> <!--[if lt IE 7]> <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p> <![endif]--> <!-- Add your site or application content here --> <p>Hello world! This is HTML5 Boilerplate.</p> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</ script> <script src="js/plugins.js"></script> <script src="js/main.js"></script> </body> </html>
  6. None

  7. body { background-color: orange; } p { color: blue; font-weight:

    bold; font-size: 5.0em; text-align: center; }
  8. None

  9. HTML = Content CSS = Style

  10. None

  11. <!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8

    lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title></title> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> <script src="js/vendor/modernizr-2.6.1.min.js"></script> </head> <body> <!--[if lt IE 7]> <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p> <![endif]--> <!-- Add your site or application content here --> <p>Hello world! This is HTML5 Boilerplate.</p> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</ script> <script src="js/plugins.js"></script> <script src="js/main.js"></script> </body> </html>

  12. Semantic HTML <h1>Most Important Heading</h1> <h2>Less Important Heading</h2> <p>Paragraph Text</p>

    <img src="utep.jpg" />

  13. N U M B E R 2 Good websites are

    driven by content.

  14. Content First •Decide which content is most important to the

    user. •Organize content in an easy-to-use navigation system. •If a user can’t find content, say goodbye.
  15. None

  16. What are the two most important things to users when

    visiting a restaurant website?

  17. What are the two most important things to users when

    visiting a restaurant website? Menu and Hours
  18. None
  19. None

  20. Home History Menu Cooking Catering FAQ Links Contact Us Careers

  21. None
  22. None
  23. None
  24. None

  25. N U M B E R 3 Mobile devices have

    completely changed web design.

  26. Mobile FYI •378,000 iPhones sold daily. •1,000,000 Android devices activated

    daily. •371,000 babies born daily. •Source: lukew.com

  27. Flash • Flash was very popular for building websites. •

    Apple killed Flash. • iOS devices have never had Flash installed (battery life, security risks, etc.) • Adobe won’t support Flash in Android 4.1.

  28. Browsers/Devices • Internet Explorer 7, 8, 9, 10 • Safari

    • Firefox • Chrome • iPhone 3GS, iPhone 4, iPhone 4S, iPhone 5 • iPad 2, iPad 3, iPad Mini • Thousands of Android Devices

  29. Deliver a unified browsing experience to all devices.

  30. None
  31. None
  32. None
  33. None

  34. Full Site Home About Menu Events Contact Mobile Site Home

    About Menu Events Contact
  35. None
  36. None
  37. None

  38. Responsive Design

  39. Responsive Design •One set of HTML/CSS/JS code. •Use CSS to

    change the layout of pages based on device width. •Google’s recommend method for serving mobile content.

  40. p { font-size: 2.0em; } @media screen and (min-width: 768px)

    { p { font-size: 1.0em; } }
  41. None
  42. None
  43. None
  44. None

  45. mediaqueri.es responsiveprocess.com

  46. N U M B E R 4 El Paso is

    a great place to start a business.

  47. Starting a Business •Work somewhere else first. •Find a good

    accountant. •Find a good lawyer to prepare contracts.

  48. N U M B E R 5 Don’t write a

    business plan.

  49. Business Plans •Business plans are educated guesses. •Business plans set

    unrealistic expectations. •Create a general mission statement to follow.

  50. N U M B E R 6 Learn how to

    say no.

  51. No! •We turn down projects that are not a good

    fit. Budget, timeline, etc. •We push back on client recommendations if needed. •You will never make everyone happy.

  52. N U M B E R 7 Know your price.

  53. Know Your Price • Don’t work for free unless it

    is for an internship. • Discounted work rarely leads to more higher paying work. • Hired a candidate because they told me what they wanted to get paid. • Be confident in your pricing and ability.

  54. N U M B E R 8 Taxes are the

    worst.

  55. Taxes •Taxes aren’t the worst, but it sucks to pay

    them. •Pay tax throughout the year. •Paying a lot of tax is not the worst problem to have.

  56. N U M B E R 9 Network

  57. Network •You never know who you are going to meet.

    •Word of mouth is very important. •El Paso is very small. •Join groups.

  58. N U M B E R 1 0 Don’t be

    afraid of change.

  59. Change •Change is scary. •Try to make all business decisions

    temporary. •Change keeps you motivated.

  60. Read This Book

  61. THANKS! [email protected]