The time when we will pay far more attention to the responsive markup than we do it now is already not too far off. So I consider that it is necessary to be well prepared in this question when the time comes, or even to have clear idea of what is it and what it is used for.
I would like to say at once that the markup of the responsive patterns requires some different approach, than the markup of statics. We will code a “fixed” pattern and it will work everywhere and under any conditions. However, when implementing it into the responsive pattern we can run into some difficulties such as: block sizes and indentions, fonts and, eventually, the created markup does not allow us to manipulate the blocks in a way it is required by the design pattern. It is necessary to think over all these questions before the creation of responsive markup.
Read more…
I was asked for several times to create simple tooltips, the one with the arrows. It seemed to be easy: I had to do a block with round corners, take triangles and voilà. However, it’s not that simple. Because you know that designers’ imagination is very creative and sometimes even wild. They want to make inclined arrows, frames, or add some shadows. Certainly, it is possible to complete everything on the pictures, but it is impractical. If for no other reason than the heap of actions, in order that all will stretch on all sides.
Read more…
Quite recently I’ve decided to try CSS3 features in operation. To look at what they are suited for in reality. My look fell on the well known galleries of fancybox etc. In other words, I’ve decided to do the similar js gallery, but only on clean html+css.
Read more…
Hello to everyone. Today’s post will be short, but I think it can be rather useful to our readers. I often hear people ask the same question about how to do “fading” of text to the bottom, the top etc.
There are variants on js and with a picture and css -gradient simply imposed over text. Today a new decision of this problem came into my mind. Its realization is a piece of cake.
Read more…
