Search
Building an accessible autocomplete control
6.2.2020
Here’s a great in-depth post from Adam Silver about his journey to create an autocomplete field that’s as accessible as possible. There are so many edge cases to consider! There are old browsers and their peculiar quirks, there are accessibility best practices for screen readers, and not to mention...
Browser Version Release Spectrum
6.2.2020
Whenever a browser upgrades versions, it's a little marketing event, and rightly so. Looks like for Firefox it's about once a month, Chrome is ~6 weeks, and Safari is once a year.
Chrome 80 just dropped, as they say, and we get a video and blog post. What strikes me about releases like this these...
Select an Element with a Non-Empty Attribute
5.2.2020
Short answer:
[data-foo]:not([data-foo=""] {
Longer answer (same conclusion, just an explanation on why we might need this):
Say you have an element that you style with a special data-attribute:
<div data-highlight="product"</div
You want to target that element and do special things when...
CSS4
4.2.2020
Tab Atkins in 2012:
There has never been a CSS4. There will never be a CSS4. CSS4 is not a thing that exists.
Rachel Andrew in 2016:
While referring to all new CSS as CSS3 worked for a short time, it doesn’t reflect the reality of where CSS is today. If you read something...
World Markets – Managed Trading Accounts
4.2.2020
Trading in any market can be a difficult thing, especially if you lack technical knowledge. Luckily, there are services like managed investment accounts, where a professional does all the work for you. A managed investment account (or portfolio) can be defined as a set of assets that are given to...
Overcomplicatin’
4.2.2020
There's some famous quote that goes something like...
When we're young, we make simple things because that's all we know. Then we learn how to make complex things so we make complex things. When we grow old, we learn to make simple things again.
Brad recently wrote about this abstractly in regard...
Possibly The Easiest Way to Run an SSG
4.2.2020
"Static Site Generator," that is. We'll get to that in a second.
Netlify is a sponsor of this site (thank you very much), and I see Zach Leatherman has gone to work over there now. Very cool. Zach is the creator of Eleventy, an SSG for Node. One thing of the many notable things about Eleventy...
How To Buy Bitcoin and Other Cryptocurrencies Using Paypal
4.2.2020
These days there are myriad ways people can purchase cryptocurrencies, and the payment platform Paypal is a popular choice. Multiple crypto brokerage services and exchanges allow people to buy digital currencies with the payment option. The following post is a simple guide and list of exchanges...
Freezing User-Agent Strings
3.2.2020
There's been news about Chrome freezing their User-Agent string (and all other major browsers are on board). That means they'll still have a User-Agent (UA) string (that comes across in headers and is available in JavaScript as navigator.userAgent. By freezing it, it will be less useful over time...
Zengo Is a Keyless Yet Noncustodial Bitcoin Wallet
3.2.2020
Zengo is a non-custodial mobile wallet that dispenses with private keys in favor of threshold signatures to create two ‘mathematical secret shares’ – one stored on your mobile device, the other on their servers. In other words, there’s no single point of failure and no risk...
Don’t Invest in Bitcoin Code, Bitcoin Doubler or Bitcoin Trader – They Are All Scams
2.2.2020
Those new to crypto and with money signs in their eyes can easily be taken in by scams, and there are many, thanks to the decentralized nature of bitcoin and the lack of knowledge surrounding it for beginners. Promises of easy and incredible gains thanks to the guidance of some shadowy...
Full Stack Panic
1.2.2020
A new podcast from Sean Fioritto inspired by Joel Califa's term "Full Stack Anxiety".
... the little voice in your head says ... “I should know all of this. Do I even know what I'm doing?” Why do web developers the world over feel like this?
There is an episode with Joel talking about it as well...
Innovation Can’t Keep the Web Fast
31.1.2020
Every so often, the fruits of innovation bear fruit in the form of improvements to the foundational layers of the web. In 2015, HTTP/2 became a published standard in an effort to update an aging protocol. This was was both necessary and overdue, as HTTP/1 rendered web performance as an arcane sort...
Sticky Table of Contents with Scrolling Active States
30.1.2020
Say you have a two-column layout: a main column with content. Say it has a lot of content, with sections that requires scrolling. And let's toss in a sidebar column that is largely empty, such that you can safely put a position: sticky; table of contents over there for all that content in the main...
“resize: none;” on textareas is bad UX
30.1.2020
Catalin Rosu:
Sometimes you need to type a long reply that consists of many paragraphs and wrapping that text within a tiny textarea box makes it hard to understand and to follow as you type. There were many times when I had to write that text within Notepad++ for example and then just paste...
Free Website Builder + Free CRM + Free Live Chat = Bitrix24
30.1.2020
(This is a sponsored post.)
You may know Bitrix24 as the world’s most popular free CRM and sales management system, used by over 6 million businesses. But the free website builder available inside Bitrix24 is worthy of your attention, too.
Why do I need another free website/landing...
How To Start Using Bitcoin: Buying, Storing, and Spending Crypto for a Total Newb
30.1.2020
For the already initiated, there is a little spoken of land outside of crypto world where legions of normal people hear about Bitcoin and are interested, but don’t know where to begin. This is a problem considering the creator of Bitcoin, Satoshi Nakamoto, designed it as a peer-to-peer...
More Than 50 Crypto Marketing Agencies Survived the Crypto Winter
30.1.2020
The cryptocurrency industry has grown exponentially and there are many facets to the blockchain industry. One specific area of expertise that’s grown significantly in the last few years is the expansion of marketing agencies within the blockchain and cryptocurrency space. In 2020 there...
Resizing Values in Steps in CSS
30.1.2020
There actually is a steps() function in CSS, but it's only used for animation. You can't, for example, tell an element it's allowed to grow in height but only in steps of 10px. Maybe someday? I dunno. There would have to be some pretty clear use cases that something like background-repeat: space...
Four Layouts for the Price of One
29.1.2020
Pretty notable when a tweet about a flexbox layouts gets 8K+ likes on Twitter!
4 layouts for the price of 1, thanks flex ????
css` form { display: flex; flex-wrap: wrap;
& > input { flex: 1 1 10ch; margin: .5rem;
&[type="email"] { flex: 3...