Tag: css

Headshot of myself, Silvestar Bistrović.
  • 2020-01-06

How to animate SVG signature

Let’s see how to animate SVG Signature with a little bit of JavaScript and CSS. We could use JavaScript function to calculate SVG path length and CSS animation to animate SVG strokes.
Headshot of myself, Silvestar Bistrović.
  • 2019-08-08

Announcing Code Line Daily

Last week I released my side project: Code Line Daily. It is a quite straightforward project: a new line of code would be introduced every day. The lines are mostly frontend, PHP, and WordPress code. Here's how I build it!
Headshot of myself, Silvestar Bistrović.
  • 2019-05-15

Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!

Let’s have a look at how we can create a row of links that sorta run into each other with a chevron-like shape and notch on each block like you might see in a hierarchical breadcrumb navigation.

Got questions? Or projects? I would like to learn more. Contact me today!

Get in touch ⇢Open 2020 Q3-Q4
Headshot of myself, Silvestar Bistrović.
  • 2019-05-15

5 things to consider when creating your CSS style guide

CSS style guides should be considered an equal citizen of every project requirement. Here are five things that you should keep in mind when working with CSS style guides.
Headshot of myself, Silvestar Bistrović.
  • 2018-12-07

Building an Animated Sticky Header With Custom Offset

With the appearance of the position: sticky property, we could create sticky elements without JavaScript plugins. But creating sticky elements with animations couldn't be achieved without a little bit of JavaScript.
Headshot of myself, Silvestar Bistrović.
  • 2018-11-06

Alpha, Beta, Gamma naming convention

A few months ago I started using Alpha, Beta, Gamma naming convention. It began as a temporary thing, but it stuck eventually, and now I am using it all the time.
Headshot of myself, Silvestar Bistrović.
  • 2018-09-05

Using CSS Grid where appropriate (revisited)

This solution is a follow-up post on my last year's article "Using CSS Grid where appropriate." The goal is to find a solution for navigation with an unknown number of items.
Headshot of myself, Silvestar Bistrović.
  • 2018-04-22

Starter Project - Gulp tasks for CSS

This article is part of a series about Starter Project, and this time I will explain all about Gulp tasks for CSS.
Headshot of myself, Silvestar Bistrović.
  • 2017-07-30

Using CSS Grid where appropriate

Recently I've redesigned my blog, as some of you could notice. During this process, I decided it is time to learn more about CSS Grid and actually use it. Here's what I learned.
Headshot of myself, Silvestar Bistrović.
  • 2017-07-25

How to create crooked shadow

Recently I was working on a very interesting and challenging project. That was actually the first time I've heard someone says those words and my heart was full of joy. One of the most challenging features to build was to add a shadow on a crooked border.
Headshot of myself, Silvestar Bistrović.
  • 2017-02-20

CSS sidebar toggle

CSS sidebar toggle presented in this post is made with CSS only. These days accessibility is pretty important stuff and, because changing the state of the elements cannot be done without JavaScript, I've added a small snippet for this feature.
Headshot of myself, Silvestar Bistrović.
  • 2016-11-01

CSS tabs, part II: Accessibility

Recently I've been writing about CSS tabs. Topic was surprisingly popular, gaining several thousand users to my page. What was even more surprising were comments about accessibility. I decided to investigate a little bit more and add accessibility to my solution.

Got questions? Or projects? I would like to learn more. Contact me today!

Get in touch ⇢Open 2020 Q3-Q4
Headshot of myself, Silvestar Bistrović.
  • 2016-10-07

How to make tabs using only CSS

I know there are more than a few articles about this topic. And there are 2 basic approaches: using target pseudo selector and using list with checked pseudo selector.

Powered by Starter Project.