A bite of bits

A few days ago I decided to try out some different programs to see if my workflow would improve, so I began using CSSEdit rather than Espresso to do the chunk of CSS rules. During my initial tests I noticed a piece of UI that I thought would be interesting to do with CSS3, the breadcrumbs:

Even though there are many techniques that allow us to make something similar to that without CSS3, they all share one single problem: the “arrow” part.

What is the problem with the arrow part? Well, everything in CSS 2.1 or lower is square and flat. There is no way around that.

Since the arrows are oblique, in order to achieve the same effect, we would either place them underneath, or next to each other, and replace the corresponding backgrounds depending on whether the next option was selected or not. Even with use of all CSS3 features, this method is still the most reliable one until this day.

Read the rest of this entry »

While creating web applications at madewithlove we often encounter strange problems. Sometimes we spend hours trying to solve them and we don’t want you to have to do the same, that’s why we put the solutions here.
And, of course, sometimes we just have a crazy idea we want to test out and tell you about our findings.

That’s what this blog is about, our web development stories.