Search
How to Become a Blockchain Developer
7.8.2019
Skilled blockchain developers are a scarce commodity, as precious as the bitcoins that reside on the distributed ledgers they maintain. Teach yourself one of the major blockchain programming languages and you’ll be set for life, though like anything worth having, this achievement won’t...
SSCCE
6.8.2019
You know what a "reduced test case" is, right? We've talked about it here. I imagine the concept is useful in many walks of life, but in the world of front-end development, you can think of it like:
A reduced test case is a demo/example page you create which reproduces the problem you are having...
Cosmos Will Have 3 Coding Languages. Here’s Why That Matters for Ethereum
6.8.2019
Ethereum rival Cosmos will offer users the choice of coding in at least three different programming languages for smart-contract development
The Real Dark Web
5.8.2019
Here’s a wonderful reminder from Charlie Owen that everyone in the web design industry isn’t using the latest and greatest technology. And that’s okay! Charlie writes:
Most web developers are working on very "boring" teams. They're producing workhorse products that serve the organisation needs....
Intrinsically Responsive CSS Grid with minmax() and min()
31.7.2019
The most famous line of code to have come out of CSS grid so far is:
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
Without any media queries, that will set up a grid container that has a flexible number of columns. The columns will stretch a little, until there is enough room...
The Guardian digital design system
29.7.2019
Here’s a fascinating look at The Guardian’s design system with a step-by-step breakdown of what's gone into it and what options are available to designers and developers. It shows us how the team treats colors, typography, layouts, and visual cues like rules and borders.
I’ve been struggling...
Crypto Exchanges Are Benefiting from Algorithmic Trading: Here’s How
27.7.2019
Matthew Trudeau, chief strategy officer at crypto asset exchange ErisX, responds to a recent article on high-frequency trading by CoinDesk
My Favorite Netlify Features
25.7.2019
👋 Hey folks! Silvestar pitched this post to us because he is genuinely enthusiastic about JAMstack and all of the opportunities it opens up for front-end development. We wanted to call that out because, although some of the points in here might come across as sponsored content and Netlify...
Zdog
24.7.2019
David DeSandro has loads of super cool JavaScript libraries he's created over the years. His latest is Zdog, a "round, flat, designer-friendly pseudo-3D engine for canvas & SVG." It's only been about a month since he dropped it (although, like any good library, it's been simmering) and it...
My New Mac Setup and Why I Switched
24.7.2019
I want to start this article by saying that I'm not here to start or take part in any brand war between Microsoft and Apple. I like both companies and have switched between operating systems occasi
Anchorage Chose South Dakota for Its Crypto Custody – Here’s Why
20.7.2019
After a $40 million Series B, buzzy crypto startup Anchorage is setting up a new subsidiary in Sioux Falls, South Dakota
7 Unorthodox Ways to Mine Bitcoin
20.7.2019
Bitcoin isn’t crazy – in fact it might just be the soundest monetary system this generation has ever known. Some of the techniques miners have devised to extract it, however, are extremely unorthodox, ranging from the ingenious to the downright crazy. Here are seven of the strangest...
What the Web Needs Now (and how ARTIFACT is here for it)
19.7.2019
I recently had the pleasure of joining Dave Rupert, Chris Coyier, and Chris Ferdinandi on the Shop Talk Show to talk about the upcoming ARTIFACT Conference (Austin, TX on Sept. 30 – Oct. 1, 2019). ARTIFACT is an intimate gathering of web designers and developers where we discuss ways to build...
Improving Video Accessibility with WebVTT
17.7.2019
"The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
- Tim Berners-Lee
Accessibility is an important element of web development, and with the ever-growing prevalence of video content, the necessity for captioned content is growing...
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...
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...
Win 2019 Rugby World Cup Tickets When You Play at Games.Bitcoin.com
12.7.2019
Are you a cryptocurrency user and rugby fan who’s always dreamed of going to the World Cup? Here’s your chance to win tickets to the 2019 Rugby World Cup in Japan, including flights and accommodation, in an exclusive competition at Games.Bitcoin.com. Also Read: Bitcoin Cash ETP Lists...
2nd Edition of World Blockchain STO Summit is Here on the 21st to the 22nd October 2019
11.7.2019
Following the success of World Blockchain STO Summit in April 2019, where 500+ blockchain pioneers, VC’s, business entrepreneurs gathered to discuss about blockchain STO topics including tokenization in industries such as real estate, health care and commodities. Audience were engaged...
The Top Tech People to Follow on Twitter for Your Stack
9.7.2019
Twitter like other social media bring people together, and lots of everyday activities go on here too, people get jobs, sell, connect, work and even get items for free. This brings in the q
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">
...