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

An App or a Mobile Website?

It’s increasingly important to make your website mobile friendly, but do you need an app, too?

The Art of Mobile Design

A mobile website looks great on small and large screens.

An App, or as the geeks say, a “Native App,” is an application that you have to download from iTunes or another store.

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.

How to redesign a live website

I’ve had several people ask me this question — “How do you redesign a WordPress site (or any other site) without messing up the “live” site while you work on the new site design?” It’s such a great question, I’m creating an entire course on redesigning and moving websites for creativeLIVE. (You can find links […]

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

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.

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

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

1
2
3