Resources  
  • How to Implement Drag and Drop Functionality in JavaScript Step by StepApr 21, 2026. Learn how to implement drag and drop functionality in JavaScript step by step using HTML5 drag events with simple examples and best practices for beginners.
  • Advanced HTML: Building Modern, Scalable, and Accessible Web ApplicationsApr 13, 2026. Explore advanced HTML for modern web apps: semantic HTML, forms, multimedia, canvas, web storage, accessibility, and performance optimization. Build scalable, user-friendly experiences.
  • What Is Google Antigravity Tool and What Does It Do?Jan 12, 2026. Uncover Google Antigravity! Explore this playful Easter egg: a visual experiment simulating zero gravity on a Google webpage. Learn its purpose and technical aspects.
  • How Does the Google Antigravity Tool Work?Jan 12, 2026. Explore Google Antigravity's simple yet engaging animation. Discover how JavaScript & CSS Transforms create a gravity illusion without complex physics. Learn the core principles!
  • Web Animations: From CSS Transitions to JavaScript LibrariesDec 12, 2025. A deep, practical guide to modern web animations from CSS transitions to advanced JavaScript libraries, explained with Angular-focused examples. Covers real-world best practices, performance considerations, and proper architectural decisions. Ideal for senior developers building scalable, production-grade Angular applications.
  • Creating Animations with CSS and GSAP for Modern UIsDec 11, 2025. A complete senior-developer guide to creating modern UI animations using CSS and GSAP. Covers Angular integration, performance techniques, real-world patterns, and best practices. Ideal for front-end engineers building smooth, production-ready user interfaces.
  • Animations using WPFNov 04, 2025. Animations in WPF
  • Animation of Different Signalling Formats using PythonOct 08, 2025. Unlock the power of visual signal analysis with Python! This article demonstrates how to animate NRZ, Manchester, and Differential Manchester signalling formats using matplotlib. Learn to debug real-time systems like train control with intuitive visualizations, revealing timing errors and protocol violations. Turn raw data into actionable insights and build your own signal observability tool in just 50 lines of code. See the signal, save time, and enhance safety!
  • Overview of JavaScript’s requestAnimationFrame MethodSep 09, 2025. Unlock the power of JavaScript animations with requestAnimationFrame! This comprehensive guide explores how to use this browser API for smooth, efficient animations. Learn how it optimizes performance, adapts to refresh rates, and provides time-based animation support.
  • Unity 6.2 Now AvailableAug 21, 2025. Unity 6.2 boosts game development with faster performance, stability, and new XR tools. Unity AI Beta automates tasks, aids debugging, manages assets, and enhances workflow for smarter, more efficient game creation.
  • Interactive PDF Annotation Tool with Movable Text Using HTML, Bootstrap, and JavaScriptJul 11, 2025. This project showcases a browser-based tool to load and annotate PDF files dynamically using movable, resizable, and editable text elements. It allows users to place texts on a canvas over the PDF, adjust font size and spacing, and export all data as a structured JSON. Ideal for printed form customization, data mapping, and PDF editing tasks.
  • Exploring LensGo AI: A Game-Changer in Artificial IntelligenceJan 02, 2025. LensGo AI is an innovative platform that leverages the power of artificial intelligence to revolutionize visual content creation.
  • How to Use Microsoft Teams for Project ManagementNov 28, 2024. Microsoft Teams simplifies project management by integrating task management, real-time communication, and collaboration. Use Planner for tasks, schedule check-ins, and keep your team organized with chat updates and meetings.
  • Build Testimonial Carousel in React with Dynamic Animations Nov 15, 2024. Create an interactive testimonial carousel in React to showcase client feedback effectively. This component offers smooth animations, auto-advancing slides, responsive design, and dynamic star ratings using Lucide Icons.
  • How to Build a Classic Snake Game Using HTML and JavaScript (With Code Example)Nov 08, 2024. Learn how to create a classic Snake game using HTML and JavaScript! This step-by-step guide with code examples is perfect for beginners interested in JavaScript game development. Follow along and start building your own games today.
  • Smooth Horizontal Scrolling Text Animation with Play/Pause ToggleAug 21, 2024. This tutorial covers CSS and JavaScript techniques to build a responsive scrolling marquee that enhances user interaction. Perfect for showcasing announcements, news tickers, or featured content.
  • Creating a Three Dot Loading AnimationJul 03, 2024. Creating a three-dot loading animation using HTML and CSS. The HTML sets up a container with three dots, while the CSS styles the dots and applies a blinking animation using Flexbox for centering and keyframes for the animation effect. The staggered animation delay creates a sequential blinking effect.
  • The Art of JavaScript Hoisting: Understanding the Ins and OutsJun 11, 2024. Discover the intricacies of JavaScript hoisting in this comprehensive guide. Understand how JavaScript handles variable and function declarations, the impact of scope, and the best practices to avoid common pitfalls.
  • HTML: The Backbone of the Web DevelopmentMay 28, 2024. HTML, created by Tim Berners-Lee in 1991, is the foundational markup language for web development. Evolving through versions like HTML5, it introduced semantic elements, multimedia support, and APIs for modern web applications. Despite limitations, HTML remains crucial for structuring and accessing web content.
  • How to Build a Game with React Js?May 19, 2024. Learn how to build a game with React.js in this step-by-step guide. Explore React's capabilities for game development, including component-based architecture, state management, and hooks. Discover techniques for creating interactive UIs, handling user input, and optimizing performance for a seamless gaming experience.
  • How to Integrate Instant Plugins in the Canvas App?Apr 29, 2024. Dataverse Accelerator by Microsoft introduces low-code plug-ins for real-time business logic workflows in Canvas apps. Learn step-by-step integration of Instant Plugin with Power Fx in Dataverse environment. Test and utilize the Instant Plugin for efficient app development.
  • Unity Muse Features Expanded In Editor With 3 New UpdatesApr 24, 2024. Real-time collaboration enables developers to work together from anywhere, boosting synergy and speeding up creativity. It encourages teamwork, enhances knowledge exchange, and leads to top-notch results through collective effort and continuous improvement.
  • What is Animations in Vue.js?Mar 27, 2024. Animations in Vue.js can be achieved through built-in transition components, CSS animations, JavaScript libraries like GSAP, Vue Router transitions, and Vue-specific plugins for engaging user experiences.
  • Introduction to 3D Object Control in Power AppsMar 21, 2024. Introduction to 3D Object Control in Power Apps explores integrating 3D objects into user interfaces. Learn how to manipulate objects, design interactions, and enhance user experiences using Power Apps' visual programming capabilities for augmented and virtual reality applications.
  • Explain Floating Labels Animation in BootstrapMar 20, 2024. In this article, we will cover how we can implement Floating Labels Animation in Bootstrap 5. Bootstrap 5 introduces form-floating labels, enhancing form design by providing dynamic floating labels above input fields, improving usability, and saving space.
  • Lottie animations in .NET MAUIFeb 05, 2024. Lottie animations in .NET MAUI
  • Lottie Animations in .NET MAUIJan 08, 2024. In this article, we will learn about .NET MAUI projects with Lottie animations, a magical touch to enhance your app's visuals. Learn the basics with SkiaSharp in this beginner-friendly guide, adding life to your app effortlessly.
  • Using HTML5, CSS3, and JavaScript to their full potentialDec 28, 2023. Crafting dynamic and engaging web journeys: HTML5, the cornerstone of web architecture, has evolved to embrace semantic elements such as <header>, <nav>, <section>, <article>, and <footer>. Replacing generic <div> tags, these elements imbue meaning and enhance accessibility. - Ziggy Rafiq
  • Unveiling the Power of HTML Applications (HTA): A Comprehensive ExplorationDec 23, 2023. HTML Applications (HTA), which bridges the gap between web development and desktop applications! Discover the power of HTML Applications with our latest video. HTA is a game-changer because it seamlessly integrates web technologies with desktop environments. Learn how to convert HTML5 to HTA, customize your applications, and experience its seamless integration and enhanced capabilities. Watch now and empower your coding journey!
  • Image Transition with Animation in Jetpack ComposeAug 23, 2023. This article will describe the Image Transition with Animation in Jetpack Compose.
  • Expandable Card with Animation in Jetpack ComposeAug 09, 2023. This article will explain how we can create an expanded card animation in Jetpack compose.
  • Forms in HTML: A Comprehensive GuideJul 11, 2023. This article is about the forms element in HTML.
  • Clipping and Animation in AWTJun 23, 2023. Clipping is a technique that restricts the drawing area to a small portion of the screen.
  • Custom Tabs with Animated Background in AndroidJun 14, 2023. Customs tabs that highlights when selected and animates the background to the next selection backward and forward.
  • Getting Started With Angular AnimationsMay 05, 2023. In this article, you'll learn about the power of Angular animations and how to use them to create engaging and interactive user interfaces. You'll explore the different types of animations available in Angular and see how to use them to bring your UI to life. The article will include code examples and step-by-step instructions to help you get started with Angular animations.
  • What Is Semantic HTML? And Why It MattersMay 03, 2023. Semantic HTML is the practice of using HTML markup to convey the meaning or purpose of the content on a web page, rather than just its visual appearance.
  • How to Optimize Your Website Using HTML?May 03, 2023. SEO (Search Engine Optimization) for HTML involves optimizing the HTML code and structure of your web pages to make them more visible and easily indexable by search engines.
  • How To Use HTML5 Drag And DropMay 02, 2023. In this article, you will learn how to use HTML5 Drag and Drop.
  • What is HTML5? Its Features And EnhancementMay 01, 2023. HTML5 is the fifth and latest version of the HTML standard for creating web pages. It was officially released in 2014 and is currently the most widely used version of HTML. Some of the key features of HTML5 include -Improved multimedia support ,Semantic markup, Mobile friendly, Simplified code, Improved accessibility
  • Why HTML 5 is Essential in Web DevelopmentMay 01, 2023. HTML, or Hypertext Markup Language, is a markup language that is used to create and design web pages. It is a standard language that allows web developers to define the structure and content of web pages. HTML 5 is the latest version of HTML, and it has become an essential tool in web development due to its improved functionality and features.
  • How to validate HTML Code with W3C Validator?Apr 25, 2023. Use of W3C validator tool to validate HTML Code.
  • How To Use Canvas In HTML And Its Benefits?Apr 24, 2023. This article provides an overview of HTML 5 Canvas, a powerful tool for designing graphics on web pages. It covers the basics of creating an empty canvas and using JavaScript to draw various shapes, lines, text, and images on the canvas. Additionally, the article includes an example of creating a filled shape using the fill() method in HTML 5 Canvas.
  • .NET MAUI - Displaying Lottie AnimationsMar 09, 2023. In this article, you will learn how to use the SkiaSharp library to display Lottie animations in .NET MAUI.
  • .Net MAUI - AnimationsOct 26, 2022. In this article, you will learn about .Net MAUI - Animations.
  • How To Add Custom Add-Ins To MS WordOct 07, 2022. This article shows you how to add add-ins to word desktop.
  • How To Add Add-Ins In PowerPoint Sep 20, 2022. In this article, you will learn how to add custom add-ins.
  • How To Deploy Excel Add-ins To Your OrganizationAug 12, 2022. This article show you how to deploy excel add-ins in your organization.
  • Image Slide Show Using Web WorkerAug 02, 2022. A simple slide show using HTML5 Web Worker.
  • How To Add Custom Add-Ins To ExcelJul 05, 2022. In this article, you will learn how to add Excel add-ins.
  • How To Deploy PowerPoint Add-ins To Your OrganizationJun 15, 2022. This article shows you, how to deploy PowerPoint add-ins.
  • How To Add CSS In HTMLJun 10, 2022. We have 3 different ways Inline as inside the tag itself, Internal as inside the head tag, and External in a different file.
  • How To Deploy Word Add-Ins To Your OrganizationJun 03, 2022. This article show you how to deploy word add-ins to your organization.
  • Animated Screen In Windows FormsMay 18, 2022. In this article, you will learn how to add an animated screen using Windows Forms.
  • How To Create Excel Add-Ins?May 10, 2022. Create an Excel add-in using HTML, CSS, JavaScript, or C# to enhance functionality across various platforms, including Excel for Windows, Mac, and Office 365. Install Yeoman and the generator-office globally, generate a project, and run it using npm commands. Test your add-in in Excel’s Home Tab.
  • How To Create PowerPoint Add-InsApr 04, 2022. in this article, I will show you how to create PowerPoint Add-ins
  • How To Deploy Outlook Add-ins To Your OrganizationMar 19, 2022. This article provides a comprehensive guide on deploying Outlook add-ins to organizations for other users. It covers the step-by-step process of deploying add-ins using Office 365, ensuring easy access for users within the organization.
  • How To Publish Outlook Add-Ins Using Visual Studio CodeMar 17, 2022. In this article, you will learn how to publish outlook add-ins using visual studio code.
  • How To Create Word Add-InsMar 16, 2022. This article outlines the steps to create and run a Word add-in using technologies like HTML, CSS, JavaScript, and C#. Word add-ins enhance functionality and work across platforms, including Windows, Mac, and Office 365.
  • Using Lottie Animations In Xamarin.FormsFeb 10, 2022. In this article, you will learn how to use lottie animations in Xamarin.Forms.
  • How To Create Outlook Add-insNov 24, 2021. Creating Outlook add-ins involves using tools like VSTO or Office JavaScript API, programming in C# or JavaScript, and customizing UI elements like ribbons and task panes. Deployment via Office Store and ensuring security are key considerations.
  • How To Use HTML 5 CanvasSep 21, 2021. Prior to the arrival of HTML5, games and other multimedia elements were served in browsers using Flash. Many Flash-based games can be played through a browser. Even Flash is also used to play videos.
  • Create Chrome-Like Loading Animation In WPF⭕Dec 29, 2020. Learn to create a Chrome-like circular loading animation control in WPF. Utilize Visual Studio or Blend, Arc control, Storyboard animations, and Dependency Properties for customization. Enhance user experience and productivity with visually appealing UI components.
  • Overview Of Yeoman Generator For Office Add-insDec 08, 2020. Discover how to streamline Office Add-in development using Yeoman Generator. This overview covers setup, tools, and JavaScript API integration for efficient creation of custom Office solutions.
  • What Is IndexedDb And How To Use It?Oct 14, 2020. IndexedDB is a NoSQL database API provided by browsers for managing large amounts of structured data. It allows developers to store and retrieve data, supporting offline capabilities in web applications.
  • How To Implement Animation Effects In Angular 10Oct 02, 2020. In this article, we will discuss related to the animation effects in the Angular 10 framework.
  • Capture Image From Webcam Video Using HTML5 Using JavaScript And Upload To Server Using C#Jul 30, 2020. In this article, you will learn how to capture Image from Webcam Video using HTML5 using JavaScript and Upload to Server C#.
  • 3D Graphics in WPFJun 10, 2020. This article will help you to understand how to create an 3D graphics in WPF, what are the things you should know.
  • Animation In WPFJun 08, 2020. WPF supports a variety of animation styles. you can apply animations on controls, panels or properties.
  • Triggers Property, Data And Event Triggers With Animation In WPFJun 02, 2020. What are the triggers in WPF? What is its use & how to implement them in your project.
  • Let's Develop An Angular Application - Input Validation In Template Driven FormsMay 28, 2020. In this article, we will learn how to implement validation in template driven forms using CSS validation classes and ngModel validation Properties.
  • Animation or Motion Effects Using Office UI Fabric/Fluent UI In SPFxMay 12, 2020. In this article, you will learn about Animation or Motion effects using Office UI Fabric/ Fluent UI.
  • Create an Animated GIF Using Python MatplotlibApr 04, 2020. In this article, we will see how to create animated gifs of your charts using Python's matplotlib package
  • Develop Outlook Add-ins with SharePoint FrameworkFeb 25, 2020. In this article, you will learn how to develop Outlook Add-ins with SharePoint Framework.
  • Create And Deploy Outlook Add-Ins Using SPFx 1.10Feb 04, 2020. Create And Deploy Outlook Add-Ins Using SPFx 1.10" is a guide for integrating custom functionalities into Microsoft Outlook using SharePoint Framework (SPFx) version 1.10. It offers insights into developing, deploying, and managing Outlook add-ins within the Microsoft 365 ecosystem.
  • Weather Application And Location In JavaScriptDec 10, 2019. This article guides you through creating a weather application using JavaScript. It covers setting up an HTML file in Sublime Text, adding CSS for styling, and using JavaScript to fetch and display weather data based on the user's location.
  • How to Create a Border Animation and Hover Effect in BootstrapDec 07, 2019. In this article, you'll learn to create a border animation and hover effect using Bootstrap and CSS. Follow step-by-step instructions to integrate the necessary Bootstrap and JS links, write CSS for the animation, and implement HTML code. This effect adds dynamic visuals to your web design.
  • How to Make 3D Perspective Boxes using CSS3Dec 07, 2019. In this article, learn how to create 3D perspective boxes using CSS3. CSS3, an advanced styling tool, enhances web design with animations and 3D transformations. We'll guide you through setting up a simple HTML file and applying CSS3 styles to create animated 3D cubes.
  • Create A 3D Login Form In HTML 5Dec 04, 2019. In this article, you will learn to Create an immersive 3D login experience with this HTML5 form. Utilize CSS animations for dynamic visuals and JavaScript for interactive functionality. Enhance user engagement and streamline login processes with this modern approach to web design.
  • CastleDoodle Game In HTML 5 Platform using GDevelopNov 25, 2019. In this article, you will learn about Embark on an adventure with CastleDoodle, a captivating game crafted in HTML5 using the GDevelop platform. Dive into the realm of imaginative gameplay, where creativity meets innovation.
  • HTML Graphics - CanvasNov 14, 2019. In this article, we will see how the canvas element is used in HTML5 with the help of JavaScript.
  • Animating a simple object using CSS3Nov 13, 2019. In this article, you will learn about how to animate a Simple Object using CSS3.
  • Rare Tags Of HTML 5Oct 10, 2019. In our previous article, we learn about the rare tags of HTML 5, like <abbr>, <acronym>, <address>, <cite>, <fieldset>, <label>, <ins><del>, <optgroup>. Now, we will learn about the remaining tags with appropriate examples and how to use them in a unique way. Here, we will see how to implement a few more rare tags of HTML 5 like <kbd>, <legend>, <rel>, <meter>, and <wbr>.
  • HTML5 Web Storage /Local Storage And Session StorageAug 16, 2019. In this session, I will discuss the details of web storage and how we can implement web storage.
  • Explode Animation - Activity Transition With Shared ElementsAug 12, 2019. This article demonstrates how to navigate from one activity to another activity in Android with the use of shared elements during the transition of two activities.
  • Introduction To Angular 7 Animations Using Bootstrap 4Jan 08, 2019. In this article, we will learn how to apply varieties of animations in Angular 7 application using Bootstrap 4.
  • A Deep Dive Into Angular AnimationsDec 11, 2018. This article will teach you how to add animations to your Angular apps. By the end of this article, you’ll have a good understanding of how to write clean and maintainable animation code.
  • Animation Using Angular 6Sep 23, 2018. Angular allows us to create animations which provides us similar native performance as CSS animations. In this article, we will learn how we can create animation using Angular 6.
  • Creating A Sign-In/Sign-Up Page With Animation In XamarinFormsSep 04, 2018. Last month, I saw an animation and I was thinking how can we do this kind of design in Xamarin.Forms. Here, in this article, I have explained the process.
  • Animation With Xamarin.FormsJul 20, 2018. In this article, I am going to show you how we can add animation to our Xamarin.Forms Application.
  • Circular Reveal Animation In AndroidJul 02, 2018. In this article, we will learn how to create layout reveal animation in android. This feature is available by default from Lollipop. For Pre Lollipop Android versions, an awesome library is available and it is very easy to use.
  • Install add-ins In SharePoint Using Office 365 CLIJun 14, 2018. I describe how to move SharePoint add-ins to app catalog and install using Office 365 CLI
  • Button Shake Animation In Android And UWP Using Xamarin.FormsJun 11, 2018. This article demonstrates button shake animation in Android and UWP using Xamarin.Forms. button click shack the entry.
  • How To Register/ Unregister SharePoint Add-Ins Using PowerShellJun 04, 2018. Suppose you would like to have the remote components of a provider-hosted SharePoint Add-in to interact with SharePoint, what should you do? You should first register with the Azure ACS cloud-based service and the SharePoint App Management Service of the tenancy or farm. Let us now dive straight into how to register/unregister SharePoint add-ins.
  • Learn About Xamarin.Forms Animation With PopupPageMay 10, 2018. Today, I am here with another post in which I will tell you about Xamarin forms Animation with PopupPage
  • Button Animation In Android Using Android StudioApr 04, 2018. In this article, we are going define a motion for the button in Android using Android Studio.
  • Create Animations Very Easily With Lottie On UWPMar 05, 2018. Lottie is a tool created by Airbnb to bring quality animations into your native apps. In this article, I will show you how to use it in a Universal Windows Platform project.
  • Automating SVN Check-Ins And Building A Project Via JenkinsFeb 05, 2018. In this article, we learn to automate SVN Check-Ins and building a project via Jenkins.
  • Xamarin.Forms - Custom Background Image Animation In UWPDec 21, 2017. In this article, we are going to learn about how to add custom user image animation control in UWP
  • IoT With HTML5 Game Engine And Node.JSAug 21, 2017. In this article, I will tell you how to use node.js as a bridge between an HTML 5 game and IoT by using Johnnyfive.io and Phaser.io.
  • Making Web Sites Look Like Native Apps Without the App StoreAug 02, 2017. Earning a place on a user's home screen is key to engagement with customers. The automatic Add to Home Screen Experience provides this capability to progressive web applications. This is driven by the web manifest file, providing valuable meta information to the browser.