Nirajan Basnet

NextJs TailwindCSS SCSS

Next.Js boilerplate with TailwindCss and SASS

4 min readIt’s no secret that creating single-page JavaScript applications can be pretty challenging these days. Fortunately, there are multiple frameworks and libraries to choose from. Nextjs is an awesome framework built by Zeit to create Web Applications. It has many great features and advantages, which can make NextJS your first choice for building your next web application. Instead of…

Read More

Viewport Units in CSS

3 min readOver past few years, Responsive design has become quite the hot topic in the web design community. There are various frameworks which help to build responsive design faster. One of the ways is using Viewport percentage unitsor “Viewport Units” for short, a CSS3 property which helps you to automate some aspects of your responsive design. Using viewport units,…

Read More

Quick guideline for RTL UI

4 min readThe UI for languages that are written and read from right-to-left (RTL) such as Arabic, Hebrew, and Urdu, are flipped to ensure that the content is easy to understand and is compatible with the RTL languages. Let’s get started, The following are the basic steps I followed to make the UI compatible with RTL languages. The…

Read More

Understanding CSS Variables

3 min readCSS variables, or “CSS Custom Properties”. It allows you to work with variables directly in CSS. They are very useful for reducing repetition in CSS, and also for powerful runtime effects like theme switching and has a various polyfilling future CSS features. It believes in the principle DRY — Don’t Repeat Yourself. With the help of CSS…

Read More