In class, we were discussing the displaying of images with the <img> tag, and I talked about not changing the aspect ratio. I want to make sure the concept is clear.
The aspect ratio is simply the ratio between the width and height of an image. Here is an image with a 1:1 aspect ratio — that means that the width and height are the same. Continue reading Don’t Touch that Aspect Ratio!
As we were discussing what can fit on the screen, a question came up about the meaning of screen resolution. Let me attempt a quick overview here.
The basic graphic unit for computers is the pixel (short for picture element). What we see displayed on a monitor is composed of a grid of pixels. The screen resolution is the dimensions of this grid. For early computer monitors, a typical resolution was 640 x 480 — in other words, the grid was 640 pixels wide by 480 pixels high. Continue reading Who needs resolutions?
This semester, we’ve been learning new ways of doing things with HTML5. As is so often the case, it takes a while with a new system to fully understand the best ways of doing things with that system. Take a look at html5doctor.com/avoiding-common-html5-mistakes/for some good guidance.
As we discussed in class, sometimes we’re unable to accomplish exactly what we hoped, and we have to find work-arounds. If we stick with HTML 4 or XHTML plus CSS level 1, we have a lot of confidence that any browser is likely to render a page properly, but when we use HTML 5 and CSS 3, things aren’t always as straight-forward. Continue reading Bleeding Edge Blues?