Prashant Katareprashantblog.hashnode.dev·Oct 30, 2024Creating a Netflix like interface by embedding video with iframe in AngularWe will embed a Youtube video with <iframe> in Angular. First we will modify the Youtube video url so that it works with <iframe>. Youtube video url - https://www.youtube.com/watch?v=uYPbbksJxIg To modify we repace “watch” with “embed”, and we replac...iframe
Ayomikun Osotaayoosota.hashnode.dev·Oct 11, 2024How to Print Using an iframe with JavaSrcipt (without wahala)Have you ever clicked a button and, like magic, a document or receipt starts printing? That was exactly what I needed my users to feel when I first tried to implement a print feature. But building it wasn’t magic—it took me a whole day. If you’ve Goo...ctrl
Jace Reedjacereed.hashnode.dev·Oct 7, 2024Handling Iframes in Cypress: Native Methods vs. cypress-iframe PluginIn this article, we explore how to effectively handle iframes in Cypress, a powerful tool for end-to-end testing. Iframes present unique challenges in web testing due to their separate DOM context, but with the right strategies, you can efficiently i...Cypress
Hemanshu Vadodariya (Hemu)hemanshu83.hashnode.dev·Sep 18, 2024Why iFrames Are No Longer Best: Explore Modern AlternativesIn the early days of web development, iFrames were revolutionary. They allowed developers to embed content from external sources into web pages, enabling rich multimedia experiences without overcomplicating the code. Fast forward to today, however, a...Web Development
Nile Bitsnilebits.hashnode.dev·Sep 15, 2024Implementing Clickjacking Defense Techniques in JavaScriptThe emergence of sophisticated assaults like clickjacking has made security a primary issue in today's online world. By deceiving consumers into clicking on something that differs from what they initially see, attackers deploy a nefarious method call...JavaScript
Samuel Uzorsamueluzor.hashnode.dev·Sep 11, 2024No API Key? No Problem! Here's How to Add Google Maps to Your Site.With the increased demand to make websites more interactive by embedding Maps on them, it has become more relevant to simplify the process of integrating Google Maps into websites without needing an API key. In this article, I will outline two straig...4 likes·82 readsapikey
Shankar Kakumaniblog.shankarkakumani.dev·Jul 13, 2024Flutter Web + iFrame: The Basic Guide Using HtmlElementViewWelcome back to the magical world of Flutter Web and iFrames! Today, we're going to delve deeper into loading HTML files, exploring options and controls for iFrames, and handling multiple iFrames within a Flutter app. Buckle up, it's going to be a fu...2 likes·552 readsFlutter & DartHTML Embedding
Adeesh Sharmaadeesh.hashnode.dev·Feb 12, 2024Micro Frontends Demystified: Start Building Modular Web Apps with iFrames and PostMessageIn this blog, we will understand what micro-frontends are—an architectural style that's revolutionizing how we build and scale complex web applications. We will delve into the core concepts of micro-frontends, focusing on the integration of independe...11 likes·2.8K readsMicrofrontend
Jaydeep Karalejaydeepkarale.hashnode.dev·Jan 22, 2024How to Handle iFrames in PlaywrightOVERVIEW An < iframe > (short for inline frame) is an HTML element that allows you to embed another HTML document within the current page. Introduced in 1998, an iframe is one of the oldest HTML tags. They are commonly used to display external conten...playwright
Pankaj Suryavanshidevtestops.hashnode.dev·Jan 9, 2024Handling iFrames in Selenium Java🌐🚀Introduction In the realm of Selenium automation, understanding and mastering iframes is crucial for crafting robust and interactive test scenarios. Iframes, or inline frames, are HTML elements that allow developers to embed external documents seamle...Selenium Javaselenium
