Fixing Google Analytics caching issue

Fixing Google Analytics caching issue

Getting the perfect score from Google PageSpeed Insights could be a tedious task, especially if Google Analytics is present on the website. You end up thinking that 99/100 is the perfect score. What does that one point mean anyway? And you go to sleep every night knowing that one point is still missing. My friend, the solution is here.

How to create crooked shadow

How to create crooked shadow

Recently I was working on a very interesting and challenging project. I was told to use CSS wherever possible. That was actually the first time I’ve heard someone says those words and my heart was full of joy. One of the most challenging features to build was to add a shadow on a crooked border. I know it doesn’t sound either glamorous or complicated, but it kinda is.

_bem - Wordpress theme with BEM methodology

_bem - Wordpress theme with BEM methodology

BEM is great. It is simple, yet powerful. If you’re not familiar with it, I highly recommend reading this article by Harry Roberts.

In short, it is a CSS naming convention methodology. It stands for: block, element, modifier. Blocks are parent components, elements are child components and modifiers are different states of components.

Wordpress is great, too. It is an open source blog tool and a publishing platform and content management system.

This is a post about building custom Wordpress theme with BEM naming methodology. Check it out!

CSS sidebar toggle

CSS sidebar toggle

CSS sidebar toggle presented in this post is made with CSS only. These days accessibility is pretty important stuff and, because changing the state of the elements cannot be done without JavaScript, I’ve added a small snippet for this feature.

Angular dragtable

Angular dragtable

Angular dragtable is an Angular directive that allows table column reorder.

I’ve been searching for a similar solution, including JavaScript libraries, jQuery plugins or Angular directives. I’ve tested various solutions, but nothing worked as expected. So I decided to create brand new directive.

The package is available here.
And the demo is available here.

Recursively includible Angular directive

Recursively includible Angular directive

I’ve been working on a complex Angular CRUD-ish project recently and one of the requirements was to create a form based on an MVC model. This model was not definite and could vary depending on many parameters in the application. As a result, I’ve created a directive that could generate a form for every complex model. Final code is available on Github repository and it’s called angular-repeater. Demo is available here.

How to automate development with Atom

How to automate development with Atom

We should automate our development process whenever possible. But there are so many tools available and new ones are published every week. Even though these tools help us, it could be very time consuming to learn and to handle all of these tools.

In this post I’ll show you how to automate development process using only Atom packages.

CSS tabs, part II: Accessibility

CSS tabs, part II: Accessibility

Recently I’ve been writing about CSS tabs. Topic was surprisingly popular, gaining several thousand users to my page.

What was even more surprising were comments about accessibility. Although my initial idea was to present just a CSS technique for tabs, I decided to investigate a little bit more and add accessibility to my solution.

How to handle keybindings in Atom

How to handle keybindings in Atom

In recent articles about Atom, I’ve talked about different packages that could help us make our daily jobs easier. Many of those packages have different keybindings. But what happens when a keybinding is already used by some other package?

In this tutorial I’ll show you how you could fix this.

How to lint inside Atom

How to lint inside Atom

Lint, linter, linting? What is it and why you should use it? I’ll try to show you how Atom linter packages could save you a lot of development time.

Perfect local server with Atom

Perfect local server with Atom

I’ve been using all kind of local server solutions back in a day, from WampServer to Vagrant. I noticed that I had to spend large amount of time on learning and configuration. That was, not only time consuming, but also very frustrating, especially when you’re a newby and you don’t understand half of the instructions and problems.

Even now, that I’m experienced developer, I don’t need complicated solutions for more than half of my tasks, so I decided to find simpler solution for development inside my Atom.