What is SMACSS and how to use it

What is SMACSS? Smacss (Scalable and Modular Architecture for CSS) is a style guide that follows five simple categories. SMACSS is a way to examine your design process and to fit those rigid frameworks into a flexible thought process. It is an attempt to ...

Website design for specialized dentists and doctors

Have you ever thought on having your own website but don't know how to differentiate from others? One clear need for specialized dentists and doctors in their website, apart from showing their services, is making appointments. The usual thing, is making appointments through a ...

Bootstrapping WordPress Theme Development with Sage

If you are familiar with Wordpress theme development, you know things can get a little messy when you are starting from the ground up. Building a theme from scratch is not easy, and setting it up can take a lot of the time you ...

BEM Methodology

Although CSS and HTML are two of the most important elements, it is not only enough to know them, and more if we work in a development team, since there are usually conflicts when making our code. To do this in this blog we ...

Animations with CSS3

In the last animations post we spoke about how to make animations with Javascript, this time we're going to talk about how to make the same thing using CSS3. Worth mentioning that with CSS3 we are going to write less code, in this case ...
Flexbox post featured image

A quick review of Flexbox

As front-end developers we usually need to align vertically any type of content, or to define a grid with equal-height columns, to say the least. Before CSS3, these kind of tasks were done in a hacky, unclear way and didn’t always worked well in ...

Animations with JavaScript

When building a website, it is intended to be striking, but without sacrificing usability and functionality. To achieve this, different animations or effects can be used to call user attention. However, implementing an animation can be limiting; for example, the wide variety of mobile ...