All about writing clear, concise, and beautiful CSS. Also – combining your stylesheets with the best web dev practices in order to gain the maximum application performance!
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
The second post in the application performance series will be about media queries and the benefits of using them! Thank you for joining, buckle up and let us begin! Introduction Let us imagine having multiple devices at our home, for example, a desktop computer with… Read More »App performance is important! Media Queries!
Let us learn how we can increase the performance of our application by shrinking files and optimizing images! Introduction Slow webpages are the bane of every internet users experience. Everyone nowadays prioritizes fast, reliable web applications, and big tech giants know that slow webpages lose… Read More »App performance is important! Shrinking files and optimizing images.