SlideShare a Scribd company logo
1 of 61
The 10 Most Important
Things You Will Ever Learn
 About Web Design and
   Starting a Business
            (Not Really)

    UTEP AITP - October 17, 2012
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.
N U M B E R   1




 Web design starts
with HTML and CSS.
html5boilerplate.com
<!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>
body {
    background-color: orange;
}

p {
      color: blue;
      font-weight: bold;
      font-size: 5.0em;
      text-align: center;
}
HTML = Content
  CSS = Style
<!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>
Semantic HTML

<h1>Most Important Heading</h1>

<h2>Less Important Heading</h2>

<p>Paragraph Text</p>

<img src="utep.jpg" />
N U M B E R   2




Good websites are
driven by content.
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.
What are the two most
important things to users
when visiting a restaurant
        website?
What are the two most
important things to users
when visiting a restaurant
        website?


 Menu and Hours
Home
 History
  Menu
 Cooking
 Catering
   FAQ
  Links
Contact Us
 Careers
N U M B E R   3




Mobile devices have
completely changed
   web design.
Mobile FYI

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

• 371,000 babies born daily.
• Source: lukew.com
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.
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
Deliver a unified
browsing experience
   to all devices.
Full Site   Mobile Site

 Home         Home

 About        About

 Menu         Menu

 Events       Events

Contact      Contact
Responsive Design
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.
p {
      font-size: 2.0em;
}

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

responsiveprocess.com
N U M B E R   4




El Paso is a great
 place to start a
    business.
Starting a Business

• Work somewhere else first.
• Find a good accountant.
• Find a good lawyer to prepare
  contracts.
N U M B E R   5




 Don’t write a
business plan.
Business Plans

• Business plans are educated
  guesses.

• Business plans set unrealistic
  expectations.

• Create a general mission statement
  to follow.
N U M B E R   6




Learn how to say
       no.
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.
N U M B E R   7




Know your price.
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.
N U M B E R   8




Taxes are the
   worst.
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.
N U M B E R   9




Network
Network

• You never know who you are going
  to meet.

• Word of mouth is very important.
• El Paso is very small.
• Join groups.
N U M B E R   1 0




Don’t be afraid of
    change.
Change

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

• Change keeps you motivated.
Read This Book
THANKS!
BRANDON@IMPULSEDEVELOPMENT.COM

More Related Content

What's hot

AIM Presentation
AIM PresentationAIM Presentation
AIM Presentation
headspacej
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252 (4)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252 (4)Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252 (4)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252 (4)
Jordan Zurowski
 

What's hot (20)

WordPress SEO & Optimisation
WordPress SEO & OptimisationWordPress SEO & Optimisation
WordPress SEO & Optimisation
 
2010 11 pubcon_hendison-hosting
2010 11 pubcon_hendison-hosting2010 11 pubcon_hendison-hosting
2010 11 pubcon_hendison-hosting
 
Does This Theme Make My Website Look Fat? (Wordcamp SLC 2013)
Does This Theme Make My Website Look Fat? (Wordcamp SLC 2013)Does This Theme Make My Website Look Fat? (Wordcamp SLC 2013)
Does This Theme Make My Website Look Fat? (Wordcamp SLC 2013)
 
Joomla Technical SEO
Joomla Technical SEOJoomla Technical SEO
Joomla Technical SEO
 
The Users are Restless
The Users are RestlessThe Users are Restless
The Users are Restless
 
DjangoCon09: No! Bad Pony!
DjangoCon09: No! Bad Pony!DjangoCon09: No! Bad Pony!
DjangoCon09: No! Bad Pony!
 
Deliverance talk at plone meetup
Deliverance talk at plone meetupDeliverance talk at plone meetup
Deliverance talk at plone meetup
 
Speed
SpeedSpeed
Speed
 
Site Down: How to Triage Those First Minutes
Site Down: How to Triage Those First MinutesSite Down: How to Triage Those First Minutes
Site Down: How to Triage Those First Minutes
 
