Depending on the complexity of your application, the stylesheets can be hellish to keep track of and update. Thankfully a collection of principles called modular CSS exist, which helps us write more maintainable and readable code. Modular CSS is just a way to break the… Read More »What is Modular CSS?
This article will cover CSS shadows (box-shadow) and their use in stylesheets. Shadows are used to increase the illusion of depth outside or inside our elements, by giving them depth cues. We can set shadows using the box-shadow property, which creates a shadow of an… Read More »How to use shadows in your CSS
This article will cover CSS gradients and take a took at some real-life uses for them. Most of the time we use solid background colors to style our web application, using the background property. There is actually more to the background property, as it is… Read More »CSS Gradients: An Introduction
Let us remind ourselves what we did in the last two articles. We created a cute card view consisting of our favorite Pokemon (and quite a simple one too!). Using that card view we explained two important concepts in CSS – cascades, and inheritance. Using… Read More »On CSS Shorthand Properties
For the article about cascades click here. This is the second part of basic CSS methodologies, and it will be on the topic of inheritance and special keywords (inherit and initial). Let’s take a look at the pen in the last article here. We notice… Read More »CSS Inheritance in more detail
This article will be on the topic of CSS cascades, conflicts and ways how cascades resolve conflicts. Welcome! We need to know how the different CSS rules are applied to elements so that we can write clean, structural styles. We need to know how to… Read More »How do CSS cascades work?
This article builds on the last one, and we we will learn how to make an element change its state using CSS transformations. Welcome and enjoy the article! Introduction We use transforms when we need to visually change the state of an element. This can… Read More »Changing states using 2D CSS transformations
With this article in which we will create cool CSS buttons using transitions, we will start a new post series in this blog. Hope you have fun! Introduction Hovering over an article, clicking on a link, or triggering an event are activities that all of… Read More »Creating cool CSS button effects using transitions