11ec30dedeb7889af512461ba7ce6a45

How does our CSS architecture look like after getting rid of Bootstrap

In summer, several well-known companies such as GitHub, CodePen or Buffer have published blog posts about how the CSS architecture is designed in their applications.

Due to the fact that in September we finished transferring Shelly Cloud from Twitter Bootstrap (from version 2.3.2) to the styles developed by us and based on the Inuit framework, I wanted to share the experience that we've gained doing this.

Continue reading
11ec30dedeb7889af512461ba7ce6a45

How to create a "Follow Us" pop-up box using the ngAnimate library

The following article has been prepared based on AngularJS and ngAnimate version 1.2.12, so the provided code examples may not work properly with older or newer versions of these libraries.

Continue reading
Ebdeb6de770c069ff6f2b37780d2a340

Managing assets with Rails Assets

Up until recently, managing external CSS and JavaScript dependencies in Rails apps was a big pain. Solutions varied from just checking the latest downloaded version of a library into source control and forgetting about it to using Bower to manage dependencies.

Take a look at your vendor/assets directory. How old are the libraries there? How often do you remember to check for new versions? There could be some serious bugs discovered and fixed, maybe even security issues resolved.

Continue reading
D87b50f7d7d0b0314dc4714a247c2022

Synchronize your settings with Dropbox and Mackup

Most of the developers are creatures of habit. Once they get comfortable with an editor, a set of shortcuts or a terminal setup they tend to stick to it for a long time. In this post I will show how to share and keep application configs and so called dotfiles in sync across machines. It's very useful when you have a desktop at the office and a laptop at home.

To accomplish that we are going to use a simple tool called mackup and Dropbox. Mackup keeps your application settings in sync using Dropbox as a storage. It can be installed using homebrew or downloaded as a script, we will do the latter because we want to modify this script later on.

Continue reading
1bcc0f22f6de3bb0942c9a187e1d1ac1

Generating PDFs with custom fonts using wkhtmltopdf

Generating PDF files with custom fonts can be tricky. In this tutorial we will create a simple Rails app and tackle this problem with two tools: wicked_pdf and wkhtmltopdf.

Continue reading
Ebdeb6de770c069ff6f2b37780d2a340

Hide your staging environment from Google

If you deploy your application to a staging environment, chances are that it will eventually get picked up by Google and other search engines. This is undesired for many reasons, from other people discovering your unfinished work to bad SEO from duplicate content.

Continue reading
11ec30dedeb7889af512461ba7ce6a45

When Inuit.css is a better choice than Bootstrap

"Inuit.css is a powerful little framework designed for serious developers." says the first sentence in a README file.

The biggest advantage of Inuit over other frameworks is modularity and focus on abstractions. It doesn't enforce how elements should look. Instead, it gives a set of tools which speed up your work and allow to test new things faster.

Continue reading
D87b50f7d7d0b0314dc4714a247c2022

Easy database migration using Taps(-taps)

Migrating databases from one host to another can be a boring and time consuming task. Usually you need to make a database dump on the host A, compress it, transfer it to the host B, uncompress it and finally load it into the database. Things get even more complicated when we want to transfer database to a different database engine, say from MySQL to PostgreSQL.

Fortunately there is taps. It's a tool for migrating databases. From this post you will learn how to use it, how it works and how to resolve its most common problems.

Continue reading
1bcc0f22f6de3bb0942c9a187e1d1ac1

Why do we need SSL certificates?

What is SSL/TLS?

Secure Sockets Layer (SSL) and its successor Transport Layer Security (TLS) are cryptographic protocols designed to provide secure connection between a server and a client, typically a web server and a browser or a mail server and a mail client.

Continue reading
Ebdeb6de770c069ff6f2b37780d2a340

Adding search and autocomplete to a Rails app with Elasticsearch

This post will show a fast and easy way to add search to your Rails application. We will use Elasticsearch, an open source search engine, and Searchkick, an easy-to-use gem that integrates Elasticsearch with Rails.

Continue reading
×