Blog

As a mobile apps user you may be already familiar to drawers. They are quite popular solution for a side menu. Using Steroids HTML5/JavaScript framework for hybrid mobile applications, you can bring such an interface solution into your product very easy. The usage of drawers explained here is demonstrated in the Steroids Kitchensink open source application. This is now being developed set of most useful examples for Steroids. As the application is constantly changing, I will freeze the code examples at 28 May 2014 . To explore the application in your mobile device or in a simulator clone…

Let me present a stub for docpad-run project with bem-built static assets. If you ever wanted to be a generic blog holder equiped with nice and neat static files, here we go. How to start You need install the docpad first. Follow their Installation Guide . Then, the installation of the blog is super short and easy. Clone, fork or copy from the docpad-bem-stub repository . Then, go though the 3 installation steps: With these 3 steps you will get: a local server with a generic docpad blog; bem-core and bem-components libraries of reusable CSS/JavaScript/templates code; fully tuned…

Recently I attended Front Trends 2014 in Warsaw. This is an awesome conference which you should (no, definitely have to!) attend in 2015. Besides incredible main programm Front Trends provides a set of Lighting Talks. This year I was a part of it presenting Steroids , a framework and a toolkit for developing HTML5 mobile apps. If you did not have a chance to hear it, this offline text presentation is for you. Being an absolute newbie in developing mobile apps I decided to showcase Steroids because it enables me to create pretty native-looking application and smoothly go through the…

The bem-core library goes futher and there already is 2.0.0 version available. This blog was safely switched to the new major version with some diff to the code . Now so can do you. Careful examination of the version changelog will help you with it. Look how I did this. When a new bem library version is released its changelog is published on the official BEM website. You can examine the list of changes for bem-core 2.0.0 . The changelog is divided into 3 parts: breaking, marjor and minor changes. Breaking changes takes most of your attention. As you can see, they declare removing of some…

Depending on a project people prefer different ways to adapt BEM. This results into a range of tools for our choice. Today, I am translating Maxim Shkalin's description of the BEML templating pre-processor. Willing to lighten the development with BEM I propose a tiny extension for the HTML syntax (yes, I used to writ all those long CSS classes manually). As the name BEMHTML is greedily taken by the Yandex guys, let us call it BEML . Objective Smooth learning curve HTML-syntax with no need to transform one language into another. Portability The tool has to be easy to use with other…

Last week I met the need to develop a web site which static assets have to be hosted on a different server and respond by different URLs than its HTML. This is the requirement to all the static files: stylesheets and JavaScript linked to the page as well as imges and fonts mentioned in HTML, CSS and JavaScript code. However it is obvious that these resources should be local when developing. Thus, the challenge was to introduce a piece of magic which knows where we aim to host the statics and transforms all the relative paths into absolute ones according to it. The tools which helped me is…