Beyond Responsive Web Design

Beyond Responsive Web Design.


Text Over Images

Now and again I wonder if people are reading all of the stuff I write. When I put up the last FAQ page, I answered a question from a reader about putting text over an image. She wanted to be able to put the name of the person in the picture on top of the picture, like a caption. I said that it couldn’t be done without the use of a graphics editor. Well — KaBoom! The e-mail poured in.

Yes, people are reading. I will take the weasel road right now and say that when I answered the question, it was correct. Now the variables have changed out right from under me and the Version 4.0 browsers have offered a couple of different ways to do it. Here I’ll outline three.

via Text Over Images.

Web Developer Basics: The HTML5 Video Element

Web Developer Basics: The HTML5 Video Element.

Web Developer Basics: The HTML5 Video Element

By David Fiedler

This article begins a “mini-series” of our in-depth coverage of important new elements in HTML5 to help you create media-rich pages that will work in any compliant browser. It’s recommended that you also read the prelude to this article, Multimedia In HTML5.

Web Graphics, Images and Web Development from HTMLGoodies

Web Graphics Tutorial

  • From Camera to Browser: Optimizing Images for the Web

    Over the years, the world has seen a change in the way that cameras are made and how they store image data. In the past, it was film. Now, for the most part, it’s digital information. In this article, we’ll look at the ways that images make it from the camera to the web.

  • Working with Images in HTML and CSS3

    You’d be hard pressed these days to find a website that doesn’t use images. However, not all sites use images in the best possible way. In this article we’ll show you how to properly use images on your site, as well as a couple of CSS3 tricks that you might want to experiment with.

  • How To Add a YouTube Video to Your Web Site

    Embedding a video from YouTube in your website is quite simple these days. In this tutorial we’ll show you how to do it, and how to use the more advanced embedding features that YouTube now provides to web developers. Updated with YouTube’s new iframe embedding functionality.

  • How To Use Text Over Images with HTML

    Place text over your images with HTML commands alone!

  • How Can I Select the Best Images for My Website?

    Why do you want an image? Is it for a web page as a dominant image, a background or a series of images that are part of a gallery? In this tutorial we will show you how to select the best images for your website.

  • Do Web Safe Colors Make a Difference?

    Web Safe colors, also known as browser safe colors, were introduced many years ago, when the web was in its infancy. A guestion that comes up every now and then is whether modern web designers should be using this type of palette – or not?

  • How Can I Create Images for Mobile Devices?

    When you think about mobile devices, the idea of creating images would seem to be a straightforward process. Unfortunately, it’s not, but in this tutorial we will cut to the chase and show you how it’s done!

  • Graphics Tutorial: 10 Tips to Get the Most Out of Photoshop

    If you’ve been working with image editors for any amount of time, you probably know that Photoshop is a great tool. The downside is its complexity. You can easily get bogged down in tasks which can really hurt your productivity. With these 10 tips, you’ll learn how to make the most of your time.



via Web Graphics, Images and Web Development from HTMLGoodies.