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 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

7 Signs You Need a Redesign

If you answer yes to 3 or more of these points, it’s definitely time to redesign your website or blog.

1. The growing mobile web audience has led to new approaches in web design. Today the best sites use a technique called Responsive Design to adjust the size and positioning of page elements to best fit small and large screen sizes. If you can’t read the text on your website when you view it on a mobile phone, or worse, you can’t even see it on a mobile phone, it’s definitely time to join the modern mobile world.

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 […]

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 […]

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 […]

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 […]

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 […]

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 […]

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 […]

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 […]

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 […]

What web address should you use for your mobile web site?

Make it easy for everyone with a mobile phone to get to the URL of your mobile site (typing as little as possible), by setting up multiple mobile addresses and directing visitors to the best version of your site. Whatever you do, drop the www (no one should ever have to type those three letters […]

Where to find fonts you can use on your website

You have to have the legal rights to publish fonts on a server and there are a number of complexities to hosting fonts in all of the formats you’ll need for them to work in all of the different web browsers out there. For all those reasons, most web designers turn to a hosted font […]

How to add fonts to a website with CSS3

Thanks to the latest advances in web browsers and CSS3, you can link almost any font to a web page. There are many ways to add fonts to your web pages today, but the simplest option is to use a font from one of the online collection websites. Follow this link to discover where you can […]

How HTML5 is changing web site design

At least 4 out of 5 mobile design ‘experts’ agree that HTML5 is the future of Web design (okay, I made that up), but we’re all pretty sure we’re moving in that direction. Although many web designers are not using HTML5 yet– it is clearly the next step in markup languages for the Web, and […]

How to make a WordPress blog work on an iPhone and other mobile devices

The simplest way to make your WordPress blog more mobile friendly is to use one of these WordPress plugins. The latest, and more sophisticated approach, is to use a WordPress theme created with the Responsive web design approach, which means the design ‘responds’ to different screen sizes by changing the design to better fit smaller […]

Seven Mobile Web Design Tips To Get You Started

1. Limit small screen designs to one column: Multi-column layouts just don’t fit on small mobile phone screens. 2. Make links big and easy to click on: Remember most cell phone users struggle with ‘fat finger’ syndrome. 3. Make your phone number easy to find: It seems obvious, but if someone is viewing your site on their mobile […]

Comparison Table: When is it best to create a Web App vs. a Native App?

Native apps, Web apps, iTunes apps, Android apps, what does it all mean? And where does a web site fit into the brave new world of the mobile web and app stores? This comparison table will help you better understand your options and why some sompanies are creating both. A Native App vs. A Web App […]

1
2
3