CategoryResponsive Images

June 25, 2015 — Responsive images have been keeping us on our toes for quite some time, and now that they are getting traction in browsers, they come with a scary problem: the need to efficiently resize all our image assets. As designers and developers, we have an enormous amount of power to shape how the web works. One of the biggest impacts we can have is to make our websites more performant, which will improve our users’ experiences and even make our content available to whole new markets. Cutting image weight is a relatively simple and hugely impactful way to increase performance, and I hope the information outlined above helps you make a difference to your users. Read more…

May 14, 2014 — A few days ago, we published an article on Picturefill 2.0, a perfect polyfill for responsive images. Today’s article complements Tim Wright’s article and explains exactly how we can use the upcoming <picture> element and srcset, with simple fallbacks for legacy browsers. There is no reason to wait for responsive images; we can actually have them very soon. Read more…

August 30, 2011 — If you really care about your visitors, then read this post in which Sergey Chikuyonok demonstrates how to optimize images with HTML5 Canvas. Read more…

May 26, 2011 — Making sure the content of images is rich in meta information before publishing them is important. That’s why, Daniel Pataki brings you some ways to enrich your blog using some common sense, best practices, and the power of WordPress. Read more…

May 17, 2011 — In this article, Louis Lazaris covers all the important parts of the syntax for CSS animations. If you haven’t yet started using CSS keyframe animations, here’s your chance to start! Read more…

April 5, 2011 — In this article, Andy Croxall looks at how to combine JavaScript/jQuery with PHP and, particularly, PHP’s GD library to create an image manipulation tool to upload an image, then crop it, and finally save the revised version to the server. Read more…

October 2, 2008 — Whether you’re a Web developer, Web designer or blogger, you’ve probably had to deal with the headache of converting many images to different sizes and formats. It’s not much fun if you have to convert all of them by hand. Batch image processing can reduce this process from hours of work to just a few simple clicks. Read more…