with tags: #Practical #Blog #Performance #JS #Fonts
I was digging into some of the performance issues during my work for a few weeks, and I thought that it can be interesting to see how those could be applied to my site. I was already quite happy with how it performed (being just a small static site) but managed to find a few areas to improve.
with tags: #CSS Grids #Practical #CSS #Design
My site’s design came through a lot of iterations, including the latest complete rewrite and a partial redesign, but its layout is something I used for a while. In this article, I’ll describe what I tried to achieve with it and how it was re-implemented using CSS Grids.
with tags: #Practical #Blog #Meta #JS
For a new site update I have implemented a site-wide search, and in this article, I would write about the solution I have used for this, as well as would talk about what had to be done and what issues are left.
with tags: #CSS Grids #Practical #CSS
CSS Grids specification contains a lot of different things. And, for some of them, there exist multiple ways of how you can achieve them. In this article, I’ll write about one trick with grid-template-areas that could help you name your intersecting columns or rows.
with tags: #Practical #CSS Flex #Responsive #CSS
Flex display mode allows us to create a lot of interesting interactions. In this article I’ll show how to use it to implement a responsive block which could substitute one content with another, all based on which one would fit inside the container.
with tags: #Project #Practical #React #BEM
Working within a React stack and using Styled Components, I found out that I still miss a lot of aspects of BEM. This lead to me starting a new side-project which not only allows to use BEM-style elements and modifiers, but also enhances the overall developer experience.
with tags: #Practical #Accessibility #Bugs #CSS #HTML
After playing a lot with HTML & CSS, I present you with a very robust and practical solution to one of the most annoying problems: keyboard-only focus on interactive elements. All thanks to tabindex in HTML and almost to no CSS.
with tags: #Practical #CSS Logic #CSS Variables #Future CSS #Preprocessing #Bugs #CSS
CSS variables are very powerful, and they allow to do a lot of interesting things. But there are no native conditionals that we could use in CSS with them. In this article I’ll talk about one of the ways we can fake such conditions with calculations.
with tags: #Practical #Design #CSS
with tags: #Practical #CSS Flex #Bugs #CSS
with tags: #Practical #CSS
with tags: #Practical #Design #Accessibility
with tags: #Experiment #Practical #CSS
with tags: #Experiment #Practical #CSS
with tags: #Experiment #Practical #CSS
with tags: #Experiment #Practical #CSS