Search
Supercharging Number Inputs
4.9.2020
Speaking of number scrubbing (i.e. adding mouse UX to number inputs), you can also add better keyboard commands to number inputs. Kilian Valkhof explains how he added up and down arrows to a number input, as well as modifier keys to change how much the keys increment the value, like Emmet does....
Stroke Text CSS: The Definitive Guide
4.9.2020
Whenever I think of stroked text on the web I think: nope.
There is -webkit-text-stroke in CSS for it, but it places that stroke in the middle of the vector outline of the characters, absolutely ensuring that the character doesn’t look right. Just look at this in Chrome or Safari. Gross....
How to Simplify SVG Code Using Basic Shapes
3.9.2020
There are different ways to work with icons, but the best solution always includes SVG, whether it’s implemented inline or linked up as an image file. That’s because they’re “drawn” in code, making them flexible, adaptable, and scalable in any context.
But when working with SVG, there’s always...
State of Jamstack 2020: Data Deep Dive
3.9.2020
(This is a sponsored post.)
The Jamstack, a modern approach to building websites and apps, delivers better performance, higher security, lower cost of scaling, and a better developer experience. But how popular is it among developers worldwide, and what do they love and hate about it?
We at Kentico...
Not good for Bitcoin: US dollar is rebounding from multi-year support
3.9.2020
The U.S. dollar has rebounded from a crucial multi-year support area and the price of Bitcoin and gold are simultaneously rejecting
BitMax Exchange Adds Support For OIN Finance To Promote DeFi
3.9.2020
Working as a powerful DeFi portal built on Ontology, OIN Finance has announced OIN token’s listing on the popular Singapore-based digital asset trading exchange, BitMax. The deposit and withdrawal for OIN assets began at 10 PM EDT on September 2, whereas the token trading was kickstarted at 10...
Using @property for CSS Custom Properties
3.9.2020
Una Kravetz digs into how Chrome now allows you to declare CSS custom properties directly from CSS with more information than just a string.
So rather than something like this:
html {
--stop: 50%;
}
…can be declared with more details like this:
@property --stop {
syntax:...
BitGo Will Provide Cold Storage Crypto Support for Japan’s Bitgate
3.9.2020
Bitgate has tapped BitGo to help it provide cold storage services to Japanese customers
Excluding Emojis From Transparent Text Clipping
2.9.2020
CSS-Tricks has this pretty cool way of styling hovered links. By default, the text is a fairly common blue. But hover of the links, and they’re filled with a linear gradient.
😍
Pretty neat, right? And the trick isn’t all that complicated. On hover…
give the link a linear...
How to Use CSS Grid for Sticky Headers and Footers
2.9.2020
CSS Grid is a collection of properties designed to make layout easier than it’s ever been. Like anything, there’s a bit of a learning curve, but Grid is honestly fun to work with once you get the hang of it. One area where it shines is dealing with headers and footers. With a little...
NEM Gains Massively and Holds Complete Support from Daily MAs
2.9.2020
NEM, when broadened, stands for the New Economy Movement, is a dual-layer blockchain, and is one of the active gainers amongst the top 20 cryptos of the global market. XEM/USD is proving all its worth by standing amongst the top 20 lucrative projects. NEM, after trading laterally for 2 years,...
MATIC Appears Bearish Due to No Traction & Short-Term Support
2.9.2020
Matic Network—Proof of Stake based side chains bringing enormous scaling to Ethereum using an adapted version of Plasma. Matic Network is India’s second most reached out token after WRX and is a comparatively new token and is ranked on 120th position in the global crypto market. Matic Network...
Prepping for an Airdrop: Prominent BCH Community Members Bid Bitcoin ABC Devs Farewell
2.9.2020
On August 18, 2020, the Bitcoin ABC development team announced a “feature freeze,” which will include a new Infrastructure Funding Plan (IFP) and a week later explained it was also initiating a “governance council.” Despite the recent announcements, Bitcoin ABC has lost...
Comparing Browsers for Responsive Design
1.9.2020
There are a number of these desktop apps where the goal is showing your site at different dimensions all at the same time. So you can, for example, be writing CSS and making sure it’s working across all the viewports in a single glance.
They are all very similar. For example, they...
How to Make a Media Query-less Card Component
1.9.2020
Fun fact: it’s possible to create responsive components without any media queries at all. Certainly, if we had container queries, those would be very useful for responsive design at the component level. But we don’t. Still, with or without container queries, we can do things to make our components...
Come to Web Unleashed!
1.9.2020
(This is a sponsored post.)
Web Unleashed is a fun conference. I’ve been a number of times. I’m sure you won’t be surprised that it’s online this year, like most events.
And, hey, it’s coming up and will take place over three days, October 5-7, 2020. I’d really...
Revolut Adds Bitcoin Cash and Litecoin Support for US Customers
1.9.2020
Following the launch of Revolut’s new crypto exchange in the U.S. the company has added bitcoin cash and litecoin support. Alongside bitcoin and ethereum support, the trading platform’s added coins provide Revolut users with the ability to buy, store, and sell four different digital...
Ground Rules for Web Animations
31.8.2020
Animations can make a site stand out. Or, they can just as easily kill the experience. When working with web animations, there are a few things that could go wrong like adding animations that serve no purpose, setting durations that are  too long or too quick, or not using right type...
Bitcoin price holds key support level as focus shifts back to $12,000
29.8.2020
The price of Bitcoin has shown resilience after the bears failed to push the price down below $11,200, which means the overall uptrend is still intact
Number Scrubbing
29.8.2020
If you use <input type="number">, some browsers give you an input that has UI for incrementing the number, like up/down arrows (often called “spinners”).
That’s a bit helpful sometimes. But people have certainly explored fancier ways of updating that number....