SShortSingh.
TopTechnologyAI & MLStartupsProgrammingScienceBusinessFinanceCrypto & Web3World
Back to feed
Programming

CSS Toggle Switch: Building an Accessible Stretchy Switch From a Checkbox

0
·7 views

A guide explains how to build a polished toggle switch in CSS that starts from a native checkbox, so keyboard support and form submission come built in. The knob slides using transform, and the track fades its colour to signal on and off states. A short stretch on the knob during movement gives it a more physical feel. The article recommends role="switch", a visible focus ring, and a reduced-motion fallback for accessibility. It also notes that the effect requires only about ten lines of extra CSS.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Log in to join the discussion and vote.

Log in

Related stories

0
ProgrammingDEV Community ·

IBM Patches webMethods Integration Server Flaw Allowing 2FA Backup Code Authentication Bypass

IBM disclosed CVE-2026-118904, affecting webMethods Integration Server 12.1, on November 3, 2026. The flaw stems from improper validation of backup codes used in two-factor authentication, allowing an already-authenticated remote attacker to bypass security restrictions. IBM rates it 8.1 on the CVSS scale, with high confidentiality and integrity impact, and recommends applying IS_12.1_Core_Fix1 or later via webMethods Update Manager. The vendor's bulletin does not describe the precise validation error or report any public exploitation. Security analysts advise reviewing logs for suspicious successful access and backup-code use, and verifying that recovery codes are properly rejected after patching.

0 comments Read more at DEV Community
0
ProgrammingDEV Community ·

How the .NET compiler wires up ModuleInitializer methods, read from decompiled IL

A method marked with ModuleInitializer runs before any other code in an assembly, yet the runtime does not invoke the attribute directly. Decompiling the assembly reveals a static constructor on the reserved module pseudo-type that calls the initializer on the program's behalf. The initializer must be static, parameterless, void, non-generic, and accessible to the module, or the compiler rejects it. The article uses a simple example that sets a readiness flag to show the generated constructor and its IL metadata. It also explains how the free Glass.NET decompiler maps this synthesized code back to the original attributed methods using static analysis alone.

0 comments Read more at DEV Community
0
ProgrammingDEV Community ·

How to Scrape Goodreads with Node.js: Ratings, Reviews, and Author Data in 2026

Goodreads has stopped issuing new developer API keys and plans to retire its public API, so new projects have no official route to its ratings or reviews. The article notes that Goodreads' Terms of Use prohibit data mining and scraping, so readers should review those terms and weigh the legal risk before using any scraping approach. It suggests alternatives such as exporting your own library data from Goodreads or using the Open Library API, which has far fewer ratings. For Goodreads-specific data, the author presents a dependency-free Node.js script that reads the Apollo GraphQL cache embedded in book pages to fetch book details, rating distributions, reviews, author lists, and rating snapshots. The tutorial was tested in November 2026 on Node 24.22.1 and requires Node 22.13 or later.

0 comments Read more at DEV Community
0
ProgrammingDEV Community ·

Microsoft 365 outage disrupts Outlook, Teams and Defender XDR portal for many tenants

On November 12 and 13, 2026, Microsoft 365 suffered one of its largest outages of the year, leaving Outlook, Teams, SharePoint Online, Copilot and the Defender XDR portal degraded or unreachable for many organizations. The disruption began around 1:26 PM Eastern time on November 12, initially appearing as Exchange Online mailbox problems in the Americas before spreading to all regions. Microsoft attributed it to an overwhelmed process that establishes secure connections, which caused servers to fail automated health checks, and reported no evidence of a cyberattack. Recovery steps included pausing deployments, redistributing traffic, restarting servers and rolling back a recent network configuration change, with gradual recovery reported by late evening US time. The root cause had not been confirmed at the time of publication.

0 comments Read more at DEV Community