Blog

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 font-face . But there never is a good fit. Otherwise there was no need in a custom…

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 display: none property. This approach has become even more widespread thanks to .hide() and .show() jQuery helpers. Whenever you need to hide a visible block you use the .hide() helper which in charge of assigning an inline display: none style property, making the block invisible. When it has to become visible again, the .show() helper…

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…

The first article about BEM in English.

A list of frequently asked questions about BEM and detailed answers to them.