Skip to content

Code With Saif

  • JavaScript
  • HTML & CSS
  • Portfolio
  • About Us
  • Contact
  • LinkedIn
  • Youtube
Subscribe
Posted inBlog Tips & Tricks

20 Git Command-Line Tricks Every Developer Should Know

Ever feel like you're just scratching the surface of Git? You know the basics - push, pull, commit…
Continue Reading
Posted by Saif Ur Rehman November 2, 2024
Posted inBlog

5 Best VS Code Extensions to Help You Stay Productive

Visual Studio Code, or VS Code, has proven to be the most flexible, user-friendly, and enormously configurable code…
Continue Reading
Posted by Saif Ur Rehman September 19, 2024
Posted inTips & Tricks

How to create your own WordPress shortcodes (Easy Steps)

To create a shortcode in WordPress that allows you to change a value from your code, you can…
Continue Reading
Posted by Saif Ur Rehman May 25, 2024
Posted inBlog Tips & Tricks

Top 10 JavaScript Methods You Should Know

JavaScript arrays are one of the most powerful and versatile data structures in web development. They allow us…
Continue Reading
Posted by Saif Ur Rehman May 25, 2024
Posted inHTML & CSS JavaScript

How to create WhatsApp Chat widget using HTML, CSS & JavaScript

Learn how to create a WhatsApp chat widget for your website using HTML, CSS, and JavaScript. This is…
Continue Reading
Posted by Saif Ur Rehman May 24, 2024
Posted inJavaScript PHP

How to Generate Embed Code for a Custom Video Player Using JavaScript and PHP

Demo Tutorial Of How to Generate Embed Code for a Custom Video Player Using JavaScript and PHP https://www.youtube.com/watch?v=CHvKMIT2Mfc…
Continue Reading
Posted by Saif Ur Rehman May 24, 2024
How To Create Glassmorphism Profile Card Using HTML & CSS
Posted inCSS HTML & CSS

How To Create Glassmorphism Profile Card Using HTML & CSS

Glassmorphism, also known as "Neumorphism," is a design trend that involves creating a soft, inset, or extruded look…
How To Create Preloader Using HTML & CSS
Posted inCSS HTML & CSS

How To Create Preloader Using HTML & CSS

Hello everyone, today we will be creating a preloader using HTML and CSS. In the past, I have…
How To Create Colorful Heart On Mouse Move Using JavaScript
Posted inCSS HTML & CSS JavaScript

How To Create Colorful Heart On Mouse Move Using JavaScript

Creating a colorful heart that follows the movement of the mouse on a web page can be a…
How To Create A Portfolio Filter Gallery Using HTML, CSS & JavaScript
Posted inJavaScript

How To Create A Portfolio Filter Gallery Using HTML, CSS & JavaScript

Creating a portfolio filter gallery using HTML, CSS, and JavaScript is a great way to showcase your work…
How To Create Age Calculator HTML, CSS & JavaScript
Posted inJavaScript

How To Create Age Calculator HTML, CSS & JavaScript

Hello friends, today we will be creating an age calculator using HTML, CSS, and JavaScript. I have previously…
How To Get YouTube Video Tags Using HTML, CSS & JavaScript
Posted inJavaScript

How To Get YouTube Video Tags Using HTML, CSS & JavaScript

To get YouTube video tags using HTML, CSS, and JavaScript, you will need to use the YouTube Data…
Animated Circular Progress Bar Speedometer Using HTML, CSS & Vanilla Javascript | No Plugins
Posted inCSS HTML & CSS JavaScript

Animated Circular Progress Bar Speedometer Using HTML, CSS & Vanilla Javascript | No Plugins

In this article, we will discuss how to create an animated circular progress bar speedometer using only HTML,…
How To Create Profile Card Using HTML & CSS
Posted inCSS HTML & CSS

How To Create Profile Card Using HTML & CSS

Creating a profile card using HTML and CSS is a simple and straightforward process. It involves defining the…
How To Create Responsive Contact Us Page Design Using HTML & CSS
Posted inCSS HTML & CSS

How To Create Responsive Contact Us Page Design Using HTML & CSS

A responsive contact us page is an essential part of any website. It allows users to easily get…
How To Create Custom Video Player Using HTML, CSS & JavaScript (No Plugin) All Parts
Posted inJavaScript

How To Create Custom Video Player Using HTML, CSS & JavaScript (No Plugin) All Parts

Creating a custom video player using HTML, CSS, and JavaScript allows you to have more control over the…

Posts pagination

Previous page 1 2 3 4 5 … 7 Next page

Recent Posts

  • 20 Git Command-Line Tricks Every Developer Should Know
  • 5 Best VS Code Extensions to Help You Stay Productive
  • How to create your own WordPress shortcodes (Easy Steps)
  • Top 10 JavaScript Methods You Should Know
  • How to create WhatsApp Chat widget using HTML, CSS & JavaScript
  • How to Generate Embed Code for a Custom Video Player Using JavaScript and PHP

Categories

  • Blog
  • CSS
  • HTML
  • HTML & CSS
  • JavaScript
  • PHP
  • Technology
  • Tips & Tricks

Saif Ur Rehman

My name is Saif Ur Rehman and I work as Full Stack Developer. Welcome to the digital designing space, we are here to help with ideas and bring it to reality!

  • Instagram
  • LinkedIn
  • YouTube
You May Have Missed

20 Git Command-Line Tricks Every Developer Should Know

5 Best VS Code Extensions to Help You Stay Productive

How to create your own WordPress shortcodes (Easy Steps)

About

Code With Saif is a resource for learning efficient coding techniques through quick and easy-to-follow tutorials. Our focus is on HTML, CSS, and JavaScript.

  • YouTube
  • LinkedIn
Categories
  • Blog
  • CSS
  • HTML
  • HTML & CSS
  • JavaScript
  • PHP
  • Technology
  • Tips & Tricks
  • 20 Git Command-Line Tricks Every Developer Should Know
  • 5 Best VS Code Extensions to Help You Stay Productive
  • How to create your own WordPress shortcodes (Easy Steps)
Copyright 2026 — Code With Saif. All rights reserved. Code With Saif