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

Take ‘Super-Selfies’ with my simple smartphone Kit

Posted by Janine Warner - August 25, 2014 - ecommerce, Entrepreneurs, Graphics, Social Media, Video
iPhone monopod

After taking so many “super selfies” of audiences in my speeches and classes, I’ve received a growing number of requests for where and how to order the monopod and remote control needed to take a photo from a few feet above your head. Here are some of my favorite “super selfie” tools, with direct links to […]

Read More

How do you create drop-down menus & galleries in Dreamweaver CC?

Posted by Janine Warner - August 18, 2013 - CSS, Dreamweaver, Dreamweaver CC, Dreamweaver CS6, ecommerce, FAQ, Graphics, Tutorials

Image galleries and drop-down menus are common features of modern websites, but the latest version Dreamweaver, Adobe Dreamweaver CC, won’t help you to create either of these common elements (unless you can write the HTML, CSS, and JavaScript code yourself.) To fill the gap and help web designers get the features they desire, a number […]

Read More css, dreamweaver cc, dreamweaver extensions, drop-down menu, dwcs6, menu

Why faster is not always better on the Web

Posted by Janine Warner - February 11, 2013 - Graphics, Tutorials, Web Design

The speed of your Internet connection may be misleading you about your website performance If you remember the days when you had to dial into the internet using a modem, and the beeps and crackling sounds that indicated you’d established an Internet connection, then you should also remember how unbearably slow it was back then. […]

Read More

How to align images with CSS Floats in Dreamweaver

Posted by Janine Warner - September 9, 2012 - CSS, Dreamweaver, Graphics, Tutorials

If you’ve ever been frustrated by the limitations of V space and H space (that’s vertical and horizontal space for those unfamiliar with HTML), you’re going to love what CSS can do for your images. As you’ll learn in this tutorial, using CSS to create styles for your images instead enables you to quickly and […]

Read More

What’s the Best Image Format for the Web? JPEG, GIF, and PNG Comparison Chart

Posted by Janine Warner - September 8, 2012 - Graphics, Tutorials

One of the most common questions about images for the Web concerns when to use the GIF or PNG image formats, and when to use JPEG. The simple answer is use JPEGs for photos and other images with millions of colors, use PNG for everything else. Format Best Use GIF (Extension is .gif) For line […]

Read More graphics

Optimizing GIF and PNG formats with Adobe Photoshop Save for Web Dialog

Posted by Janine Warner - September 7, 2012 - Graphics, Tutorials

If you’re working with a graphic, such as a logo, cartoon character, or drawing that can be displayed in 256 colors or less, your best bet is to use the PNG format and reduce the total number of colors used in the image as much as possible to reduce the file size. (If you are […]

Read More graphics

Optimizing JPEG Images with the Save for Web dialog in Adobe Photoshop

Posted by Janine Warner - September 7, 2012 - Graphics, Tutorials

The JPEG format is the best choice for optimizing continuous-tone images, such as photographs and images with many colors or gradients. When you optimize a JPEG, you can make the file size smaller by applying compression. The more compression, the smaller the image, but if you compress the image too much, the image can look […]

Read More graphics

Creating and Optimizing Web Graphics

Posted by Janine Warner - September 7, 2012 - Graphics, Tutorials

The most important thing to keep in mind when creating images for the Web is that you want to optimize your images to make your file sizes as small as possible so that they download as quickly as possible. Just be careful, if you reduce the colors in an image too far, you can loose […]

Read More graphics

Changing size and resolution when optimizing graphics

Posted by Janine Warner - September 7, 2012 - Graphics, Tutorials

Reducing an image’s size for use on the Web requires two steps — reducing the image’s physical size by reducing its dimensions, and reducing the resolution of an image, which changes the number of pixels per inch that make up the image. When you’re working with images for the Web, you want to reduce the […]

Read More graphics

How to fix a Photoshop Web Photo Gallery in Dreamweaver

Posted by Janine Warner - September 7, 2012 - Dreamweaver, Graphics, Tutorials

Note: The Photoshop Web Gallery is no longer included in the latest versions of Dreamweaver. This tutorial applies to older versions of Photoshop that included the automated Web Photo Gallery feature. After a recent trip to Russia, I thought it would be fun create a slide show with photos I took in the new Cold […]

Read More dwcs3, dwcs4, dwcs5, dwcs6, graphics
  • 1
  • 2

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