Feb 04
2013

You know that you can tilt HTML elements into the shape of a parallelogram using the CSS3 property “transform”. Nice, at first sight. But then, calling “transform” on a picture leads to tilting the picture itself. Uncle Hugo is not amused about his new skewed look. And you know, it is his corporation you are preparing the web site for. To save you, I have found the JavaScript library Maskew. Maskew skews elements into parallelograms too. But it does not skew the content, only the frame. Uncle Hugo himself will not tilt (at you) this way…
Read more
Feb 03
2013

Onlineshops have them. I particularly like the product pictures over at Amazon. Hovering the pictures with your mouse enables a zoom effect that shows a larger portion of the original right beside the image. If you like these presentations you might also like to implement similar effects into your own web projects. The jQuery plugin elevateZoom promises to achieve just that. It can even be customized to vary the effects to your liking.
Read more
Feb 02
2013

Agile Designers by Webalys is a platform for web designers, currently in beta. Up to now already around 1,900 designers have registered and put up 740 resources. This is massive, considering that the service just launched on the 7th of November of last year. Reason enough to take a closer look at what’s in store.
Read more
Feb 01
2013

Calculating time values and displaying them correctly is not child’s play. There are lots of different units (Year, Month, Day, Hour etc.) and – more disturbing – different systems of numeration, none of which is decimal. But you need not fall into despair. Moment.js is there to help you. The small JavaScript library comes equipped with lots of nifty features for calculating time spans, converting international time formats and also cares for the output of the results. Needless to say that Moment.js works for different languages and time zones.
Read more
Jan 31
2013

CSS makes it easy to address child and sibling elements. Parent elements cannot be addressed by the use of CSS though, at least not today. CSS4 will introduce this possibility, but do not hope to see any browser supporting that any time soon. The jQuery plugin cssParentSelector allows the use of the new CSS4 parent selector today.
Read more
Jan 30
2013

A few days ago we brought HTML_CodeSniffer to your attention, a bookmarklet for testing websites in terms of accessibility. Today we encountered a brand-new project, that aims at the average designer and is set to be the starting point for everything around accessibility. Community-driven and crowdsourced, A11Y as the project abbreviates itself, wants to support and encourage accessible web designs. The project is refreshingly different and growing rapidly.
Read more