Today I’ll show you how I used vuetify‘s carousel element to get a result requested by a client. The requirements are defined as follows: images are grouped so that on desktop there are 4 visible at once, on tablet 3 visible at once and on mobile 2 visible at once when the user goes to […]

This is a continuation of an article about generating snowflakes with plain javascript. In the first part we went through the process of creating a desired snowflake with SVG and ended up with a static result representing an example snowflake. Today we’ll write some javascript to make creating snowflakes interactive. As a reminder, here are […]

You know what custom selects, dropdown menus and tooltips have in common? They all spawn elements, that may be overlapped by other elements if z-index management is done wrong. Why? Let’s have a look. z-index property There are CSS properties that are beginner friendly – like color or font-size. You can apply them to any […]

Since I saw this year’s first snow last week I keep thinking about snowflakes. How they are symmetrical, complex and unique at the same time and most importantly – beautiful. Today I’ll try to recreate some of those properties with SVG and in the second part we’ll make generation interactive with javascript. Getting started First […]

I like writing my own HTML and CSS. There is nothing wrong with frameworks, but getting something done the custom way often includes writing custom markup and styles. The CMS I’m working now with is TYPO3 and even though I can get quite a lot of things done with their ready made components (text, text […]

Showing and hiding parts of DOM is one of those things, that you do with javascript on everyday basis. It is so basic, that most javascript frameworks have it built in from the very beginning. Toggling visibility usually means setting display: none to hide the element and display: block to show it again. Sometimes it […]

I like WordPress. Really. Maybe because I got used to it and understand how it works, maybe because it is rather simple to extend (you grasp the idea of add_filter and add_action and you’re ready to go) or maybe because it comes with lots of sensible defaults. However, this post is not about WordPress, it’s […]

There is this one problem with javascript fueled widgets, that on interaction they cause other content to jump around the website and it’s rarely good user experience. If possible we should always avoid shifting and I wanted to present you today a neat little trick that may be helpful. What we will build A toggle […]

From time to time I go back to the hexagons and try to figure out how to make them responsive. Creating base hexagon layout is a nice challenge for a CSS novice (and a very satisfying one to complete), but as soon as you start resizing your browser window something brakes. Solution? media queries. It’s […]

Styling websites sometimes requires more boxes than semantic HTML delivers. To go around this problem we can either put some divs or spans in our markup and style them or use pseudo-elements like ::before and ::after. Using real elements (spans and divs), that are in the DOM structure, has an advantage of being javascript-friendly. We […]