Search
2020 was not a good year for learning
10.12.2020
There, I said it.
What did I learn about building websites in 2020? A lot. But what I learned is not nearly as important as how I learned it. So instead, I want to share a couple of strategies I used to unblock learning in less-than-ideal times.
I spent almost a decade teaching design and, let...
The PS5’s Limited Controller Support Is An Issue For Gamers Who Need Accessibility Options
9.12.2020
The PlayStation 5 is in many ways a fantastic machine, but it’s far from perfect. Games take up more space than indicated, the dashboard’s newsfeed can get needlessly cluttered, and the simplest way to power the thing down is a departure from the hold-the-big-center-button norm. Beyond that, nearly...
npm ruin dev
9.12.2020
In 2020, I rediscovered the enjoyment of building a website with plain ol’ HTML, CSS, and JavaScript — no transpilin’, no compilin’, no build tools other than my hands on the keyboard.
Seeing as my personal brand could be summed up “so late to the game that the stadium has been demolished,”...
How to Create a Favicon That Changes Automatically
9.12.2020
I found this Free Favicon Maker the other day. It’s a nice tool to make a favicon (true to its name), but unlike other favicon generators, this one lets you create one from scratch starting with a character or an emoji. Naturally, I was curious to look at the code to see how it works and, while...
Very Extremely Practical CSS Art
9.12.2020
I’ve always enjoyed the CSS art people create, but I’ve never ventured into it much myself. I’m familiar with many of the tricks involved, but still find it surprising every time: the way people are able to make such fluid and beautiful images out of little boxes. I always end...
TypeScript & Relevance
8.12.2020
In our wide world of building for the web, we have every opportunity to talk about tools. We lunge to fill every gap we find in our projects with a definitive technological approach. Some of us are given “a seat at the table” feasting on even the most minuscule of technological debates. This...
Overlaying Video With Transparency While Wrangling Cross-Browser Support
8.12.2020
As websites are becoming more and more dynamic when it comes to design, there is sometimes a need to incorporate complex, animated elements. There are many ways to do that from CSS transitions to 3D rendering on canvas, and animated SVG. But it is often easier to use a <video> since they...
Creating websites with prefers-reduced-data
8.12.2020
Spoiler alert: There is no support for it yet. But it is defined in the Media Queries Level 5 spec that includes other recent, but more familiar user preference features, like prefers-color-scheme and prefers-reduced-motion.
The Polypane blog goes into incredible depth on prefers-reduced-data...
Square to Support Greener Bitcoin Mining as Part of Zero-Carbon Pledge
8.12.2020
Square will dedicate $10 million to the development of clean bitcoin mining technologies
Nimera Swap Offers DeFi Exchange Platform With Low Fees and Support for Any Blockchain
8.12.2020
The Defi revolution has brought about a new world of opportunities for crypto investors, but major improvements are still needed in the current ecosystem. For example, the most popular coin swapping service today is dependent on ethererum and its ridiculously high gas prices. Nimera Swap offers...
The Power of Web Development Outside Tech
7.12.2020
In 2020, I learned about the power of web development for organizations and nonprofits outside of tech. I learned that you can leverage your skills to affect change and build long-lasting partnerships.
This year, I joined the Board of Directors of the League of Women Voters San Francisco (LWVSF)...
Late to Logical
7.12.2020
2020 brought another wave of logical property features to major browsers and I’ve thoroughly enjoyed my investment into logical, rather than physical, web styling. I feel like I’ve learned a new way to speak about the box model that results in less written code with more global coverage.
p {
...
Joe Biden Admin Will Ultimately Support Crypto - Circle CEO
7.12.2020
Joe Biden and Kamala Harris, the vice president-elect. Source: A screenshot, Instagram/joebiden
Jeremy Allaire, CEO and Co-Founder of US-based major crypto company Circle, claims that crypto is misunderstood in Washington, D.C., but he offered an optimistic take on how the incoming Joe Biden...
Styling Comment Threads
7.12.2020
Comment threads are one of those things that look really simple when executed right. When designing them yourself, you may find that they are rather deceptively simple. There is a lot that goes into designing nice and usable comment threads, and in this article, I will try my best to walk...
Web Performance Calendar
7.12.2020
The Web Performance Calendar just started up again this year. The first two posts so far are about, well, performance! First up, Rick Viscomi writes about the mythical “fast” web page:
How you approach measuring a web page’s performance can tell you whether it’s built for speed or whether it feels...
New Stimulus Proposals Gain Support While Lawmakers Push for Second Stimulus Checks to Help Americans
7.12.2020
Two new stimulus packages have been proposed while lawmakers continue to push for second stimulus checks to help Americans cope with the coronavirus-led economic crisis. House Speaker Nancy Pelosi and Senate Majority Leader Mitch McConnell want to add stimulus measures to the spending bill that...
Coinbase to Support Spark Token Airdrop to XRP Holders
6.12.2020
Coinbase announced Saturday its plans to support an airdrop that has been seen as a factor in boosting XRP’s price in recent weeks
Following six-hour outage, Solana draws criticism and support
6.12.2020
While some piled on the layer-one blockchain for its network hiccup, others offered support
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...
How to Get Sticky and Full-Bleed Elements to Play Well Together
4.12.2020
I had a unique requirement the other day: to build a layout with full-bleed elements while one element stays stuck to the top. This ended up being rather tricky to pull off so I’m documenting it here in case anyone needs to re-create this same effect. Part of the trickiness was dealing with logical...