Semantic HTML5
Semantic HTML5Semantic HTML5
Semantic HTML5
 
A Humans First Approach to SEO and the Web
A Humans First Approach to SEO and the WebA Humans First Approach to SEO and the Web
A Humans First Approach to SEO and the Web
 
WordPress Q&A
WordPress Q&AWordPress Q&A
WordPress Q&A
 
Performance as User Experience [AEADC 2018]
Performance as User Experience [AEADC 2018]Performance as User Experience [AEADC 2018]
Performance as User Experience [AEADC 2018]
 
Performance Tuning Web Apps - The Need For Speed
Performance Tuning Web Apps - The Need For SpeedPerformance Tuning Web Apps - The Need For Speed
Performance Tuning Web Apps - The Need For Speed
 
HTML5 workshop, part 1
HTML5 workshop, part 1HTML5 workshop, part 1
HTML5 workshop, part 1
 
Wordpress Guide
Wordpress GuideWordpress Guide
Wordpress Guide
 
AIM Presentation
AIM PresentationAIM Presentation
AIM Presentation
 
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252 (4)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252 (4)Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252 (4)
Deck 893ff61f-1fb8-4e15-a379-775dfdbcee77-12-173-252 (4)
 
Optimizing for a Mobile First World
Optimizing for a Mobile First WorldOptimizing for a Mobile First World
Optimizing for a Mobile First World
 
Database repair
Database repairDatabase repair
Database repair
 

Viewers also liked (13)

Solutionmanual8051microcontrollerbymazidi
Solutionmanual8051microcontrollerbymazidi Solutionmanual8051microcontrollerbymazidi
Solutionmanual8051microcontrollerbymazidi
 
Bob presentation pdf
Bob presentation   pdfBob presentation   pdf
Bob presentation pdf
 
Islands in dispute
Islands in disputeIslands in dispute
Islands in dispute
 
Narrative moments
Narrative momentsNarrative moments
Narrative moments
 
Katapliktiko
KatapliktikoKatapliktiko
Katapliktiko
 
Reyes
ReyesReyes
Reyes
 
Bcssta conference october 19, 2012 resources for historical thinking
Bcssta conference october 19, 2012 resources for historical thinkingBcssta conference october 19, 2012 resources for historical thinking
Bcssta conference october 19, 2012 resources for historical thinking
 
ωδεια επαρχιας
ωδεια επαρχιαςωδεια επαρχιας
ωδεια επαρχιας
 
έκρηξη ηφαιστείου σαντορίνης
έκρηξη ηφαιστείου σαντορίνηςέκρηξη ηφαιστείου σαντορίνης
έκρηξη ηφαιστείου σαντορίνης
 
Vtouch presentation korean
Vtouch presentation koreanVtouch presentation korean
Vtouch presentation korean
 
Budismo
BudismoBudismo
Budismo
 
แผนปฎิบัติราชการ 2556 2559 กรมการแพทย์แผนไทย
แผนปฎิบัติราชการ 2556 2559 กรมการแพทย์แผนไทยแผนปฎิบัติราชการ 2556 2559 กรมการแพทย์แผนไทย
แผนปฎิบัติราชการ 2556 2559 กรมการแพทย์แผนไทย
 
October and November 2012
October and November 2012October and November 2012
October and November 2012
 

Similar to UTEP AITP Presentation - 10/17/2012

Design4Drupal Boston 2013 - Bumps in the Road to Responsive
Design4Drupal Boston 2013 - Bumps in the Road to ResponsiveDesign4Drupal Boston 2013 - Bumps in the Road to Responsive
Design4Drupal Boston 2013 - Bumps in the Road to Responsive
Salem Ghoweri
 
In Class Assignment 1 .docx
In Class Assignment 1                                        .docxIn Class Assignment 1                                        .docx
In Class Assignment 1 .docx
jaggernaoma
 
