Thoughts About Responsive Navigation On Mobile Devices

One of the things I think about a lot as a web designer is how to organize content and how to create navigation to it. I assume you think about it a lot as well. With every site I think about what kind of system will help visitors move about and find what they’re looking for.

Continue reading

Responsive Images Demo—Srcset, Picture, and Image-Set

It’s one thing to understand how to do something and another to actually do it. For the last few weeks I’ve been talking about responsive images, specifically the srcset attribute, the picture element, and the image-set() value on the background-image property. Along the way I promised a demo, which I’m presenting today.

Continue reading

Responsive Images Revisited—High Resolution Images

What makes for a high resolution image? Is it the pixels per inch (ppi)? Is it the dots per inch (dpi)? What distinguishes an image as @1x, @2x, or @3x? If we’re going to create pixel dense images for high resolution devices, it probably makes sense to understand a little about what is a high resolution image.

Continue reading

Personal Taste And Why Appreciating Different Perspectives Is Important

How much time do you put in to understanding the perspective of others? Do you judge anything that differs from your own personal taste as poor quality?

Continue reading

Responsive Images Revisited—The Picture Element

Responsive images have some challenges beyond the best pixel density to display for a given screen. There are issues maintaining the correct aspect ratio and overall image hierarchy. There are also issues with important details being lost as an image gets much smaller than the original.

Continue reading

css.php