Web Design Training courses, videos & tutorials at DigitalFamily.com
Web design & Internet trends
books, videos, training & consulting
  • Home
  • Store
    • Web Design Books
    • Dreamweaver Videos
    • Expression Web Videos
    • Products
    • Shopping Cart
    • Order Status
  • Consulting Services
  • Web Tutorials
    • Web Design 101
    • Mobile and Responsive Web Design
    • Social Media
    • Online Reputation
    • Dreamweaver
    • Expression Web
    • Cascading Style Sheets
    • WordPress
  • Dreamweaver
    • CS6 Tutorials
    • CS5 Tutorials
    • CS4 Tutorials
    • CS3 Tutorials
  • FAQ
    • Dreamweaver
    • CSS
    • Graphics
    • WordPress
    • Ask the Author
  • About Us
    • About DigitalFamily.com
    • About Janine Warner
  • Contact
Search the site...
Home» Mobile Web Design

The Art of Mobile Web Design

Mobile Web Design

Like most things on the web, there’s no simple solution that works for everyone when it comes to reaching an audience on the mobile phones and tablets, but in this short article, you’ll get an overview of the options and where to start.

The first thing to consider is whether you should create an App or a mobile website.

  • An App, or as the geeks would say, a “Native App,” is an application that you have to download from the iTunes store or one of the Android stores.
  • A mobile website is a “mobile friendly” website, meaning a website that looks good, and is usable, on a small screen.
  • Learn more about creating a mobile website

    Compare creating an app to desiging a mobile website and find the best solution for your project

    Customizing WordPress Designs with Themes and Frameworks

    WordPress is remarkably simple to use when it comes to adding posts and pages, but things can get tricky quickly when you want to customize the design or create complex page layouts. You can create custom WordPress designs in at least three ways: 1. Learn HTML, CSS, and at least a little PHP, and you [...]

    Read More
    Designing-for-multiple-devices-500

    How to create a responsive web design that adjusts to different screen sizes

    Many web designers are calling 2013 The Year of Responsive Design. Responsive web design is increasingly popular because the biggest challenge of web design today is that your pages are as likely to be projected on a giant computer monitor as on a tiny cell phone screen. With responsive design, you create one web page [...]

    Read More
    Sizes for CSS Styles

    Should I use pixel, pica, em or rem to set the size when I create styles with CSS?

    When you create CSS Styles, you can specify sizes for fonts and other elements in so many ways that confusion (and frustration) can set in pretty quickly. Historically, most of us used pixels or ems as the sizes of choice (see explanations below), but today an increasingly popular choice is rem, a seemingly magical option [...]

    Read More

    Designing for Multiple Screens: Responsive vs Adaptive (View Janine’s PowerPoint Presentation on Slideshare)

    This is a short presentation on trends in web and mobile design, including a comparison of Adaptive and Responsive design strategies. Subscribe to Janine Warner’s SlideShare Account Learn More about Responsive and Adaptive Design in these articles Creating Responsive Web Designs How to create responsive web designs with the new Fluid Grid Layouts in Adobe Dreamweaver [...]

    Read More

    Responsive Web Design & Testing Tools

    Responsive Web Design is the hot new thing on the web, but it’s also one of the most complex strategies yet when it comes to creating a website. This tutorial is designed to point you in the direction of some of the best tools for designing and testing responsive websites. You can learn more about [...]

    Read More

    Great Examples of Responsive Web Design

    If you’re looking for evidence of the growing popularity of responsive web design, just Google the phrase: “responsive web design examples,” and you’ll find numerous collections of design examples. Here are a few responsive designs to give you a flavor for what responsive design is all about. FoodSense.is BostonGlobe.com Anderson Wise Architects Antonio Gaudi example [...]

    Read More

    Creating Responsive Designs with Dreamweaver CS6 Fluid Grid Layout

    Creating responsive designs is the best new thing in web design, and Adobe’s new Fluid Grid Layout system is a great place to start in Dreamweaver CS6. The new Fluid Grid Layout option is available from the File menu, and it’s a new category in the New Document Window. As you develop your designs, keep [...]

    Read More
    Designing-for-multiple-devices-500

    How to create a responsive web design that adjusts to different screen sizes

    Many web designers are calling 2013 The Year of Responsive Design. Responsive web design is increasingly popular because the biggest challenge of web design today is that your pages are as likely to be projected on a giant computer monitor as on a tiny cell phone screen. With responsive design, you create one web page [...]

    Read More

    Designing for Multiple Screens: Responsive vs Adaptive (View Janine’s PowerPoint Presentation on Slideshare)

    This is a short presentation on trends in web and mobile design, including a comparison of Adaptive and Responsive design strategies. Subscribe to Janine Warner’s SlideShare Account Learn More about Responsive and Adaptive Design in these articles Creating Responsive Web Designs How to create responsive web designs with the new Fluid Grid Layouts in Adobe Dreamweaver [...]

    Read More

    Responsive Web Design & Testing Tools

    Responsive Web Design is the hot new thing on the web, but it’s also one of the most complex strategies yet when it comes to creating a website. This tutorial is designed to point you in the direction of some of the best tools for designing and testing responsive websites. You can learn more about [...]

    Read More

    Creating Responsive Designs with CSS Media Queries

    Responsive web design is a great way to create website that work on small and large screen sizes. Responsive design involves creating one HTML page and then designing multiple style sheets to change the display based on the size of the screen where the page is viewed. This article reviews how to use media queries to target style sheets based in the width of the browser window.
    iphone-and-ipad-design

    Read More

    The Art of Mobile Web Design

    Like most things on the web, there’s no simple solution that works for everyone when it comes to reaching an audience on the mobile phones and tablets, but in this short article, you’ll get an overview of the options and where to start. The first thing to consider is whether you should create an App [...]

    Read More

    Adding Audio and Video to Mobile Web Pages

    The following code was featured in the book iPhone and iPad Web Design For Dummies. We include this code to save you a little typing if you are hosting your own video and want to link to it using mobile-friendly tags. BONUS TIP: Unless you’re running a really big website and have your own video [...]

    Read More

    Creating the Ultimate Mobile Contact Page

    To help you accomplish the most important goal in most mobile designs, you want to make sure it’s… … easy to dial a phone number. (It is a phone after all.) The Apple iOS automatically recognizes phone numbers and makes them clickable (or should we say, ‘touchable’ links). When a user touches the link, a [...]

    Read More

    Great Examples of Responsive Web Design

    If you’re looking for evidence of the growing popularity of responsive web design, just Google the phrase: “responsive web design examples,” and you’ll find numerous collections of design examples. Here are a few responsive designs to give you a flavor for what responsive design is all about. FoodSense.is BostonGlobe.com Anderson Wise Architects Antonio Gaudi example [...]

    Read More

    Creating Responsive Designs with Dreamweaver CS6 Fluid Grid Layout

    Creating responsive designs is the best new thing in web design, and Adobe’s new Fluid Grid Layout system is a great place to start in Dreamweaver CS6. The new Fluid Grid Layout option is available from the File menu, and it’s a new category in the New Document Window. As you develop your designs, keep [...]

    Read More
    • 1
    • 2
    • 3

    Share with your friends

    Recent Posts

    • How to change the width in a Dreamweaver drop-down menu created with a Spry Widget
    • Should I use a higher image resolution than 72 ppi for my photographs on the web?
    • How do I move my domain name?
    • Never have an outdated copyright date again
    • Customizing WordPress Designs with Themes and Frameworks

    Popular Books & Videos

    • Dreamweaver CS6 Video

      DW-Video-250
      Creating Responsive Designs for small and large screens with Fluid Grid Layouts
      Discover how to create web designs that look great on large and small screens. From smartphones to tablets to desktops, the new Fluid Grid Layout in version CS6 makes it easier than ever to set up media queries and design websites with HTML5 and CSS3. More Info »
      $49.99$39.99

      View Cart / Checkout
    • Dreamweaver CS6 For Dummies

      9781118212332.pdf
      Whether you’re an experienced Web designer or you just want to look like one, you’ll appreciate the power of Dreamweaver, the most popular program among professional Web designers. Even if you’re just getting started, you can master this award-winning program with Dreamweaver CS6 For Dummies. More Info »
      $21.99

      View Cart / Checkout
    • Web Sites For Dummies

      Web Sites For Dummies
      Web Sites Do-It-Yourself For Dummies gives you simple, step-by-step instructions to build your confidence as you build your site. More Info »
      $21.99

      View Cart / Checkout
    • CSS Basics: A Refreshing Way to Learn Cascading Style Sheets

      CSS-Basics-DVD
      Training video DVD
      Whether you are completely new to designing with Cascading Style Sheets, or you really want to master the basics of CSS, Janine's crash course will get you up to speed quickly. More Info »
      $24.99

      View Cart / Checkout
    • Creating CSS Layouts: Getting More Advanced with Cascading Style Sheets

      CSS-Advanced-DVD-500
      Training Video DVD
      Dive deep and learn more advanced techniques with Cascading Style Sheets in Part 2 of Janine's CSS training series. More Info »
      $24.99

      View Cart / Checkout
    • Dreamweaver CS5 Crash Course

      Dreamweaver CS5 Crash Course Part 1
      Dreamweaver video DVD
      Dip into web design and learn Dreamweaver fast with this engaging video. More Info »
      $24.99

      View Cart / Checkout
    • iPhone & iPad Web Design For Dummies

      iPhone-iPad-500
      By Janine Warner, David LaFontaine & Lee Andron Wiley Publishing A full-color guide to designing cutting-edge Web sites for the iPhone, iPad, and iPod touch! Apple’s touchscreen iOS devices have created worldwide techno-lust, and a hot new market out of thin air. iPads and iPhones are so in demand they outsell every other device in their category. With all More Info »
      $21.99

      View Cart / Checkout
    • Mobile Web Design For Dummies

      Mobile Web Design For Dummies
      At first glance, the sheer rate of change in the mobile web can seem intimidating. If the regular internet is a moving target, then the mobile web is a cheetah! With our help, you'll discover what makes a great mobile Web site, the technologies that help you get around the limitations, and how to pack a punch on the small screen. More Info »
      $19.99

      View Cart / Checkout

    Related tips & tutorials

    browsers change how a wordpress blog looks cms content strategy css customize blog appearance design trends drop-down menu dwcs3 dwcs4 dwcs5 dwcs6 ecommerce edit wordpress blog expression-web extensions Flash forms ftp graphics HTML inverted pyramid iPad Apps links media queries mobile web design online reputation responsive SEO social media social media aggregation social media design tools. social media measurement tools templates testimonials video web content web design web hosting website wordpress writing for the web
    © 2001 - 2013 All rights reserved. DigitalFamiliy.com was created by Janine Warner | Terms & Conditions of Use | Privacy Policy
    • Home
    • Store
    • Consulting Services
    • Web Tutorials
    • Dreamweaver
    • FAQ
    • About Us
    • Contact