Search
Why I Chose Angular to Build a URL Shortener
22.7.2022
URL Shorteners are tools we use to make links shorter than they actually are. With a URL Shortener, you can transform a long link (maybe for a registration form or article) into a shorter version.
Behind the scenes, the long …
Why I Chose Angular to Build a URL Shortener originally published...
Trailing Slashes on URLs: Contentious or Settled?
25.2.2022
A fun deep dive from Zach. Do you have an opinion on which you should use?
1) https://website.com/foo/
2) https://websites.com/foo
The first option has a “trailing slash.” The second does not.
I’ve always preferred this thinking: you use a trailing …
Trailing Slashes...
Proxying Third-Party JavaScript as First-Party JavaScript (and the Potential Effect on Analytics)
2.11.2021
First, check out how incredibly easy it is to write a Cloudflare Worker to proxy another URL:
addEventListener("fetch", (event) ={
event.respondWith(
fetch("https://css-tricks.com")
);
});
It doesn’t have any error handling or anything, but hey, it works:
Now imagine how …
The...
On Browser-Specific URL Schemes
26.10.2021
We’ve covered URL schemes:
A URL Scheme is like “http://…” or “ftp://…”. Those seem like a very low-level concept that you don’t have much control over, but actually, you do!
I’d call it non-trivial, but developers can register new …
The post On Browser-Specific URL Schemes...
iExec Launches Oracle Factory Allowing Anyone To Create Custom Oracles in Minutes
12.10.2021
PRESS RELEASE. Using the iExec Oracle Factory, developers are able to create their own decentralized oracles with just the API’s URL and key. October 12th, Lyon, France, 2021 – iExec, a decentralized marketplace for computing assets, has announced the launch of the iExec Oracle...
Video optimization for the web simplified with ImageKit
21.9.2021
Learn how you can resize and optimize video assets using ImageKit's URL-based video APIs.
The post Video optimization for the web simplified with ImageKit appeared first on Codrops
If I work really hard on my Open Graph images, people will share my blog posts.
2.9.2021
Zach did that thing where each of his blog posts has a special URL with the design of social image card that is screenshat by a headless browser (like Puppeteer) and used as a true meta Open Graph image, meaning …
The post If I work really hard on my Open Graph images, people will share...
Application-Specific Links
31.8.2021
You know like https:? That’s a URL Scheme. You’re probably familiar with the concept, thanks to others that come up in front-end development, like mailto:. You can actually make your own, which is pretty cool. There …
The post Application-Specific Links appeared first...
Native JavaScript Routing?
23.8.2021
We can update the URL in JavaScript. We’ve got these APIs:
// Adds to browser history
history.pushState({}, "About Page", "/about");
// Doesn't
history.replaceState({}, "About Page", "/about");
JavaScript is also capable of replacing any content in the DOM....
‘A Lazy Way to Showcase NFTs’ — Mark Cuban’s Lazy.com NFT Platform Integrates With Polygon
5.8.2021
On Thursday, the non-fungible token (NFT) platform and digital art gallery backed by Mark Cuban announced the project has integrated with Polygon. The platform allows anyone to showcase NFTs by leveraging a unique lazy URL to social media profiles, and the integration announcement highlights...
Bitcoin Cash Payment Processor Evolves Adding URL Shortener, Paypal API Integration
5.7.2021
Prompt.cash, a bitcoin cash noncustodial payment processor, is adding a bunch of interesting functionalities. The payment processor now features a URL shortener that allows users to monetize content on any site on the net. Also, Prompt.cash added Paypal API integrations, making it easier...
Monitoring Lighthouse Scores and Core Web Vitals with DebugBear
3.6.2021
DebugBear takes just a few seconds to start using. You literally point it at a URL you want to watch, and it’ll start watching it. You install nothing.
It’ll start running tests, and you’ve immediately got performance charts you can …
The post Monitoring Lighthouse Scores...
proxy-www
24.5.2021
I like a good trick. What if… a URL was… a promise… that fetched said URL?
www.codepen.io.then((response) ={
console.log(response);
});
That’s what @justjavac did with JavaScript Proxys. A clever trick, that. Don’t @ me about the practicality. Trick…
The post...
The `ping` attribute on anchor links
8.4.2021
I didn’t know this was a thing until Stefan Judis’s post:
<a href="https://www.stefanjudis.com/popular-posts/"
ping="https://www.stefanjudis.com/tracking/"Read popular posts</a
You give an anchor link a URL via a ping attribute, and the browser will hit that URL with a...
Tipb.ch App Allows You to Share a Short URL Rather Than a BCH Address on Social Media
24.3.2021
On March 23, the creator of the blog platform read.cash and the social media application noise.cash revealed a new project called tipb.ch. The application allows anyone to create a customizable short address that can be used for tips rather than having to share a long BCH address on social media...
Crypto Portfolio Tracking App Apologizes for Racist Messages Sent to Customers- Investigations Underway
11.2.2021
The crypto portfolio tracker Blockfolio, owned by the exchange FTX, got its messaging system compromised, as racist notifications started to appear. Blockfolio’s users received the offensive messages with a warning that they’re about to lose all funds. Some Offensive Messages Included...
Lazy Load Routes in Vue with webpack Dynamic Comments
4.2.2021
The way routing works in JavaScript is usually that you specify which relative URL pattern you want for which component to render. So for /about you want the <About /> component to render. Let’s take a look at how to …
The post Lazy Load Routes in Vue with webpack Dynamic Comments...
Automatic Social Share Images
29.12.2020
It’s a pretty low-effort thing to get a big fancy link preview on social media. Toss a handful of specific <meta> tags on a URL and you get a big image-title-description thing. Here’s Twitter’s version of an article on this …
The post Automatic Social Share Images...
clipPath vs. mask
27.12.2020
These things are so similar, I find it hard to keep them straight. This is a nice little explanation from viewBox (what a cool name and URL, I hope they keep it up).
The big thing is that clipPath (the element in SVG, as well as clip-path in CSS) is vector and when it is applied, whatever you...
Cloudinary Fetch with Eleventy (Respecting Local Development)
4.12.2020
This is about a wildly specific combination of technologies — Eleventy, the static site generator, with pages with images on them that you ultimately want hosted by Cloudinary — but I just wanna document it as it sounds like a decent amount of people run into this situation.
The deal:
Cloudinary...