Liquid Glass in the Browser: Refraction with CSS and SVG
Explore how to recreate Apple's stunning Liquid Glass effect using CSS, SVG Displacement Maps, and refraction calculations.
Topics /
The most popular blog posts about web & frontend on Hacker News. 8,465 posts.
Explore how to recreate Apple's stunning Liquid Glass effect using CSS, SVG Displacement Maps, and refraction calculations.
Welcome to Nenad SEO. This will be the first among numerous reports, SEO case studies and articles that you’re going to read on our blog. * After receiving a manual penalty by Google for 2 small si…
More than one million formerly broken links in the English Wikipedia have been updated to archived versions from the Wayback Machine, thanks to a partnership between the Internet Archive, volunteer…
The World Wide Web Consortium (W3C) is an international community where Member organizations, a full-time staff, and the public work together to develop Web standards.
If it feels like the ads chasing you across the internet know you a little too well, it’s because they do (unless you’re an avid user of ad blockers, i
Google Analytics is a powerful yet quite complicated tool. And unfortunately, the truth is most people who use it don’t reap its full benefits. There’s a lot of excellent and free content out there that explains how to use Google Analytics, but most of it is rather narrowly focused on use cases that primarily apply to…
The Google Cloud Console UI is a large JavaScript application. This article investigates how it could be sped up.
Create your virtual HQ in seconds with a free trial of Spot.
[Update: Wladimir Palant has posted a response on the AdBlock Plus blog. Also, a Chrome developer using the handle “Klathmon” has posted numerous good comments in the Reddit discussion of this post , explaining why ad-blockers are inherently CPU- and memory-intensive, and why integrating ad-blocking into a browser…
Yes, the rumours are true! Kagi has been thoughtfully integrating AI into...
Edited to add: I wrote a followup post to address comments here and elsewhere that advertising is working as intended. This paper has been ...
At Kagi, our mission is simple: to humanise the web. We want to deliver a search experience that prioritises human needs, allowing you to explore the web effectively, privately, and without manipulation. We evaluate new technologies...
Fresh is a new full stack web framework for Deno. By default, Fresh web pages send zero JavaScript to the client.
In essence, a phishing attack is a kind of hack used by cybercriminals to trick victims into performing a certain activity. These emails are frequently sent
TLDR: Google suddenly claims a “terms of service” violation on a route plotting site that has been built on the Maps API for a decade.
This page has a dark mode. Try it! Supporting prefers-color-scheme was easy, though there were a couple surprising details to address.
Hi! I'm Natalya! I'm a classically trained fine artist who spent 6 years teaching people how to paint, draw, and grow their creativity. I am now a front end developer, and I love writing code as much as I love painting. I have a degree in Studio Art, a bachelor's in Developmental Psychology, and a master's degree in…
Designed to bring aggressive C-like optimizations to the largest variety of JavaScript programs.
Include "fartscroll.js" in your page. You can include the latest version straight from our CDN:
We'd also like to extend a special thank you to all of the new Mozillians who contributed to this release of Firefox!
A brief look at the three main causes of bloat in our JavaScript dependency trees, and how we can start to address them.
On June 23rd, the WebKit project froze its Subversion tree and transitioned management and interaction with our source code to git on GitHub.
What’s the shortest URL for which content is served on the internet? There are quite a few single-letter second-level domains that are used in very short URLs, such as Google’s http://g.co or Facebook’s https://m.me. But we can go shorter than this: there’s nothing stopping TLD registry operators serving A records at…
Editor's note: if you want to help test it on a recent nightly you can toggle the devtools.webide.enabled preference in about:config. The WebIDE is available today under Tools>Web Developer>App Manager ...
The library for web and native user interfaces
JavaScript implementation of so-called Seam Carving algorithm for the content-aware image resizing and objects removal. Dynamic programming approach is applied to optimize the resizing time.
We'd like to extend a special thank you to all of the new Mozillians who contributed to this release of Firefox.