Responsive web design services in Gauteng sounds incredibly simple. Opt for flexible grids for the layout, use flexible media (images, video, iframes), and apply media queries to update these measurements to best arrange content on any viewport. In practice, we’ve
- Responsive images
- Improving performance
- Responsive typography
- Progressive Enhancement
With those topics in mind, I ran a series of podcasts asking some of our industry leaders for their thoughts. In their responses, one point was unanimous: focus
Fluid media was a key part of RWD when it was first defined by Ethan Marcotte. width: 100%
From a performance point of
Also, remember we are hard-coding the sizes attribute to be directly defined against our design. This may cause issues moving forwards. For example, if you redesign your site, you’ll need to revisit all of the <img> or <picture>s and redefine the sizes. If you are using a CMS, this can be overcome as part of your build process.
WordPress already has a plugin to help. It defines the
- Think about whether you really need to include an image. Is the image core content, or is it decorative? One less image will mean a faster load time.
- Optimise the images you do need to include using ImageOptim.
expireheaders for your images on your server or .htaccess file (see details under ‘Performance’).
- PictureFill provides polyfill support for pictures.