Abdul-Majid Aladejanaabdulmajid.hashnode.dev·Oct 7, 2024FeaturedCreating Modals in Next.js 14: Using Parallel and Intercepting RoutesA Modal is an interactive window that displays on top of the main window, blocking interaction until closed. They are often used to provide important information or gather user input without the need for full-page navigation. This graphical control e...Discuss·16 likes·399 readsNext.js
Modefoluwa Adeniyi-Samuelmode9writes.hashnode.dev·Sep 29, 2024Building a Simple Modal Popup with JavaScript: A Step-by-Step GuideA Step-by-Step Guide to Creating a JavaScript Modal with CSS and HTML Introduction Have you ever clicked a button on a website and had a neat little window pop up, giving you all the information you need without leaving the page? That’s the magic of ...DiscussWeb Development
Shubham Jainjshanos.hashnode.dev·Aug 19, 2024Advanced Techniques for Implementing Modals in Web ApplicationsModals are a fundamental UI component in web applications, providing an interactive way to present content, forms, or actions without navigating away from the current page. While adding a simple modal might seem straightforward, implementing them in ...Discuss·10 likesmodal
Sam Ferreeblog.samferree.dev·Jun 21, 2024FeaturedBasics In Blazor - ModalThis post is part of a series called Basics in Blazor, where I explore returning to the simplicity of web UI, preferring semantic HTML and CSS to bloated, complicated, and/or restrictive component libraries. These posts focus on using Blazor to work ...Discuss·24 likes·196 readsBasics in BlazorBlazor
The Murphthemurph.hashnode.dev·Jun 11, 2024FeaturedBuilding Reusable Modals with HTMX, templ, and GoI am writing a website using HTMX and Go and I needed a simple and repeatable solution to show different types of modals to the user from the backend; primarily a confirmation modal where the user is required to click another button to confirm the ac...Discuss·18 likes·1.6K readsGo Language
Serhat Bekbek-dev.hashnode.dev·May 31, 2024Vanilla JavaScript - ModalIn this article, we'll build a modal using vanilla JavaScript, HTML, and SCSS that will include features like opening and closing with a button, and closing when clicking outside of the modal content. Before we start I'd like mention that I used: Bo...DiscussJavaScript
Lukaslukasnotes.dk·May 26, 2024Fine tune Llama 70B using Unsloth, LoRA & Modal as easy as OpenAI ChatGPTIntro I came across Modal last summer when I was on a self-inspired mission to run BLOOM 176B model as an open-source competition to ChatGPT. The guys at modal were amazing and after several days of tinkering after my work, I got it up using 6 GPUs s...Discuss·1 like·217 readsunsloth
Niket Kumar Mishraniket-points.hashnode.dev·Apr 7, 2024Unlocking Hidden Realms: Exploring React Portals for Intuitive User InterfacesIntroduction If you've ever wondered how Dr. Strange effortlessly travels through different dimensions, you'll love React Portals! Imagine them as your secret weapon for web design magic. With React Portals, you can do something similar – move elemen...Discuss·97 readsReact
Nowon Leeblog.nwlee.com·Apr 6, 2024React Context로 모달 관리하기모달 컴포넌트 예시 예전에는 리액트 프로젝트에서 모달 컴포넌트를 렌더링할 때는 다음과 같은 방법을 주로 적용했다. // Modal.tsx interface ModalProps { isOpen: boolean; onClick: () => unknown; onClose: () => unknown; } const Modal = (props: ModalProps) => { const { isOpen, onClick, onClose } =...Discuss·29 readsReact
Daniel Musembi danrez.hashnode.dev·Jan 8, 2024How to Set Up a Modal in React: A Step-by-Step GuideIntroduction Modals are essential to modern, interactive React user interfaces. Modals, often called dialog boxes or overlays, display content or collect user input without leaving the website. Alerts, forms, notifications, and other information are ...Discuss·12 likes·49 readsReact
