-
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.
read more
-
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.
read more
-
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.
read more
-
SASS mixins covering media queries
posted in CSS3 on 2013-08-15 point media content media query min width break points media queries means sass mixins -
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
-
A bad side effect of the aspect oriented programming
posted in JavaScript on 2013-08-15 thing result function thing prototype dosomething start prototype dosomething function aspect oriented programming problem original class -
I just read this very interesting article published on know.cujojs.com. It's about aspect oriented programming. At the beginning I thought "Oh, that's kinda cool", but when I start thinking about how I'll use it in practice I notice something bad. The blog post itself is well written and informative, but doesn't include any cons of the used technique.
read more
-
Sweating the small stuff: recreating subtle design details using Sass by Tim Hettler
posted in Must-see on 2013-08-14 sass -
Tim Hettler shows how to convert a beautiful button made in Photoshop to pure CSS. It looks that with a little math and SASS a lot of things became possible.
read more
-
Two handy and advanced SASS features and their limitations
posted in CSS3 on 2013-08-13 mixin margin item reset list include extend sass items interpolation -
I really like SASS and I use it a lot in my daily job. There are tons of useful features. However there are some things which I want to do, but I can't. There are limitation in the syntax and missing functionalities. Sharing what I found, I want to know if you meet those limitation and how you get around them.
read more
-
SASS: universal mixin for box model properties
posted in CSS3 on 2013-08-09 border left bottom mixin values border top padding margin property -
I'm currently working on OrganicCSS - a micro framework based on atomic CSS concept. I'm thinking a lot for name conventions, classes and of course mixins. I decided to combine three mixins in a file called _box-model.scss. They will provide a shortcuts for margin, padding and border properties.
read more
-
PHP: simple captcha script
posted in PHP on 2013-08-08 array code expression alphabet result im -
In my company, we have a lot of WordPress sites. Some of them require contact form with captcha field. The short way for solving such task is to use a plugin. However, as you may guess, the add-ons are available for everyone, which means that they could be easily explored and probably hacked. That's why I suggested a simple, custom script, which is developed by us.
read more
-
AJAX request doesn't work in IE (url encoding problem)
posted in JavaScript on 2013-08-08 url api works json stringify parameter fixed -
The good old Internet Explorer. It's full with surprises. I just fixed a bug happening only in IE. Everything works just great in every other browser.
read more