Web Fundamentals Crash Course
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash Course
MrAbbas
 
Web Fundamentals Crash Course
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash Course
MrAbas
 

Similar to UTEP AITP Presentation - 10/17/2012 (20)

Using Cool New Frameworks in (Mobile) Domino Apps
Using Cool New Frameworks in (Mobile) Domino AppsUsing Cool New Frameworks in (Mobile) Domino Apps
Using Cool New Frameworks in (Mobile) Domino Apps
 
Maximising Online Resource Effectiveness Workshop Session 3/8 Priority issues
Maximising Online Resource Effectiveness Workshop Session 3/8 Priority issuesMaximising Online Resource Effectiveness Workshop Session 3/8 Priority issues
Maximising Online Resource Effectiveness Workshop Session 3/8 Priority issues
 
Progressively Enhancing WordPress Themes
Progressively Enhancing WordPress ThemesProgressively Enhancing WordPress Themes
Progressively Enhancing WordPress Themes
 
Web Design 101
Web Design 101Web Design 101
Web Design 101
 
11 Amazing things I Learnt At Word Camp Sydney 2014
11 Amazing things I Learnt At Word Camp Sydney 201411 Amazing things I Learnt At Word Camp Sydney 2014
11 Amazing things I Learnt At Word Camp Sydney 2014
 
Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...
Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...
Everything You Need to Know for a Better Website in 2014 | Crystal Olig | Oxi...
 
