Optimising SVG images
SVG is a vector image format based on XML. It has great advantages, most notably it is lightweight. Since SVG is a text format, it can be viewed and modified using a simple text editor, and applying GZIP compression produces excellent results. It’s critical for a website to provide assets that are as lightweight as […]
Using mozjpeg to Create Efficient JPEGs
The mozjpeg project recently released version 2.1. It aims to improve the efficiency of JPEG encoding over existing encoders while maintaining compatibility with the vast majority of existing decoders. I’d like to explain how you can use this software to reduce the size of your JPEGs. Specifically, I’m going to go over usage of mozjpeg’s […]
Hacks Weekly – Responsive Design planning, flexbox explorer, Hugepic.io and more
This week, Mozilla’s Developer Engagement team wants you to read about Responsive Design planning, an explorer for testing flexbox, Hugepic.io to show large images and much more!
The web moves on and interesting things pop up! Here are this week’s link from Mozilla’s Developer Engagement team.
A call for quality HTML5 demo markup
HTML5 is a necessary evolution to make the web better. Before the HTML5 specs were created we used (and still use) a hacked together bunch of systems meant for describing and linking documents to create applications. We use generic elements to simulate rich interaction modules used in desktop development and we make assumptions as to […]
Foxkeh's Wallpaper Creator: practical SVG application
When we make graphical web applications, we may use Canvas and SVG. Comparing SVG with Canvas, SVG is suitable to make applications with these features: use large images with smooth lines (SVG is vector graphics) edit size, position, shape or colors of images (easy to change) clip, mask or filter images (SVG supports these features) […]
using SVG and APNG to create an animated texture map
Yesterday we featured a demo that used SVG to map 3D data. Today we link to Hans’ next demo: dynamically textured animations in the browser. He uses the same techniques that he used in the previous post, but this time he’s taking an Animated PNG image and mapping a random image texture on top of […]
color correction for images in Firefox 3.5
Back in Firefox 3, we introduced support for color profiles in tagged images, but it was disabled by default. In Firefox 3.5 we were able to make the color correction process about 5x faster than it was in Firefox 3 so we’ve enabled support for color correction for tagged images. Most images on the web […]