Rounded corners the javascript way
Nifty Corners Cube
Tag: WebDev
Web development news and tutorials
StackOverflow.com
Random snippets of all sorts of code, mixed with a selection of help and advice.
MiniMagick/ImageMagick produces Grayscale PDFs(contains colourful images) inside Docker, but Color PDFs Locally (Rails 8)
24 November 2025 @ 6:49 am
The Problem Statement
My Rails 8 application uses MiniMagick to composite multiple color JPEG/PNG images onto a single blank page, draw bounding boxes, and output the result as a PDF.
When running the application locally via rails s, the resulting PDF is in full color.
However, when the exact same application code is run inside a Docker container (built on ruby:3.2.0-slim using docker-compose), the generated PDFs are inexplicably converted to grayscale (black & white).
I suspect this is an issue with ImageMagick's Ghostscript delegation inside the Docker environment, specifically related to color profiles or device defaults.
What I Have Tried (and Failed)
I have attempted several solutions to force color output, based on common issues with MiniMagick/Ghostscript:
Forc
How can I integrate Humanec.ai attendance data into my existing HRMS system?
24 November 2025 @ 6:43 am
Humanec.ai provides API endpoints that allow you to pull attendance logs, user details, and shift information.
To integrate:
Generate an API key from your Humanec.ai admin dashboard.
Use the attendance endpoint (example):
GET /api/v1/attendance?from=YYYY-MM-DD&to=YYYY-MM-DD
Authorization: Bearer <API_KEY>
Parse the JSON response and sync it with your HRMS database.
If you’re using Python:
import requests
url = "https://api.humanec.ai/v1/attendance"
headers = {"Authorization": "Bearer API_KEY"}
params = {"from": "2025-01-01", "to": "2025-01-31"}
res = requests.get(url, headers=headers, params=params)
print(res.json())
Some problems encountered when using Aeron
24 November 2025 @ 6:42 am
When both the sender and receiver are deployed on the same intranet, regardless of the data transmission frequency (0~256MB/s), the transmission time is always less than 2ms. When the sender and receiver are deployed in different regions (normal communication time should be within 50ms), the actual result is that when the transmission frequency (5KB/s) is low, it is around 50ms, but when the transmission frequency (10MB/s) increases, the communication time stabilizes between 5s and 10s, and the sender has a lot of back pressure. I am using the same set of code and parameters, and I don't know how to troubleshoot this problem.
Why is my CSS outline appearing on input for both mouse click and keyboard focus despite using :focus-visible?
24 November 2025 @ 6:41 am
I have a simple HTML page with an input element:
<!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<input />
<script src="script.js"></script>
</body>
</html>
And the following CSS in styles.css:
input {
outline: none;
}
input:focus {
outline: none:
}
input:focus-visible {
outline: 1px solid black;
}
My goal is to remove the outline entirely when focusing the input via mouse click, but show a 1px black outline when focusing via keyboard (for accessibility).
However, I'm seeing an outline in both cases: a default browser outline on mouse click, and the outline on keyboard tab. I've tested in Chrome and Firefox (latest versions). What am I doing wrong, and how can I fix it to only show the outline on keyboard focus?
Where is the yjs.js UMD bundle in the latest Yjs releases? VS Code Webview cannot load ESM
24 November 2025 @ 6:40 am
I'm developing a VS Code extension that loads Yjs inside a WebView.
VS Code WebViews cannot import ES modules due to CSP restrictions, so I cannot use:
import * as Y from "https://esm.run/yjs"
I need the UMD/IIFE browser bundle (yjs.js) that exposes:
window.Y
However, the latest Yjs releases (e.g., yjs-14.0.0-13) only contain ESM source files in /src and do not include any browser bundle such as:
dist/yjs.js
dist/yjs.umd.js
dist/yjs.iife.js
CDN links that used to work also return 404:
https://cdn.jsdelivr.net/npm/yjs/dist/yjs.js
https://unpkg.com/yjs/dist/yjs.js
Because VS Code WebView requires a local <script src="..."></script> bundle, Yjs fails to load:
ERROR: Yjs (Y) is not defined
Question:
Why does console.log run slower when logging large nested objects compared to JSON.stringify?
24 November 2025 @ 6:20 am
I noticed something strange while debugging a performance issue -
When I log a deeply nested object using console.log, it feels significantly slower compared to logging JSON.stringify(obj).
Example:
const obj = { ...a very deeply nested structure... };
console.time("log");
console.log(obj);
console.timeEnd("log");
console.time("stringify");
console.log(JSON.stringify(obj));
console.timeEnd("stringify");
Observation -
console.log(obj) takes more time than console.log(JSON.stringify(obj)).
Question -
Why does console.log(obj) take longer?
Does the browser expand objects lazily or compute structure during logging?
What is happening internally inside DevTools?
How to integrate a new authentication microservice (v2) with a legacy monolithic system (v1)?
24 November 2025 @ 6:17 am
We currently have a new microservice that handles authentication, authorization (RBAC), and KYC as part of our v2 architecture.
We also have an older legacy system (v1) which is fully monolithic — everything (auth, business logic, ticketing, etc.) is inside one project.
Now we want:
The legacy v1 system to use the new authentication & KYC microservice (v2).
Our ticketing service (also part of v1) to use the same v2 identity service.
What is the best and most secure way to connect/integrate the legacy monolithic system with the new microservices (especially for login, JWT generation, permission checks, and KYC callbacks)?
Should we use REST, gRPC, message queues, or another approach?
Any architectural guidance would be appreciated.
I have a question about the WPF AddNavigationViewPageProvider() function
24 November 2025 @ 5:17 am
Among the WPF Navigation-related functions, the _services.AddNavigationViewPageProvider(); function in App.xaml.cs is supposed to automatically register the page, so there's no need to register it separately with AddSingleton or AddTransient. However, if I don't register it, the page doesn't transition. Why is that?
Customizing MSBuild to only include files where there isn't another with a specific path segment
24 November 2025 @ 4:51 am
I'm trying to customize a .csproj to only include a source file if there isn't another file with a certain filename.
For example, only include mySourceFile.cs if mySourceFile.netstandard.cs does not exist.
I've tried:
<ItemGroup Condition="'$(TargetFramework)' == 'netstandard2.0'" >
<Compile Remove="*.cs" Condition="!Exists(%(Filename).Replace('.cs', '.netstandardonly.cs')" />
</ItemGroup>
But the filename placeholder doesn't exist yet, and I keep getting an error
The reference to the built-in metadata Filename at position x is not allowed in this condition
What's the proper way to achieve something like this?
I am having problems getting the robot's live location to qWeb [closed]
24 November 2025 @ 3:23 am
i am a qt App coder
a robot programmer gave me data as a map.pgm map.yaml ,tf data from robot returned .i am converting data from tf to px to draw on canva and it worked on gazebo simulation but when running in real life it deviates quite a lot, has anyone done this part yet, can you give me some suggestions, thanks
960.gs
CSS Grid System layout guide
960.gs
IconPot .com
Totally free icons
Interface.eyecon.ro
Interface elements for jQuery
Interface.eyecon.ro
ThemeForest.net
WordPress Themes, HTML Templates.
kuler.adobe.com
color / colour themes by design
webanalyticssolutionprofiler.com
Web Analytics::Free Resources from Immeria
webanalyticssolutionprofiler.com
WebAIM.org
Web Accessibility In Mind
Word and PowerPoint Alt Text Roundup
31 October 2025 @ 7:14 pm
Introduction In Microsoft Word and PowerPoint, there are many types of non-text content that can be given alternative text. We tested the alternative text of everything that we could think of in Word and PowerPoint and then converted these files to PDFs using Adobe’s Acrobat PDFMaker (the Acrobat Tab on Windows), Adobe’s Create PDF cloud […]
Accessibility by Design: Preparing K–12 Schools for What’s Next
30 July 2025 @ 5:51 pm
Delivering web and digital accessibility in any environment requires strategic planning and cross-organizational commitment. While the goal (ensuring that websites and digital platforms do not present barriers to individuals with disabilities) and the standards (the Web Content Accessibility Guidelines) remain constant, implementation must be tailored to each organization’s needs and context. For K–12 educational agencies, […]
Up and Coming ARIA
30 May 2025 @ 6:19 pm
If you work in web accessibility, you’ve probably spent a lot of time explaining and implementing the ARIA roles and attributes that have been around for years—things like aria-label, aria-labelledby, and role="dialog". But the ARIA landscape isn’t static. In fact, recent ARIA specifications (especially ARIA 1.3) include a number of emerging and lesser-known features that […]
Global Digital Accessibility Salary Survey Results
27 February 2025 @ 8:45 pm
In December 2024 WebAIM conducted a survey to collect salary and job-related data from professionals whose job responsibilities primarily focus on making technology and digital products accessible and usable to people with disabilities. 656 responses were collected. The full survey results are now available. This survey was conducted in conjunction with the GAAD Foundation. The GAAD […]
Join the Discussion—From Your Inbox
31 January 2025 @ 9:01 pm
Which WebAIM resource had its 25th birthday on November 1, 2024? The answer is our Web Accessibility Email Discussion List! From the halcyon days when Hotmail had over 35 million users, to our modern era where Gmail has 2.5 billion users, the amount of emails in most inboxes has gone from a trickle to a […]
Using Severity Ratings to Prioritize Web Accessibility Remediation
22 November 2024 @ 6:30 pm
So, you’ve found your website’s accessibility issues using WAVE or other testing tools, and by completing manual testing using a keyboard, a screen reader, and zooming the browser window. Now what? When it comes to prioritizing web accessibility fixes, ranking the severity of each issue is an effective way to prioritize and make impactful improvements. […]
25 Accessibility Tips to Celebrate 25 Years
31 October 2024 @ 4:38 pm
As WebAIM celebrates our 25 year anniversary this month, we’ve shared 25 accessibility tips on our LinkedIn and Twitter/X social media channels. All 25 quick tips are compiled below. Tip #1: When to Use Links and Buttons Links are about navigation. Buttons are about function. To eliminate confusion for screen reader users, use a <button> […]
Celebrating WebAIM’s 25th Anniversary
30 September 2024 @ 10:25 pm
25 years ago, in October of 1999, the Web Accessibility In Mind (WebAIM) project began at Utah State University. In the years previous, Dr. Cyndi Rowland had formed a vision for how impactful the web could be on individuals with disabilities, and she learned how inaccessible web content would pose significant barriers to them. Knowing […]
Introducing NCADEMI: The National Center on Accessible Digital Educational Materials & Instruction
30 September 2024 @ 10:25 pm
Tomorrow, October 1st, marks a significant milestone in WebAIM’s 25 year history of expanding the potential of the web for people with disabilities. In partnership with our colleagues at the Institute for Disability Research, Policy & Practice at Utah State University, we’re launching a new technical assistance center. The National Center on Accessible Digital Educational […]
Decoding WCAG: “Change of Context” and “Change of Content”
31 July 2024 @ 4:54 pm
Introduction As was mentioned in an earlier blog post on “Alternative for Time-based Media” and “Media Alternative for Text,” understanding the differences between terms in the Web Content Accessibility Guidelines (WCAG) is essential to understanding the guidelines as a whole. In this post, we will explore two more WCAG terms that are easily confused—change of […]
CatsWhoCode.com
Titbits for web designers and alike
Unable to load the feed. Please try again later.