Open in app

Sign In

Write

Sign In

Nirazan Basnet
Nirazan Basnet

281 Followers

Home

About

Jun 20

Style Position Fixed in a better way

The CSS property position: fixed has become widely popular due to its ability to provide developers with precise control over element positioning on web pages. This powerful attribute not only enhances user experiences but also opens up innovative design possibilities. …

CSS

4 min read

Style Position Fixed in a better way
Style Position Fixed in a better way
CSS

4 min read


Jan 4

Building a CRUD App with Next.js, React Query, React Hook Form, and Yup

In this tutorial, you will learn how to build a CRUD (create, read, update, delete) app using Next.js, React Query, React Hook Form, and Yup. You will learn how to use these tools to build a CRUD app that allows users to create, read, update, and delete items stored on…

6 min read

Building a CRUD App with Next.js, React Query, React Hook Form, and Yup
Building a CRUD App with Next.js, React Query, React Hook Form, and Yup

6 min read


May 4, 2022

Don’t use 100vh for mobile responsive

Generally, we use height:100vh it is for fullscreen layout which is an easy hack and a convenient way to get better design. Example .content { height: 100vh; } But when we test our design on an actual device, we encounter several issues: Mostly Chrome and Firefox browsers on mobile have got…

JavaScript

2 min read

Don’t use 100vh for mobile responsive
Don’t use 100vh for mobile responsive
JavaScript

2 min read


Apr 26, 2021

Share your code snippets in an awesome way

Carbon — Create and share beautiful images of your source code. As you can see, you can copy the code and also scroll down the section which is a great way of presenting your code source. And also, you can attach the image of the code like below So…

Generator

2 min read

Share your code snippets in an awesome way
Share your code snippets in an awesome way
Generator

2 min read


Apr 9, 2021

Get Instant Country Flags

While working on one of my projects, there is one feature where I need to display a specific flag depending upon the country code. My first approach was to get the country flags’ zip file and extract it locally from the images folder. …

JavaScript

2 min read

Get Instant Country Flags
Get Instant Country Flags
JavaScript

2 min read


Apr 5, 2021

Delete node_modules like a Pro

Usually, while working on multiple projects we complain about the hard drive which is mystically always full. Whenever we start a new project and run npm install, it downloads a bunch of javascript files in the node_modules folder and we don’t care about this after we abandoned the project. Even…

Node

2 min read

Delete node_modules like a Pro
Delete node_modules like a Pro
Node

2 min read


Published in

YoungInnovations' Blog

·Mar 26, 2021

YoungInnovations Weekly Blog #283 — YIPL on Dev.to and Tiktok, Electric-Rickshaw (HTML and CSS), After Effects Crash Course, Standards using Frontend tools, Learning Embroidery, Women Leaders in Technology (WLiT), Apple Recall program, Birthday Celebration

Let’s recap what happened on this week. YIPL on Dev.to and Tiktok Dev.to is an online community for sharing and discovering great ideas, having debate and making friends. We decided to write technical blogs on dev.to where we will publish blogs related to frontend, backend. So, stay tuned for upcoming blogs. You can follow us…

Weekly

4 min read

YoungInnovations Weekly Blog #283 — YIPL on Dev.to
YoungInnovations Weekly Blog #283 — YIPL on Dev.to
Weekly

4 min read


Mar 25, 2021

Rebuilding E-Rickshaw with Plain HTML and CSS

It just feels great that how HTML5 and CSS3 can make different types of shapes. Besides normal web design patterns, if we explore we can create stunning arts. It can help you to sharpen your CSS skills. Here’s the codepen link https://codepen.io/nirazanbasnet/pen/LYbozQJ Also, you can check my other codepen works here 👏👏 Feel free to share your thoughts and opinions and leave me a comment if you have any problems or questions.

HTML

1 min read

Rebuilding E-Rickshaw with Plain HTML and CSS
Rebuilding E-Rickshaw with Plain HTML and CSS
HTML

1 min read


Mar 20, 2020

Top 20 UI/UX Design YouTube Channel that you should follow

Here are my top 20 UI/UX design youtube channels that I checked every day and get inspired and helps me to boost my creativity. The Futur

Design

6 min read

Top 20 UI/UX Design YouTube Channel that you should follow
Top 20 UI/UX Design YouTube Channel that you should follow
Design

6 min read


Published in

YoungInnovations' Blog

·Mar 2, 2020

Frontend Knowledge Sharing #33

Navigation for Design Systems, Tailwind UI, 500+ CSS Icons, Heroicons, Iconset, CSS Specificity calculator, Sass mixin for Buttons — Table of Content — Frontend Talks Navigation for Design Systems Tailwind UI 500+ CSS Icons Heroicons Iconset CSS Specificity calculator Sass mixin for Buttons Navigation for Design Systems and Style Guides

JavaScript

3 min read

Frontend Knowledge Sharing #33
Frontend Knowledge Sharing #33
JavaScript

3 min read

Nirazan Basnet

Nirazan Basnet

281 Followers

Creative coder, Dreamer, Design lover, Passionate about UI/UX experience & Front-end Engineer. https://nirajanbasnet.com.np , https://codepen.io/nirazanbasnet

Following
  • Fresh Frontend Links

    Fresh Frontend Links

  • Roman Kamushken

    Roman Kamushken

  • KafleLava

    KafleLava

  • Smashing Magazine

    Smashing Magazine

  • AidStream

    AidStream

See all (214)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams