Nada Rifki Nada is a JavaScript developer who likes to play with UI components to create interfaces with great UX. She specializes in Vue.js and loves sharing anything and everything that could help her fellow frontend web developers. Nada also dabbles in digital marketing, dance, and Chinese.

Stories by Nada Rifki

The Ultimate Guide To Iframes

The ultimate guide to iframes

Dev

This post provides an overview of the iframe tag’s best features, shows you how to use them, and how to secure them against vulnerabilities.

Nada Rifki
Jun 6, 2024 ⋅ 13 min read
Comparing The Best CSS Grid Generators

Comparing the best CSS grid generators

Dev

Compare the best CSS grid generators according to usability, interface, and provided templates.

Nada Rifki
Jul 7, 2023 ⋅ 9 min read
Vue and TailWind Logos on a Pink Background

Styling Vue.js components with VueTailwind

Dev

In this tutorial, we’ll introduce you to VueTailwind, a component library that will fit most of your specific, nitty-gritty needs.

Nada Rifki
Oct 5, 2021 ⋅ 9 min read
Vue Logo

Testing Vue.js components with Vue Test Utils

Dev

This guide showcases the benefits of testing your Vue.js components using Vue Test Utils and includes some real-world examples.

Nada Rifki
Jul 23, 2021 ⋅ 8 min read

A comprehensive guide to JavaScript expressions and operators

Dev

In this guide, we’ll review JavaScript expressions and operators that you can use every day to make your job easier.

Nada Rifki
Feb 9, 2021 ⋅ 15 min read
Nuxt and PWA logos.

How to build a TWA Android app out of your Nuxt.js PWA

Dev

Learn how to build a TWA Android app out of a Nuxt PWA and upload your app to the Google Play Store without writing a single line of JavaScript.

Nada Rifki
Sep 2, 2020 ⋅ 4 min read
The Tailwind CSS logo.

10 Tailwind CSS tips to boost your productivity

Dev

Check out these 10 tips for writing clean code in Tailwind CSS to further improve your productivity when working with the utility-first framework.

Nada Rifki
Jun 5, 2020 ⋅ 4 min read
An image illustrating CSS scroll snap.

How to use CSS Scroll Snap

Dev

This tutorial shows you how to save a ton of time when creating a scroll snap for your website by using CSS rather than JavaScript.

Nada Rifki
Mar 9, 2020 ⋅ 2 min read