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

How the iPad and iPhone turn 3 Screens Into One

Television producers are their top advertisers are not the only ones who want content on all “Three Screens”: 1. The television screen; which, while it is the oldest screen in most households, is starting to undergo some radical changes with Google TV, AppleTV, and various other players attempting to fuse the Web surfing with our favorite […]

A complete HTML5 document ready for your content

The following code is featured in Chapter 5 of iPhone & iPad Web Design For Dummies We offer you this code sample with the simple goal of saving you a little typing. Don’t forget to change the title, copyright, and other content if you use this on your own web site! <!DOCTYPE HTML> <html lang=”en”> […]

The Simplest HTML5 Page: Code Sample to copy and paste

If you’ve been thinking that HTML5 is completely different from other flavors of HTML, you may be surprised to discover that the only required difference is the doctype line that appears at the very top of the file. Here’s an example of a very simple HTML5 page. <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>This […]

1
2
3