Search
Shared Element Transitions
27.4.2021
I was just Hoping for Better Native Page Transitions, and Bramus commented that Chrome is working on something. Looks like it has some fresh enthusiasm for it, as there is a brand new repo, and you can literally …
The post Shared Element Transitions appeared first on CSS-Tricks.
You...
SEC's 'Crypto Mom' Updates Token Safe Harbor Proposal on GitHub
14.4.2021
Hester Peirce. Source: a video screenshot, Youtube, Blockland Solutions
Hester Peirce, Commissioner of the US Securities and Exchange Commission (SEC), updated her token safe harbor proposal which aims to enable crypto businesses to offer tokens under initial coin offerings (ICOs) in compliance...
Why Netlify?
14.4.2021
I think it’s fair to think of Netlify as a CDN-backed static file host. But it would also be silly to think that’s all it is. That’s why I think it’s smart for them to have pages like this, comparing …
The post Why Netlify? appeared first on CSS-Tricks.
You...
Hackers Target Github Server Infrastructure to Mine Cryptocurrencies
7.4.2021
Github services is under investigation after a series of reports on attacks against one of its infrastructures by running unauthorized crypto mining apps. Cybercriminals allegedly exploited some security flaws that could have been exploited to mine cryptos illicitly. Attacks Exploit ‘Github...
Nailing That Cool Dissolve Transition
31.3.2021
We’re going to create an impressive transition effect between images that’s, dare I say, very simple to implement and apply to any site. We’ll be using the kampos library because it’s very good at doing exactly what we need. We’ll …
The post Nailing That Cool Dissolve Transition...
This Might Be the Only YouTube Browser Extension You'll Ever Need
29.3.2021
YouTube is a real mixed bag. It’s home to so much of our favorite stuff on the internet, but the experience of using website itself isn’t great—filled with distracting recommendations, poor personalization, and ads, ads, ads—unless you take advantage of desktop browser extensions that can make...
Building a Full-Stack Geo-Distributed Serverless App with Macrometa, GatsbyJS, & GitHub Pages
25.3.2021
In this article, we walk through building out a full-stack real-time and completely serverless application that allows you to create polls! All of the app’s static bits (HTML, CSS, JS, & Media) will be hosted and globally distributed via the …
The post Building a Full-Stack...
CSS Border Font
28.2.2021
Every letter in this “font” by Davor Suljic is a single div and drawn only with border. That means employing some trickery like border-radius with exotic syntax like border-radius: 100% 100% 0 0 / 37.5% 37.5% 0 0; which …
The post CSS Border Font appeared first...
Take-Two Goes After Reverse-Engineered Grand Theft Auto Code
22.2.2021
Last week we shared the good news that the source code for Grand Theft Autos III & Vice City had been reverse-engineered, allowing folks to port the games and come up with cool new mods. Now, we bring you the predictable news that publisher Take-Two Interactive are not happy.Read more
Libra Co-Creator’s VC Firm Co-Leads $12M Round in ‘Decentralized GitHub’
18.2.2021
“Web 3 developers should be building on open protocols,” NFX General Partner Morgan Beller said of Radicle, a platform for crypto-native code collaboration
Beautiful accessibility with Floating Focus
15.2.2021
Imagine if your :focus styles animated from element to element as you tab through a site. Like the focus ring up and flew across the page to the next element. The spirit of it is similar to smooth scrolling: it’s …
The post Beautiful accessibility with Floating Focus appeared first...
How to Install a NPM Module from GitHub Branch
12.2.2021
In my journey to work more quickly with a project containing loads of dependencies, I’ve come across a few techniques I’ve not needed to use before. I previously wrote about How to Push to a Git Remote Branch of a Different Name — this time we’ll talk about installing...
Nested Media Queries
9.2.2021
We don’t have “regular” nesting in CSS. Maybe this becomes a thing someday, or something like it. That would be cool, although that pre-spec doesn’t mention anything about media queries. I’d hope we get that right out of the gate …
The post Nested Media Queries...
Some Typography Blog Posts I’ve Bookmarked and Read Lately
4.2.2021
Font-size: An Unexpectedly Complex CSS Property — From Manish Goregaokar in 2017. Of many oddities, I found the one where font: medium monospace renders at 13px where font: medium sans-serif renders at 16px particularly weird.
The good line-height — Since
…
The post Some Typography Blog...
Devs ditching old ‘Ethereum killers’ for DeFi, NFTs and newer chains: Report
4.2.2021
Developers are switching their efforts to DeFi as it takes a larger slice of the crypto market
Styling Web Components
29.1.2021
Nolan Lawson has a little emoji-picker-element that is awfully handy and incredibly easy to use. But considering you’d probably be using it within your own app, it should be style-able so it can incorporated nicely anywhere. How to allow …
The post Styling Web Components appeared first...
Lightweight Form Validation with Alpine.js and Iodine.js
20.1.2021
Many users these days expect instant feedback in form validation. How do you achieve this level of interactivity when you’re building a small static site or a server-rendered Rails or Laravel app? Alpine.js and Iodine.js are two minimal JavaScript …
The post Lightweight Form Validation with...
Custom Styles in GitHub Readme Files
23.12.2020
Even though GitHub Readme files (typically ./readme.md) are Markdown, and although Markdown supports HTML, you can’t put <style> or <script> tags init. (Well, you can, they just get stripped.) So you can’t apply custom styles there. Or can you?
You can use SVG as...
Continuous Performance Analysis with Lighthouse CI and GitHub Actions
23.12.2020
Lighthouse is a free and open-source tool for assessing your website’s performance, accessibility, progressive web app metrics, SEO, and more. The easiest way to use it is through the Chrome DevTools panel. Once you open the DevTools, you will see a “Lighthouse” tab. Clicking the “Generate report”...
I learned to love the Same-Origin Policy
17.12.2020
I spent a good chunk of my work life this year trying (in collaboration with the amazing Noam Rosenthal) to standardize a new web platform feature: a way to modify the intrinsic size and resolution of images. And hey! We did it! But boy, was it ever a learning experience.
This wasn’t my first...