A quick, easy tutorial for creating CSS illustrations based on glassmorphism

Glassmorphism
Glassmorphism

Glassmorphism seems to be the new trend of the coming year, and it has become very popular among designers and developers. The main characteristics of this new trend are:

Since all these characteristics produce a glassy look, it is, thus, named glassmorphism.

If you don’t know how to produce a background blur, here are the steps:


A quick tutorial to show how gradients can be used to create stripes

Colorful stripes created with CSS
Colorful stripes created with CSS

Stripes look cool in the background and are very easy to create using repeating gradients. CSS has the properties repeating-linear-gradient and repeating-radial-gradient which we can use to create stripes. These two properties are widely supported in all browsers - Firefox 10+, Chrome 26+, Safari 6.1+, IE 10, 11 and Opera 11.6+ (use prefixes for ancient browsers). That means, you can spice up your next project with gradient stripes without worrying about browser support.

Syntax

background: repeating-linear-gradient(angle | to side-or-corner, color-stop1, color-stop2, ...);

These examples should help you understand better.

Horizontal Stripes

Working

There’s no magic happening here. It is exactly the same as…


Learn to code your own text editor with Python under 5 minutes

In this post, I will show you a very easy way to create a simple text editor with Python. This tutorial is meant for absolute beginners. If you know the fundamentals of Python and a little bit of file handling, you can make one yourself. Before I begin, I would be explaining a bit of file handling for those who don’t know anything about it.

File Handling

File handling is basically working with files using a programming language. You can open a file, read, write, delete data, and close it again, making permanent changes. Apart from these, there are many more operations…


Guidelines to follow when writing for ReThink Programming

Photo by Glenn Carstens-Peters on Unsplash

At ReThink Programming, our writers have a style guide that they make sure everything meets before publishing so that there is uniformity among all posts. If you are writing for or hoping to soon, please follow these guidelines before publishing your stories.

Title and Subtitle


Start writing for ReThink Programming

Photo by Sergey Zolkin on Unsplash

We are always looking for great content to help programmers learn and improve in what they are doing everyday, and we hope you are here for the same. Before you start writing for ReThink Programming, please go through this post and follow the guidelines.

Topics

You can write articles on anything related to programming, like:

Style Guide

Please read the above style guide before…


Learn how to create basic shapes

Creating CSS illustrations can be interesting and fun. If you visit CodePen or any other similar website, you will find how incredible designs and artworks can be created with CSS. Let me show you an example.

Author: Ossian

Cool. Isn’t it? You can also add some animation and bring life to it. Trust me, once you start creating your own illustrations, you will get addicted to it. It also helps to skyrocket your CSS skills, especially, working with pseudo-elements, shadows, positioning and border-radius. Now, let’s see how we can create our own illustrations.

In this post, I will show you…


Photo by Anton Jansson on Unsplash

In this quick post, I will be sharing a simple trick to test your internet speed through the command line. I know you can test your internet speed through a web browser, but there might be a few reasons for which you would prefer the command line tool instead. Maybe you’re remotely connected to a server via ssh, and want to test speeds on that machine. Maybe you’re already used to using commands to troubleshoot your network, and want to add a speedtest to your toolkit. Or, maybe you just think the command line is cool.

Whatever be the reason…

Shounak Das

I am a passionate programmer and tech-geek. I love to code, and teach coding to beginners.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store