Published in Better Programming·Dec 20, 2021How To Create Claymorphism Using CSSA look at the new UI design trend from a developer’s point of view — It’s almost the end of the year, and as you might expect, Mike Malewicz created a trend in user interfaces — Claymorphism. This trend is getting more and more popular on Dribble and Behance. …CSS4 min readCSS4 min read
Published in Better Programming·Mar 22, 2021Knowing How To Google Is Important. Do You Know How To Do It?Google is the best friend of every developer. Let’s use it to boost productivity — 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. Explicit Phrase Search for an explicit phrase by enclosing…Programming3 min readProgramming3 min read
Published in Better Programming·Mar 12, 2021How To Create an Aurora UI Using CSSA look at the new UI design trend from a developer’s point of view — Design trends are like JavaScript frameworks — there’s a new one every day. Today, I would like to introduce you to a design trend called Aurora UI. My friend Michal Malewicz came up with the name, and you should read his article on the topic. Let’s take a look at…Programming3 min readProgramming3 min read
Published in Better Programming·Jan 11, 2021Fall in Love With Single-Div IllustrationsA short tutorial on how to create images in CSS — 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…Programming4 min readProgramming4 min read
Published in Better Programming·Dec 23, 20206 Form-Related HTML Tags You Might Not Know AboutHTML5 added a lot of new tags. Let’s discover a few that you might not know — HTML5 achieved W3C recommendation in 2014 and added a lot of new tags. Some of them, like <main>, <nav>, <header>, or <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. …Programming3 min readProgramming3 min read
Published in Better Programming·Dec 16, 2020Dev Portfolios: How to Stand Out From the CrowdThese days, it’s hard to get your first tech job without impressing your employer with your portfolio — 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. Create Interesting Projects for Your PortfolioProgramming6 min readProgramming6 min read
Published in Better Programming·Dec 8, 2020Create Beautiful Images in CSS to Buff Up Your PortfolioMany people build weather apps to show off their new skills. Don’t let yours be boring — 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…Programming4 min readProgramming4 min read
Published in Better Programming·Nov 30, 2020A Short Guide on How to Create Glassmorphic Elements in Pure CSSAnd an intro to glassmorphism — 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. New Trend Glassmorphism is a new trend which is getting more popular on…Programming3 min readProgramming3 min read
Published in Level Up Coding·Nov 30, 2020Creating Basic and Advanced Shapes in CSSCSS gives us the opportunity to create multiple Shapes. — 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 :before and :after pseudo-elements or more…CSS8 min readCSS8 min read
Published in Level Up Coding·Nov 18, 2020Improving Websites by Replacing Images With CSSA lot of images can be replaced with CSS — 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. How images slow down my page? …Programming4 min readProgramming4 min read
