Social Media Ideas for Html Dialog Element

Using and Styling the Dialog Element

There's a lot of nuance to the <dialog> element, a seemingly little piece of web architecture. I've got some notes from digging into it. Using and Styling the Dialog Element...

Dialog API vs Popover API: Which One Should You Actually Use?

Learn when to use the Dialog API or Popover API by comparing accessibility, focus management, inert backgrounds, and real-world UI scenarios.

eModal 2: Bootstrap 5 Alert, Confirm & Prompt Dialogs

View Demo | Download sourceAdd alert, confirm, prompt, Ajax, iframe, and custom dialogs to Bootstrap 5 projects with native promises and TypeScript types.

LOEditor: jQuery WYSIWYG Editor With Clean HTML Output

View Demo | Download sourceTurn a textarea into a jQuery WYSIWYG editor with a configurable toolbar, clean HTML output, custom plugins, and image uploads.

jQuery WYSIWYG Rich Text Editor Plugin - Froala Editor

View Demo | Download sourceFroala Editor is a simple clean jQuery & HTML5 based WYSIWYG rich text editor that supports auto-save, inline mode, spell check, ajax requests, image...

<file-preview> - A simple web component for file previews

This was a "I can't fall asleep and my mind is wondering" type of idea and honestly, I'm surprised at how good it came out. For a while now I've shared demos where a user picks an...

International Telephone Input With Flags and Dial Codes

View Demo | Download sourceA robust JavaScript plugin that turns the standard input into an International Telephone Input dropdown with flags, dial codes, validation, and E.164 num...

SurveyJS Form Library: JavaScript Surveys, Forms & Quizzes

View Demo | Download sourceRender JSON-driven surveys, forms, polls, and quizzes with SurveyJS Form Library. Use plain JavaScript, jQuery, React, Angular, or Vue.

HTML5 Semantic Elements: Browser Support, Tags, Polyfill

HTML5 semantic elements work in Chrome 26+, Edge 12+, Firefox 21+, Safari 6.1+, iOS 7+, Opera 15+, Samsung Internet 4+, and Android Browser 4.4+. Per-browser support, the full tag...

Add Customizable Measurement Rulers to Web Pages with ruler-js

View Demo | Download sourceAdd interactive measurement rulers to web pages using ruler-js. Supports inches, centimeters, millimeters, and pixels with customizable styling.

PreviewForm: Form Data Preview Before Submit for JS & jQuery

View Demo | Download sourceAdd a check-before-send review to any HTML form. Mask sensitive fields, preview files, and confirm before submit, jQuery optional.

Document Object Model (DOM)

jQuery Plugin For Universal Language Selector - ULS

View Demo | Download sourceULS is a jQuery plugin that allows you to implement a clean Wikimedia Universal Language Selector on your website.

toast-queue — Accessible, customizable toast notifications for modern web apps

Comments

Responsive Touch-friendly Lightbox in JavaScript - imageLightbox

View Demo | Download sourceA simple, flexible, responsive, touch-friendly JS/jQuery image lightbox/gallery plugin for showcasing your images in an elegant way.

Feature-rich Custom jQuery Context Menu Plugin - contextMenu

View Demo | Download sourcecontextMenu is a feature-rich and high performance jQuery plugin for replacing the default browser's right-click menu with a custom one.

Tagify: Tags Input Plugin With Autocomplete And Validation

View Demo | Download sourceAdd tag and token inputs to JavaScript forms with Tagify, including whitelists, blacklists, autocomplete, validation, and custom events.

Rattribute.js - A JavaScript library that generates responsive attribute setters for any HTML element.

Comments

Mobile-first Drag And Drop Library - draggable-div-with-touch.js

View Demo | Download sourceA small jQuery draggable plugin that enables mobile-friendly drag'n'drop functionality without using third-party libraries like jQuery UI.

Fancy Responsive File Uploader For jQuery - FancyFileUpload

View Demo | Download sourceA plugin that converts the normal file input into a file uploader interface with support for drag'n'drop, keyboard interactions, file preview, Chunked fi...

Fully Configurable Dropdown Date Picker Plugin With jQuery

View Demo | Download sourceA date picker plugin that converts the regular input field into separate "day", "month" and "year" dropdowns for more convenient date selection (e.g. DOB...

Cross-Document View Transitions: Browser Support, MPA

Cross-document view transitions work in Chrome 126+, Edge 126+, Opera 112+, and Safari 18.2+. See setup, pageswap events, and known limitations.

Shadow DOM

Form Generator With JSON Schema - jQuery jsForm

View Demo | Download sourceA feature-rich JSON To Form generator that takes data from any JS objects and populates the form field with that data.