Web development
fromwww.jqueryscript.net
2 hours agoWeekly Web Design & Development News: Collective #652
Essential resources and tools for web development and design are highlighted for the week.
'In this paper a novel optical illusion is described in which purple structures (dots) are perceived as purple at the point of fixation, while the surrounding structures (dots) of the same purple colour are perceived toward a blue hue.'
The 1970s were a sweet spot in product design, especially in France, where makers were beginning to marry natural materials like wood with the new optimism of plastic.
Static images don't show motion. You can't inspect real product structure. You don't see how interfaces evolve over time. You rarely understand what actually works in production. So I decided to go deep. I reviewed every major design reference platform I could find - not just the popular ones - and analyzed how they actually help in real-world work. The conclusion?
Designed by artists and designers from across the globe, each wallpaper comes in a variety of screen resolutions and can be downloaded for free. A huge thank-you to everyone who shared their designs with us - this post wouldn't be possible without your kind support!
There have been a few drafts of a specification function for this functionality, most recently, contrast-color() (formerly color-contrast()) in the CSS Color Module Level 5 draft. But with Safari and Firefox being the only browsers that have implemented it so far, the final version of this functionality is likely still a ways off. There has been a lot of functionality added to CSS in the meantime; enough that I wanted to see whether we could implement it in a cross-browser friendly way today. Here's what I have: color: oklch(from <your color> round(1.21 - L) 0 0);
One predictable pain point with contrast-color() is that it only returns black and white named colors. From a design systems perspective, that's not ideal because you want your colors. You want your harmonious brand and the colors you and your team spent thousands of man hours in meetings deciding on. Those colors. In fact, an earlier version of Safari had color-contrast() (confusing I know, naming is hard) which allowed you to pass in a list of best candidates to choose from. I beleive that proposal got mired in standards discussions, color contrast algorithms, and competing proposals; and contrast-color() is what survived which got simplified down to a binary result.
Nano Banana Pro (Gemini 3 image model) is particularly strong for UI design because of its 99% text accuracy, its ability to understand spatial layout, and its support for high-resolution 4K output. In this article, I want to share my 5 favorite cases of using this model for UI design tasks. ( Quick note: I won't dive into a critique of the output generated by AI in this article, letting you decide whether you like it or not)
Linear-style UIs look simple, but the theming system has to do real work. Here's how to meet WCAG 2.2 contrast requirements across light, dark, and high-contrast modes whether you're using a UI library or rolling your own tokens.
In Andor, I got chills when Mon Mothma warns the senate of a chilling truth: When we let noise, conformity, or fear dominate, we lose sight of what matters. We risk allowing the loudest voices, often the safest, the most predictable, to drown out individuality, identity, and truth. To me, this line... This line echoes a growing tension I feel in content design.
Teams often use customer and user interchangeably until it breaks alignment. Here's how separating the two clarifies research, prioritization, and messaging across B2C, B2B, and B2B2C products.