PLATFORM
  • Tails

    Create websites with TailwindCSS

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

Web-dev

Web-dev posts, videos, courses, and more

How to Vertically Align Content with Tailwind CSS Across a Full-Screen Div

Vertical alignment can often be a challenge in web design, but with Tailwind CSS, you can easily align elements in the center of the screen. This quick guide will walk you through the steps...

Bobby Iliev ยท 1 year ago

5 Best Full Stack Communities to Join in 2023

Becoming a Full Stack Developer is a great career option in 2022. However, the path is long and could be lonely. So, here I am with a list of the 5 best Full Stack communities that will keep...

Ashutosh Mishra ยท 1 year ago

6

7 Best VS Code Extensions for Python Developers

Introduction Visual Studio Code (VS Code) has become a popular choice for Python developers due to its flexibility, extensibility, and user-friendly interface. One of the key features of VS...

Bobby Iliev ยท 2 years ago

6

CSS :has() Pseudo-class Selector

The :has() relational pseudo-class is officially recognized as a Parent Selector, and in the actual spec [Selectors Level 4], it is described as a relative selector that accepts โ€œforgiving-r...

Alex Ivanovs ยท 2 years ago

2

How To Start npm Project?

Every developer use npm in the projects. If you are a newbie in web development, read this article to get known how to start npm project. This article originally published on https://devmoek...

Michael Myers ยท 3 years ago

2

How to make your website rank on google ๐Ÿ”

Introduction If you run a business or a brand, you know how important it is for you to be reached by more and more people. If you have a website, SEO can help you reach more and more people...

Avneesh Agarwal ยท 3 years ago

2

How not to write clean code in React? ๐Ÿงน

Introduction Wassup everyone, long time no see. Today we will see a few ways to not clean code in React, let's jump right into it! 10 ways to not write clean code Not use a linter Who needs...

Avneesh Agarwal ยท 3 years ago

3

How to make a count down timer in React ๐Ÿ”ฅ

Hello everyone, in many kinds of apps you need to build a count down. So, today we will see how to build a countdown timer in React! Setup Create a new react app npx create-react-app react-...

Avneesh Agarwal ยท 3 years ago

2

How the web works.

As we are always excited to learn about the new things in our life. Website building is a common and interesting thing to do. Everyone wants their presence on the internet. The fundamental t...

Hassan Shahzad Aheer ยท 3 years ago

3

Add google analytics to your Next.js app โœจ

Wassup everyone, let's see how to add google analytics to your Next.js site. Google Analytics will help you to see the performance of each page, how well the site is doing in countries, diff...

Avneesh Agarwal ยท 3 years ago

4

How to start a headless E2E e-commerce store in no time with Medusa ๐Ÿ›๏ธ

Wassup everyone, in this article we are going to create a headless e-commerce application using an open-source alternative to Shopify- Medusa. What are we building? https://www.loom.com/sh...

Avneesh Agarwal ยท 3 years ago

6

Metamask authentication with Moralis in Next.js

If you haven't been living under a rock you have probably heard of Web 3.0! One of the most important parts of a full-stack is authentication. So let's see how to authorize users with their...

Avneesh Agarwal ยท 3 years ago

7

Integrating Percy and Cypress to your Next.js application.

In this blog post, we will be seeing how to integrate Percy and Cypress to your Next.js application. Outline: Visual Testing End to End Testing Intro on Percy Intro on Cypress Writing your...

Karthikeyan ยท 3 years ago

4

How To Solve Captcha in JavaScript Using 2Captcha

You may already solve many captchas while submitting a form or signing up for a website. The basic Captcha goal is to check whether the user is a human or a bot. Captcha stands for Completel...

Suhail Kakar ยท 3 years ago

6

10+ Ways To Make Side Income Online as a Developer

Hey there! Today we'll discuss 10+ ways by which you can make a side income as a developer. So without further ado, let's get started! Contribute to Open Source Projects / Or Make One 1.You...

Shreya ยท 4 years ago

13

5 Tips On How To Stay Motivated And Productive As A Developer

Introduction Whether you are a senior developer, or you have just started getting into code, there comes a time when you start losing motivation. It is normal to lose motivation and that lac...

Boyan Iliev ยท 4 years ago

11

DOM Event Listeners

JavaScript is probably one of the most reliable and most powerful programming languages. But what takes JS to the next level is the DOM. The DOM stands for Document Object Model. In other wo...

Boyan Iliev ยท 4 years ago

9

6 YouTube Channels About Web Development

Introduction Everyone watches YouTube. You probably spend many hours every week. I mean how else are you gonna catch up with all those cat videos. But YouTube isn't just about cat vids and c...

Boyan Iliev ยท 4 years ago

5

A Brief History of Web Development

As web developers, we have an arsenal of ๐Ÿ›  tools, frameworks, and libraries at our fingertips. But, it's important to remember that this hasn't always been the case. Back in the days of Nets...

Tony Lea ยท 4 years ago

5

Why you should become a web developer

Introduction These days there are so many career choices to take in the programmer world. But one of the most successful and important ones is Web Development. There are so many companies ou...

Bobby Iliev ยท 4 years ago

11

Loading More Content

let checkoutBtns = document.getElementsByClassName("checkout"); for( var i=0; i < checkoutBtns.length; i++ ){ if(checkoutBtns[i].dataset.redirect){ redirectAfterPurchase = checkoutBtns[i].dataset.redirect; } checkoutBtns[i].addEventListener('click', openCheckout, false); } function openCheckout(e) { let checkoutButton = e.currentTarget; let productCheckout = parseInt('593446'); if(checkoutButton.dataset.product){ productCheckout = checkoutButton.dataset.product; } let couponCheckout = ''; if(checkoutButton.dataset.coupon){ couponCheckout = checkoutButton.dataset.coupon; } Paddle.Checkout.open({ product: productCheckout, email: '', successCallback: "checkoutComplete", coupon: couponCheckout, }); } let updateBtns = document.getElementsByClassName("update-account"); for( var i=0; i < updateBtns.length; i++ ){ updateBtns[i].addEventListener('click', updateAccount, false); } function updateAccount(){ Paddle.Checkout.open({ override: this.dataset.url, successCallback: "updateCancelComplete", }); } let cancelBtns = document.getElementsByClassName("cancel-account"); for( var i=0; i < cancelBtns.length; i++ ){ cancelBtns[i].addEventListener('click', cancelAccount, false); } function cancelAccount(){ Paddle.Checkout.open({ override: this.dataset.url, successCallback: "cancelComplete", }); } -->