Search
Wing Launches Revolutionary Any Pool, a DeFi Product
22.4.2021
To help traditional investors to get smooth and seamless access to the digital lending process, Wing has come up with a revolutionary Any Pool DeFi offering. As the name suggests, this new product will allow users to lend and contractualize anything, thereby allowing them to enter the market easily...
Still Hoping for Better Native Page Transitions
22.4.2021
It sure would be nice to be able to animate the transition between pages if we want to on the web, at least without resorting to hacks or full-blown architecture choices just to achieve it. Some kind of API that …
The post Still Hoping for Better Native Page Transitions appeared first...
Sticky Headers: 5 Ways to Make Them Better
21.4.2021
Page Laubheimer says that if you’re going to do a sticky header…
Keep it small.
Visually contrast it with the rest of the page.
If it’s going to move, keep it minimal. (I’d say, respect prefers-reduced-motion.)
Consider “partially persistent
…
The post Sticky...
How to Add a Double Border to SVG Shapes
21.4.2021
Let’s say someone asks you to add a double border to some random geometric SVG shapes. For some reason, you can’t use any graphic editor — they need to be generated at runtime — so you have to solve it …
The post How to Add a Double Border to SVG Shapes appeared first on CSS-Tricks.
You...
Intrinsic Typography is the Future of Styling Text on the Web
20.4.2021
The way we style text hasn’t changed much over the years. There have been numerous advancements to help make things more flexible, like layouts, but in terms of styling, most finite aspects of our designs, like text, remain relatively unchanged. …
The post Intrinsic Typography is the Future...
Say Hello to CSS Container Queries
20.4.2021
Container queries are finally here! Now available behind a flag in the latest version of Chrome Canary, you can go ahead and experiment to your heart’s content. Oh, and if you’re not familiar with container queries then check out …
The post Say Hello to CSS Container Queries appeared first...
How to Improve CSS Performance
19.4.2021
There is no doubt that CSS plays a huge role in web performance. Milica Mihajlija puts a point on exactly why:
When there is CSS available for a page, whether it’s inline or an external stylesheet, the browser delays rendering
…
The post How to Improve CSS Performance appeared first...
Float an Element to the Bottom Corner
19.4.2021
Need to lay out an element to the right or the left, such that text wraps around it? That’s an easy task for the float property. But what about if you also want to push that element (let’s call it …
The post Float an Element to the Bottom Corner appeared first on CSS-Tricks.
You can support...
Société Générale Launches Blockchain-Based Structured Product
19.4.2021
French financial services giant Société Générale has issued security tokens on Tezos’ public blockchain as part of its ongoing experimentation with cutting-edge fintech applications. Latest Move Reflects Bank’s Efforts to Fold Cryptocurrency Operations Into...
OIN Staking On AscendEX
19.4.2021
PRESS RELEASE. AscendEX, formerly BitMax, an industry-leading digital asset trading platform built by Wall Street quant trading veterans, has announced the launch of its staking service for OIN token (OIN) on Apr 16 at 1:00 p.m. UTC. AscendEX’s innovative staking product allows users...
Creating an Editable Textarea That Supports Syntax-Highlighted Code
16.4.2021
When I was working on a project that needed an editor component for source code, I really wanted a way to have that editor highlight the syntax its typed. There are projects like this, like CodeMirror, Ace, and …
The post Creating an Editable Textarea That Supports Syntax-Highlighted Code...
Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders
16.4.2021
There’s a whole lot of accessibility in this week’s news, from the nuances of using :focus-visible and input placeholders, to accessible typefaces and a Safari bug with :display: contents. Plus, a snippet for a bare-bones web component that supports …
The post Platform News:...
Not Your Typical Horizontal Rules
16.4.2021
The default browser style for <hr> is so weird. It’s basically:
border-style: inset;
border-width: 1px;
The default border-color is black, but the border doesn’t actually look black, because the inset border “adds a split tone to the line …
The post Not Your Typical...
Flash of inAccurate coloR Theme (FART)
16.4.2021
There is a lot to think about when implementing a dark mode theme on a website. We have a huge guide on it. There are some very clever quick wins out there, but there are also some quite tricky things …
The post Flash of inAccurate coloR Theme (FART) appeared first on CSS-Tricks.
You...
The Importance of Career Laddering
15.4.2021
The title of this article is misleading. It’s not actually very important for an Engineering Manager to use career laddering, per se, or my process. It is, however, very important that an Engineering Manager is clear with their employees…
The post The Importance of Career Laddering appeared...
How to Build a FullStack Serverless HN Clone With Svelte and Fauna
15.4.2021
Svelte is a free and open-source front end JavaScript framework that enables developers to build highly performant applications with smaller application bundles. Svelte also empowers developers with its awesome developer experience.
Svelte provides a different approach to building web apps...
Generating (and Solving!) Sudokus in CSS
15.4.2021
I love to make CSS do stuff it shouldn’t. It’s the type of problem-solving brain training you’d get building a calculator in Minecraft, except you probably won’t get a job working with Minecraft Redstone no matter how good you …
The post Generating (and Solving!) Sudokus in CSS appeared...
Building a Settings Component
14.4.2021
This is a tremendous CSS-focused tutorial from Adam Argyle. I really like the “just for gap” concept here. Grid is extremely powerful, but you don’t have to use all its abilities every time you reach for it. Here, Adam …
The post Building a Settings Component appeared first...
Building a Settings Component
14.4.2021
This is a tremendous CSS-focused tutorial from Adam Argyle. I really like the “just for gap” concept here. Grid is extremely powerful, but you don’t have to use all its abilities every time you reach for it. Here, Adam …
The post Building a Settings Component appeared first...
Gaze Upon My Browser Extensions and Despair
14.4.2021
They’re not what any of us would call “intimate,” but you can really tell a lot about a person from a quick glance at the browser extensions they use. Is your boyfriend’s browser decorated with favicons from Evernote, Trello, and literally nothing else? He’s either a type-A perfectionist or zen...