Blog

A couple of days ago I was asked about some basic things of using BEM project stub from someone who is enjoying the full BEM stack (BEM-CSS, i-bem.js and BEMHTML templates) for their projects. Answering the questions I promised to turn the information into text as we always skip many important things mistakenly considering them being primitive. The quesion was about configuration file which is needed if you use bem tools to build your pages. The 12th and 13th lines describe regular expressions to match and . And the meaning of these terms turned out to be unclear. First of all, the…

A developer using custom fonts in web (don't say this is evil) usually face a dilemma. The users' main interest is the content of the page not the view. It is nice to provide it as fast as possible and then apply a custom font. This blog used to work this way. I provided a script among others in the bundle linked by the end of the page. The drawback is obvious. Once a font is loaded and apllied, a user notice twitching as a page is being re-rendering. It is recommended to define a suitable system font in the . But there never is a good fit. Otherwise there was no need in a custom font. The…

There is a well-known front-end pattern which is to have hidden elements in DOM and make them visible when necessary. As with any good pattern, it can be compromised by wrong implementation. Most times, hidden means that the DOM element gets a property. This approach has become even more widespread thanks to and jQuery helpers. Whenever you need to hide a visible block you use the helper which in charge of assigning an inline style property, making the block invisible. When it has to become visible again, the helper changes the inline CSS property. I believe this is a very nice example…

This article features common problems that developers often face, or maybe used to face before the current open source era, when writing JavaScript for the client side; showcase of possible solutions to these problems and explanations of my choices. Client-side magic I am going to write about client-side JavaScript code only which runs under a browser and empowers an interface with interactivity. A piece of interface is represented with some HTML (and obviously styled with CSS). Also it can be equiped with JavaScript usually describing how to react to user's actions. So, when developing a…

As you might know, I recently run the BEM LOVE project to demonstrate how blocks can communicate with JavaScript. The first example is dull enough; a boy, a girl and the heartless world. Today, I was going to start with another one with a boy plunging into difficulties of choice. He has two girls to ask. Suddenly there is a challenge for you. Let's think if it's possible to attract a boy with a booooooring one-colour dress? Seems like no. So, the girls in the page are in need of nice patterned dresses. Any ideas on how to code a patterned triangle in CSS? Where to code? To dress the girls…

The first article about BEM in English.