Some years ago, I published a post related to apply geometry and in particular trigonometry in client-side web applications with high requeriments of animations and interaction. Today we are going to deepen a bit more in this topic studying a subject a little more advanced in the geometry world: rotation matrices.Read More
It has been some time since I don’t post anything, the project in which I’m working takes too much time from me. But this doesn’t prevent me to experiment a bit with the things that apasionate me.
I have wanted to test the performance of the main browsers using CSS3 transformations. In this little experiment, in each mouse movement, 300 DOM elements are transformed.Read More
Live Shapes is a functionality that was necessary in Adobe Illustrator since a long time ago. The possibility of drawing a geometric shape and edit its own properties later on, and not necessarily on the moment in which the shape was created, is something so basic that it is hard to believe that it was not available in a professional software as Adobe Illustrator. Something so basic as crating a rectangle with round corners and later be able to edit the curvature of those corners, was impossible to achieve in Illustrator but nevertheless it was available in the discontinued Freehand.Read More
A pseudo-class is a CSS selector that helps us to select DOM elements taking into account their state instead of their information. Some of the most used pseudo-classes are :hover, :active or :focus. CSS3 brings some pseudo-classes that help us to select elements taking into account their position in the DOM tree. In this tutorial I’ll cover some of them.
Most of the designers, have dealt with isometric projections in some moment of their careers. Very useful if one wants to represent industrial products in a user manual or to explain the functionality of a mechanism.
In this tutorial, I’ll explain how to approach this kind of axonometry in an easy way, using Adobe Illustrator.