Search
Bitcoin Cash Milestones: Delivered Code, Upgrades and Platform Development
20.7.2019
Bitcoin Cash (BCH) platform and protocol development have seen a lot of delivered code and projects over the last two years. The upgrades will help Bitcoin Cash scale to the masses, and many of the added features are protocol developments that are unique to BCH. Also read: Indian Government Breaks...
How I Created a Code Beautifier in Two Days
19.7.2019
I recently drew up a wireframe for a code beautifier. The next day, I decided to turn it into a real tool. The whole project took less than two days to complete.
I'd been thinking about building a new code beautifier for a while. The idea isn't unique, but every time I use someone else's tool,...
What It’s Like to Review Bitcoin’s Code
19.7.2019
CoinDesk dives deep into the complex process of reviewing code for the Bitcoin Core software
Collective #533
18.7.2019
Is postMessage slow? * Reduced Motion Auto-Play Video * Repo Lovers * Think in Math. Write in Code.
Collective #533 was written by Pedro Botelho and published on Codrops
Multi-Line Truncation with Pure CSS
17.7.2019
Truncating a single line of text if is fairly straightforward. Truncating multiple lines is a bit harder. Using just CSS (no JavaScript or server-side dancing) is nice for the simplicity. It's gotten a little easier lately since Firefox (since version 68) has started supporting the ultra-bizarre...
Micro Frontends
17.7.2019
One random day not long ago, I started hearing joke after joke about "micro frontends" — sort of how I first learned about Toast. I didn't understand the source until asking around, which uncovered this article from Cam Jackson.
In this article we'll describe a recent trend of breaking...
A Peek at New Methods Coming to Promises
16.7.2019
Promises are one of the most celebrated features introduced to JavaScript. Having a native asynchronous artifact baked right into the language has opened up a new era, changing not only how we write code but also setting up the base for other freat APIs — like fetch!
Let's step back a moment...
Finally… A Post on Finally in Promises
16.7.2019
“When does finally fire in a JavaScript promise?” This is a question I was asked in a recent workshop and I thought I’d write up a little post to clear up any confusion.
The answer is, to quote Snape:
...always.
The basic structure is like this:
try {
// I’ll try to execute some code...
Managing Multiple Backgrounds with Custom Properties
15.7.2019
One cool thing about CSS custom properties is that they can be a part of a value. Let's say you're using multiple backgrounds to pull off a a design. Each background will have its own color, image, repeat, position, etc. It can be verbose!
You have four images:
body {
background-position:
...
Build a Chat App Using React Hooks in 100 Lines of Code
15.7.2019
We’ve looked at React Hooks before, around here at CSS-Tricks. I have an article that introduces them as well that illustrates how to use them to create components through functions. Both articles are good high-level overviews about the way they work, but they open up a lot of possibilities...
Position Sticky and Table Headers
13.7.2019
You can't position: sticky; a <thead>. Nor a <tr>. But you can sticky a <th>, which means you can make sticky headers inside a regular ol' <table>. This is tricky stuff, because if you didn't know this weird quirk, it would be hard to blame you. It makes way more...
Color Inputs: A Deep Dive into Cross-Browser Differences
12.7.2019
In this article, we'll be taking a look at the structure inside <input type='color'> elements, browser inconsistencies, why they look a certain way in a certain browser, and how to dig into it. Having a good understanding of this input allows us to evaluate whether a certain cross-browser...
JavaScript Ternary Operators
12.7.2019
Ternary operators allow us to really quickly write shorter **if
Weekly Platform News: HTML Inspection in Search Console, Global Scope of Scripts, Babel env Adds defaults Query
11.7.2019
In this week's look around the world of web platform news, Google Search Console makes it easier to view crawled markup, we learn that custom properties aren't computing hogs, variables defined at the top-level in JavaScript are global to other page scripts, and Babel env now supports the defaults...
VS Code Screencast Mode
10.7.2019
VS Code has many great tools hidden deep within its settings. One of those tools is screencast mode.
Screencast mode will display keyboard presses.
You can
Animating with Clip-Path
9.7.2019
clip-path is one of those CSS properties we generally know is there but might not reach for often for whatever reason. It’s a little intimidating in the sense that it feels like math class because it requires working with geometric shapes, each with different values that draw certain shapes...
A Little Reminder That Pseudo Elements are Children, Kinda.
8.7.2019
Here's a container with some child elements:
<div class="container">
<div>item</div>
<div>item</div>
<div>item</div>
</div>
If I do:
.container::before {
content: "x"
}
I'm essentially doing:
<div class="container">
...
VS Code June Update: Status Bar Updates, Indent Guides, and more
8.7.2019
It's amazing that VS Code can consistently come out with meaningful updates month after month. The commitment that team has to the needs of the community
PSA: Linking to a Code of Conduct Template is Not the Same as Having a Code of Conduct
5.7.2019
Did you know we have a site that lists all upcoming conferences related to front-end web design and development? We do! If you're looking to go to one, check it out. If you're running one, feel free to submit yours.
Now that we're running this, I've got loads of Pull Requests for conferences...
Menus with “Dynamic Hit Areas”
3.7.2019
Flyout menus! The second you need to implement a menu that uses a hover event to display more menu items, you're in tricky territory. For one, they should work with clicks and taps, too. Without that, you've broken the menu for anyone without a mouse. That doesn't mean you can't also use :hover....