Web design & Internet tutorials
Search the site...
Home» Tutorials » Mobile Web Design

An App or a Mobile Website?

Posted by Janine Warner - January 24, 2014 - Feature-Front, Mobile Web Design, Web Design
Mobile Web Design Examples

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.

Read More mobile web design, web design, wordpress

7 Signs You Need a Redesign

Posted by Janine Warner - September 24, 2013 - Content Strategy, Feature-Front, Mobile Web Design, Responsive, Tutorials, Web Design
Mobile Web Design

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.

Read More change how a wordpress blog looks, content strategy, customize blog appearance, edit wordpress blog, mobile web design, redesign, responsive, web design

How to redesign a live website

Posted by Janine Warner - August 7, 2013 - Content Strategy, FAQ, Mobile Web Design, Tutorials, Web Design, Web Design, WordPress

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

Read More

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

Posted by Janine Warner - April 11, 2013 - Dreamweaver CS6, Feature-Front, Mobile Web Design, Responsive, Tutorials, Web Design, WordPress

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 mobile web design, responsive

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

Posted by Janine Warner - February 4, 2013 - Mobile Web Design, Responsive, Tutorials, Web Design

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

Posted by Janine Warner - January 28, 2013 - Mobile Web Design, Responsive, Tutorials

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

Posted by Janine Warner - December 29, 2012 - CSS, Dreamweaver CS5, Dreamweaver CS6, Mobile Web Design, Tutorials

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 css, dwcs5, dwcs6, media queries, mobile web design, responsive, wordpress

Adding Audio and Video to Mobile Web Pages

Posted by Janine Warner - September 16, 2012 - Mobile Web Design, Tutorials

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 mobile web design

Creating the Ultimate Mobile Contact Page

Posted by Janine Warner - September 15, 2012 - Mobile Web Design, Tutorials

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 dwcs5, dwcs6, mobile web design

Great Examples of Responsive Web Design

Posted by Janine Warner - September 15, 2012 - Dreamweaver CS6, Mobile Web Design, Responsive, Tutorials, WordPress

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 dwcs6, mobile web design, responsive, web design
  • 1
  • 2
  • 3

Recent Posts

  • Google Analytics for Creative Professionals – new class on Pluralsight
  • Follow the cursor JavaScript sample
  • Part Four: Tools that let amateurs look like professionals
  • Part Three: Influence, Klout and finding what’s hot
  • Best social media tools part 2: Twitter, Instagram and Pinterest
  • How to add sound to a website
  • The advantages of a dynamic website, such as WordPress
  • How do you preserve Google rankings when you redesign a WordPress site ?
  • Browser Testing Tools
  • My updated Facebook Template works on small and large screens




© 2001 - 2020 All rights reserved. DigitalFamiliy.com | Terms & Conditions of Use | Privacy Policy

This is a demonstration store. No physical products will be shipped. Dismiss