author: Krasimir Tsonev

Krasimir is a blogger, who writes and speaks.
He loves open source and codes awesome stuff.

CSS3

CSSSteal - Chrome extension that extracts CSS

posted in CSS3 on 2015-09-17

We had to update some of our old pages adding new elements. This means mixing old and new code. Placing HTML markup and JavaScript in legacy pages is not that difficult. Yes, it brings some issues but they are easily solvable. However, the CSS is a whole new story. That’s why I did CSSSteal. It helps me extract the needed styles.

read more comments

CSS variables are here for ages

posted in CSS3 on 2014-08-13

Every front-end developer that starts reading about CSS preprocessors thinks “Oh, finally variables in CSS". Indeed, the ability to create and use variables in CSS makes our code much more flexible. However, I think that there is no need to use a preprocessor to create flexible stylesheets.

read more comments

Simple, good looking separator made with pure CSS

posted in CSS3 on 2014-02-12

I'm currently working on the official site of AbsurdJS. There are a lot of code samples out there and I wanted to present them in JSBins.

read more comments

Select drop-down broken under Firefox

posted in CSS3 on 2013-09-27

Firefox has problems if you use <select> element inside a container which has CSS translate applied. To fix that you have to avoid translating and apply the following hack, targeting the element only under Firefox.

read more comments

SASS: interpolation in a name of variable

posted in CSS3 on 2013-08-29

I just answered on that question at StackOverflow. That's actually asked a lot last few months.

read more comments

The power of inherit or how to animate pseudo elements

posted in CSS3 on 2013-08-27

Luckily, I have time to watch screencasts from various conferences. Last few weeks I'm watching videos from Fronteers2012. They are all great and it worths checking out. However, there is something which I found really interesting. It's about animating pseudo elements.

read more comments

CSS: common use cases and architecture at VarnaLab

posted in CSS3 on 2013-08-22

Yesterday I made a talk about CSS common use cases and architecture. Floats, pseudo clases, animations, OOCSS, SMACSS, Atomic design and tons of other interesting stuff.

read more comments

SASS mixin for grid generation

posted in CSS3 on 2013-08-20

The mixins in SASS are really helpful. Here is something really short which I just start using. It's a mixin which I apply on the grid's container.

read more comments

CSS: Understanding first-child, last-child and nth-child

posted in CSS3 on 2013-08-16

I like the CSS only solutions. Very often I need to select a specific DOM element. Sure I could add a new class, but it is always nice if I can do that inside my stylesheets. It just looks better and keeps my HTML markup clean. first-child, last-child and nth-child are made exactly for this purpose.

read more comments

SASS mixins covering media queries

posted in CSS3 on 2013-08-15

These days I'm working on this little thing. It's a CSS micro framework following atomic concept. My preprocessor of choice is SASS. That's why I wrote several articles on this subject. Today's post is about media queries mixin.

read more comments