Blog of Krasimir Tsonev

JavaScript: creating class based on object

posted in JavaScript on 2013-08-31 object function var return ob2 ob1 create obj return function function obj return

I'm very happy visiting Stackoverflow more often then Facebook these days. Today I landed on this question. I'm not sure that I understand the real context of the situation, but I found something helpful, which may be useful for you. What if we have an object and want to use it as a base for JavaScript class (i.e. function). The idea is to create instances and basically extend the original object.

SASS: interpolation in a name of variable

posted in CSS3 on 2013-08-29 bg background color interpolation header include set variable sass set styles dark include set styles arg header include bg arg header

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

The power of inherit or how to animate pseudo elements

posted in CSS3 on 2013-08-27 box inherit pseudo background position 15px left div doesn t top move text

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.

BurgasConf 2013

posted in Must-see on 2013-08-27

The ITTour was in Burgas last weekend. I had the chance to be at the conference. A lot of great talks and nice time with smart people.

Managing events in JavaScript

posted in Must-see on 2013-08-23 model function var view controller eventbus callback function var scope event

I just noticed that the most popular repository in my GitHub account is EventBus. There is already an article about it, but it's a little bit outdated. I needed to clarify few things, so here is a new one.

Managing events in JavaScript

posted in JavaScript on 2013-08-23 model function var view controller eventbus callback function var scope event

I just noticed that the most popular repository in my GitHub account is EventBus. There is already an article about it, but it's a little bit outdated. I needed to clarify few things, so here is a new one.

CSS: common use cases and architecture at VarnaLab

posted in CSS3 on 2013-08-22 css common cases

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.

Send message from web page to chrome extension\'s background script

posted in JavaScript on 2013-08-22 script event web page document function message content script background script send

I just answer on that question in StackOverflow. I think that this is a common quetion so it worths writing about it.

SASS mixin for grid generation

posted in CSS3 on 2013-08-20 div wrapper grid sizing border box box sizing border columns mixin div div width sass

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.

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

posted in CSS3 on 2013-08-16 child element nth child scope row4 markup type color styles

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.