Fofronline - fofronline.com - Paul Hayes
General Information:
Latest News:
Last.fm Webteam 16 Jun 2013 | 10:49 pm
I work at Last.fm as part of the Webteam. We're a small team — five developers, a designer, a QA and a scrum master, and there's always a lot to do. This is a little bit about how we get things done. ...
Fun with face detection, canvas and webcam video 19 Nov 2012 | 04:43 am
With the getUserMedia API, a video element and a canvas element live webcam data can be manipulated without plugins.
UX Developers are Industrial Designers of the Web 11 Mar 2012 | 11:50 pm
UX developers share the sensibilities, processes and goals of an industrial designer. I am a UX developer, an industrial designer for the web. I tinker, prototype, and build; I research, design, and i...
Use CSS transitions to link Media Queries and JavaScript 6 Nov 2011 | 02:06 am
A common problem in responsive design is the linking of CSS3’s media queries and JavaScript. For instance on a larger screen we can restyle, but it might be useful to use JavaScript and pull in differ...
CSS Modal follow up 27 Apr 2011 | 09:43 am
In my original post I explained how to create a CSS only modal pop-up using :target, pseudo-elements and pointer events. This had a number of caveats, any browser that didn’t support pointer events wo...
CSS Modal 18 Mar 2011 | 07:52 am
Using CSS3 techniques a modal box can be created without JavaScript or images. With a bit of animation, transition and transform, it can be made that little bit more special. CSS Modal Experiment 12...
Creating a sphere with 3D CSS 11 Feb 2011 | 12:33 pm
With CSS3’s 3D transforms I’ve illustrated how to build a cube and a tetrahedron. It is also possible to create a sphere-like object, albeit with many elements. 3D CSS Sphere Works in the latest Saf...
Thoughts on Responsive Enhancement 30 Oct 2010 | 04:36 am
At AsyncJS in Brighton last night, Jeremy Keith gave an overview of “Responsive enhancement” — adapting a layout in response to browser or device capabilities. After considering why fixed width design...
CSS Tetrahedron 7 Oct 2010 | 07:59 am
A triangle can be created in CSS by manipulating the borders of an element. Combining four triangles in a 3D space using -webkit-transform, these can be positioned to form a tetrahedron (or pyramid if...
CSS 3D cube with touch gestures, click and drag 29 Sep 2010 | 10:20 am
An update on the original 3D cube (from July 2009 no less), I’ve added touch gesture support (iOS) and click-and-drag behaviour. Animation is incredibly smooth on the iPhone, even the 3G model. Arrow ...
