-
Advanced cross-browser flexbox
By Chris Mills · Wednesday, April 10, 2013 26
The CSS Flexible box module level 3 brings with it a lot of power and some very exciting possibilities for web development, allowing us to put together complex site layouts easily and rapidly, and dispensing with some of the illogical hacks and kludges that we've traditionally used. In this article Chris Mills goes beyond the basics, showing some more interesting uses of flexbox, and how Modernizr can be employed to serve different styles to browsers with differing levels of flexbox support to provide the best level of cross browser support available. Read more…
-
Adding Geolocation metadata, with microformats, datasets, microdata and RDFa Lite
By karlcow · Wednesday, January 16, 2013 51
In September 2011, I needed to mark up location data in an HTML document and it became more complicated than I initially thought it would be. I started to think about this topic again recently and explored some possibilities. In this article I will share my findings, looking at how I used microformats, datasets, microdata and RDFa Lite to mark up this data, and discussing what the best option might be. Read more…
-
Raw WebGL 101 — Part 4: Textures
By Erik Möller · Wednesday, December 5, 2012 43
Greetings, WebGL ninjas. in this fourth part of Erik's raw WebGL tutorial series, we will turn our attention to importing textures from an image file into the canvas. Read more…
-
RoboHydra: advanced techniques
By Esteban Manchado Velázquez · Wednesday, December 5, 2012 50
This article looks at some advanced RoboHydra techniques, based around uses of the low-level RoboHydra heads (RoboHydraHead objects). Read more…
-
Native CSS feature detection via the @supports rule
By Chris Mills · Wednesday, November 21, 2012 37
We have practised feature detection to allow us to provide appropriate code to browsers with differing levels of standards support for a while now, but we've always needed 3rd party libraries to handle it. But not for much longer: The CSS3 Conditional Rules Module Level 3 provides the @supports at-rule and associated JavaScript API, providing a native mechanism for doing CSS feature detection. In this article we'll give you the lowdown on how this rule works, looking at a real example in the process. Read more…
-
Image and video post-processing with WebGL
By Nicolas Garcia Belmonte · Wednesday, October 17, 2012 49
This article looks at what image post-processing is and how to use the raw WebGL API to apply real-time post-processing effects to images and other media like video, canvas, etc. Read more…
-
Client-side error logging
By Remy Bach · Wednesday, October 17, 2012 44
This article shows how to handle client-side error logging, a very useful practice that helps you better understand and discover issues that your users are having. Read more…
-
Flexbox — fast track to layout nirvana?
By Chris Mills · Tuesday, October 9, 2012 46
This article provides a basic introduction to Flexbox, the gifted new kid on the block with respect to CSS layouts. Here we'll show you how the most exciting new features of Flexbox work. Read more…