Tag “Practical”

• Implementing Algolia Search

  November 6, 2018 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.

• Grid Projection Naming

  October 18, 2018 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.

• Flexible Overflow

  November 28, 2017 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.

• Bemto-Components

  November 23, 2017 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.

• Keyboard-Only Focus

  June 27, 2017 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.

• Conditions for CSS Variables

  October 21, 2016 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.

• Styling inline code

  September 8, 2016 with tags:#Practical #Design #CSS

• Battle for Baseline

  February 10, 2014 with tags:#Practical #CSS Flex #Bugs #CSS

• Rotated text

  April 30, 2013 with tags:#Practical #CSS

• Correct Cursor on Active Elements

  January 22, 2013 with tags:#Practical #Design #Accessibility

• Scrolling shadows

  April 21, 2012 with tags:#Experiment #Practical #CSS

• Multi-directional hover

  March 19, 2012 with tags:#Experiment #Practical #CSS

• CSS3 convex polygons

  September 18, 2011 with tags:#Experiment #Practical #CSS

• Text-overflow emulation and gradient overflow

  March 8, 2011 with tags:#Experiment #Practical #CSS