Build a CSS grid like Pinterest

Image for post
Image for post

Today, I’m going to show you how you can build a complex masonry grid using CSS Grid. CSS Grid has changed the way we design our layouts and we’re going to build a fun project using its features.

If you feel rusty with CSS Grid or you feel the need to brush up, I suggest you read through this article. In any case, I’ll explain every code I’ll introduce to build our project.

Alright. Let’s dive in.

What We Will Build

This is what our layout will look like at the end of the article.

Image for post
Image for post

Looks interesting? If it does, continue on.

This is where CSS Grid really shines as it allows you to place and align your grid items to your liking and it can get as complex as you like. …


Dive into a useful data structure

Image for post
Image for post

Today, I’m going to show you how to implement a singly linked list and all its common functions from scratch. (Doubly linked list implementation coming very soon!)

What Exactly Is a Singly Linked List?

It’s an ordered data structure used to store values just like an array.

However, it has some key differences. Unlike an array, a linked list has no indices. Instead, a linked list contains nodes that are pointing to the next element using pointers.

A node contains a value (a number, string, or anything for that matter) and a pointer that references the next node. If there’s no next node, it points to null.

Let’s quickly implement a node that we’ll use for our linked list implementation. …


Building a gem that generates a random text

Image for post
Image for post

Today, I’m going to show you how you can create and publish your very own Ruby gem.

We’re going to build a gem that generates a random greeting text along with the User’s name (E.g. “Bonjour, John”).

You can use it from anywhere in your Rails application.

The gem’s functionality is pretty basic . This is only meant to be a guide; a step-by-step process, if you will. Once you’ve got the process down, you can create anything you like!

Let’s dive in.

Setting Up the Files

This tutorial assumes that you already have bundler installed on your system. …

About

Shivam Kaushik

Full stack developer with a flair for UX/UI. Node.JS | Rails | React | Gatsby | Redux | iOS

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