5 Simple Actions to Make a Measurable Impact on Your Responsive Site
5 Simple Actions to Make a Measurable Impact on Your Responsive Site5 Simple Actions to Make a Measurable Impact on Your Responsive Site
5 Simple Actions to Make a Measurable Impact on Your Responsive Site
 
Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...
Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...
Ruby on Rails Performance Tuning. Make it faster, make it better (WindyCityRa...
 
Windy cityrails performance_tuning
Windy cityrails performance_tuningWindy cityrails performance_tuning
Windy cityrails performance_tuning
 
Getting SEO performance in Angular Meteor with ngmeta
Getting SEO performance in Angular Meteor with ngmetaGetting SEO performance in Angular Meteor with ngmeta
Getting SEO performance in Angular Meteor with ngmeta
 
Amp your site: An intro to accelerated mobile pages
Amp your site: An intro to accelerated mobile pagesAmp your site: An intro to accelerated mobile pages
Amp your site: An intro to accelerated mobile pages
 
Design4Drupal Boston 2013 - Bumps in the Road to Responsive
Design4Drupal Boston 2013 - Bumps in the Road to ResponsiveDesign4Drupal Boston 2013 - Bumps in the Road to Responsive
Design4Drupal Boston 2013 - Bumps in the Road to Responsive
 
Responsive Design
Responsive DesignResponsive Design
Responsive Design
 
Rapid and Responsive - UX to Prototype with Bootstrap
Rapid and Responsive - UX to Prototype with BootstrapRapid and Responsive - UX to Prototype with Bootstrap
Rapid and Responsive - UX to Prototype with Bootstrap
 
In Class Assignment 1 .docx
In Class Assignment 1                                        .docxIn Class Assignment 1                                        .docx
In Class Assignment 1 .docx
 
Be a Web Design Professional with the Right Skills.
Be a Web Design Professional with the Right Skills.Be a Web Design Professional with the Right Skills.
Be a Web Design Professional with the Right Skills.
 
Web Fundamentals Crash Course
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash Course
 
Web Fundamentals Crash Course
Web Fundamentals Crash CourseWeb Fundamentals Crash Course
Web Fundamentals Crash Course
 
Bruce Lawson Opera Indonesia
Bruce Lawson Opera IndonesiaBruce Lawson Opera Indonesia
Bruce Lawson Opera Indonesia
 
Mobile Monday Presentation: Responsive Web Design
Mobile Monday Presentation: Responsive Web DesignMobile Monday Presentation: Responsive Web Design
Mobile Monday Presentation: Responsive Web Design
 

Recently uploaded

Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
daisycvs
 

Recently uploaded (20)

JHARSUGUDA CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN JHARSUGUDA ESCORTS
JHARSUGUDA CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN JHARSUGUDA ESCORTSJHARSUGUDA CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN JHARSUGUDA ESCORTS
JHARSUGUDA CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN JHARSUGUDA ESCORTS
 
PITHAMPUR 💋 Call Girl 9827461493 Call Girls in Escort service book now
PITHAMPUR 💋 Call Girl 9827461493 Call Girls in  Escort service book nowPITHAMPUR 💋 Call Girl 9827461493 Call Girls in  Escort service book now
PITHAMPUR 💋 Call Girl 9827461493 Call Girls in Escort service book now
 
Lundin Gold - Q1 2024 Conference Call Presentation (Revised)
Lundin Gold - Q1 2024 Conference Call Presentation (Revised)Lundin Gold - Q1 2024 Conference Call Presentation (Revised)
Lundin Gold - Q1 2024 Conference Call Presentation (Revised)
 
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
 
Falcon Invoice Discounting: Empowering Your Business Growth
Falcon Invoice Discounting: Empowering Your Business GrowthFalcon Invoice Discounting: Empowering Your Business Growth
Falcon Invoice Discounting: Empowering Your Business Growth
 
GUWAHATI 💋 Call Girl 9827461493 Call Girls in Escort service book now
GUWAHATI 💋 Call Girl 9827461493 Call Girls in  Escort service book nowGUWAHATI 💋 Call Girl 9827461493 Call Girls in  Escort service book now
GUWAHATI 💋 Call Girl 9827461493 Call Girls in Escort service book now
 
QSM Chap 10 Service Culture in Tourism and Hospitality Industry.pptx
QSM Chap 10 Service Culture in Tourism and Hospitality Industry.pptxQSM Chap 10 Service Culture in Tourism and Hospitality Industry.pptx
QSM Chap 10 Service Culture in Tourism and Hospitality Industry.pptx
 
PHX May 2024 Corporate Presentation Final
PHX May 2024 Corporate Presentation FinalPHX May 2024 Corporate Presentation Final
PHX May 2024 Corporate Presentation Final
 
Getting Real with AI - Columbus DAW - May 2024 - Nick Woo from AlignAI
Getting Real with AI - Columbus DAW - May 2024 - Nick Woo from AlignAIGetting Real with AI - Columbus DAW - May 2024 - Nick Woo from AlignAI
Getting Real with AI - Columbus DAW - May 2024 - Nick Woo from AlignAI
 
Berhampur CALL GIRL❤7091819311❤CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
Berhampur CALL GIRL❤7091819311❤CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDINGBerhampur CALL GIRL❤7091819311❤CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
Berhampur CALL GIRL❤7091819311❤CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
 
Bankura Call Girl Just Call♥️ 8084732287 ♥️Top Class Call Girl Service Available
Bankura Call Girl Just Call♥️ 8084732287 ♥️Top Class Call Girl Service AvailableBankura Call Girl Just Call♥️ 8084732287 ♥️Top Class Call Girl Service Available
Bankura Call Girl Just Call♥️ 8084732287 ♥️Top Class Call Girl Service Available
 
JAJPUR CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN JAJPUR ESCORTS
JAJPUR CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN JAJPUR  ESCORTSJAJPUR CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN JAJPUR  ESCORTS
JAJPUR CALL GIRL ❤ 82729*64427❤ CALL GIRLS IN JAJPUR ESCORTS
 
Solan Call Girl Just Call 8084732287 Top Class Call Girl Service Available
Solan Call Girl Just Call 8084732287 Top Class Call Girl Service AvailableSolan Call Girl Just Call 8084732287 Top Class Call Girl Service Available
Solan Call Girl Just Call 8084732287 Top Class Call Girl Service Available
 
Escorts in Nungambakkam Phone 8250092165 Enjoy 24/7 Escort Service Enjoy Your...
Escorts in Nungambakkam Phone 8250092165 Enjoy 24/7 Escort Service Enjoy Your...Escorts in Nungambakkam Phone 8250092165 Enjoy 24/7 Escort Service Enjoy Your...
Escorts in Nungambakkam Phone 8250092165 Enjoy 24/7 Escort Service Enjoy Your...
 
Berhampur 70918*19311 CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
Berhampur 70918*19311 CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDINGBerhampur 70918*19311 CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
Berhampur 70918*19311 CALL GIRLS IN ESCORT SERVICE WE ARE PROVIDING
 
Nashik Call Girl Just Call 7091819311 Top Class Call Girl Service Available
Nashik Call Girl Just Call 7091819311 Top Class Call Girl Service AvailableNashik Call Girl Just Call 7091819311 Top Class Call Girl Service Available
Nashik Call Girl Just Call 7091819311 Top Class Call Girl Service Available
 
Nanded Call Girl Just Call 8084732287 Top Class Call Girl Service Available
Nanded Call Girl Just Call 8084732287 Top Class Call Girl Service AvailableNanded Call Girl Just Call 8084732287 Top Class Call Girl Service Available
Nanded Call Girl Just Call 8084732287 Top Class Call Girl Service Available
 
Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
Quick Doctor In Kuwait +2773`7758`557 Kuwait Doha Qatar Dubai Abu Dhabi Sharj...
 
PARK STREET 💋 Call Girl 9827461493 Call Girls in Escort service book now
PARK STREET 💋 Call Girl 9827461493 Call Girls in  Escort service book nowPARK STREET 💋 Call Girl 9827461493 Call Girls in  Escort service book now
PARK STREET 💋 Call Girl 9827461493 Call Girls in Escort service book now
 
Arti Languages Pre Seed Teaser Deck 2024.pdf
Arti Languages Pre Seed Teaser Deck 2024.pdfArti Languages Pre Seed Teaser Deck 2024.pdf
Arti Languages Pre Seed Teaser Deck 2024.pdf
 

UTEP AITP Presentation - 10/17/2012

  • 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.
  • 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.
  • 7. body { background-color: orange; } p { color: blue; font-weight: bold; font-size: 5.0em; text-align: center; }
  • 8.
  • 9. HTML = Content CSS = Style
  • 10.
  • 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.
  • 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.
  • 19.
  • 20. Home History Menu Cooking Catering FAQ Links Contact Us Careers
  • 21.
  • 22.
  • 23.
  • 24.
  • 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.
  • 31.
  • 32.
  • 33.
  • 34. Full Site Mobile Site Home Home About About Menu Menu Events Events Contact Contact
  • 35.
  • 36.
  • 37.
  • 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.
  • 42.
  • 43.
  • 44.
  • 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.

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. We see this.\n
  11. Search engines see this.\n
  12. Semantics are important because it helps search engines organize content.\n
  13. \n
  14. \n
  15. Bad because you are creating a barrier for someone to access your site.\n
  16. \n
  17. \n
  18. Distracting. Video is playing by default. Eye is not drawn to navigation menu because of bright boxes on homepage.\n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. Ask audience what they use.\n
  27. \n
  28. Makes testing harder.\n
  29. \n
  30. \n
  31. \n
  32. \n
  33. Crave mobile site lacks hours.\n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. \n
  43. \n
  44. \n
  45. \n
  46. \n
  47. \n
  48. \n
  49. \n
  50. \n
  51. We&amp;#x2019;ve had a few cases where we had to cancel projects, didn&amp;#x2019;t get along with clients, etc.\n
  52. \n
  53. \n
  54. \n
  55. \n
  56. \n
  57. \n
  58. \n
  59. Kept same billing system and project management system for six years. Been using older code.\n
  60. \n
  61. \n