Knowing how to google is the most important skill for a developer. Everyone uses Google — junior developers, mid, or senior. It’s not cheating to google everything! But do you really know how to google efficiently? Let me show you some google hacks.
Search for an explicit phrase by enclosing…
Let’s take a look at…
I’ve always admired people who create single-
div illustrations in CSS. One
div, multiple background layers, tons of CSS code, and boom! You have an illustration. I always thought that it must be challenging and I could never create such a thing. I was wrong.
To create a simple image, you…
HTML5 achieved W3C recommendation in 2014 and added a lot of new tags. Some of them, like
<footer>, are semantic replacements for the commonly used
<div>. Everybody was talking about those tags, but there a lot of different and lesser-known ones. …
A lot of new developers create identical landing pages from the same template (I wasn’t any different). As a result, job applicants are drowning in a pile of CVs and other portfolios.
Nowadays, it’s hard to get your first job without impressing somebody with your portfolio. Everybody is creating weather apps, but does everybody have custom CSS-based images in theirs? Let’s create unique images to boost your portfolio.
There are multiple shapes that we can create in CSS, so why not create…
Last year’s neumorphism trend was horrible and awful. In 2020 I expected something even worse, but Michał Malewicz, the creator of the neumorphism style, wrote about something fresh and good-looking — glassmorphism style.
Let’s take a look at it.
Making various shapes in CSS is easy. Squares and rectangles are the most common and natural shapes in web development. You need to add width and height, and that’s it. Then add border-radius and you have circles and ovals.
More complex shapes require using
:after pseudo-elements or more…
Improving the performance of a website is serious business. Most people don’t realise how much standard stock photo weight.
My blog was built in Gatsby because I wanted it to have the best performance with images. High-quality images are huge and very heavy; that’s why we should always optimise them.
Most buttons are boring. Solid, standard borders. Most of them are not aligned correctly. In today’s article, let’s learn how to create a gradient colour button with animated borders and text! One single CSS property will handle all the animations.
Let’s start with a basic outline button with hover. …