Search
Unicode Patterns
18.5.2018
These Unicode patterns by Yuan Chuan are extraordinarily clever. It's a <css-doodle> custom web component that sets up a CSS grid and randomizes what character to drop into a cell and things, like color.
See all their gorgeous work on CodePen and the very cool <css-doodle> website...
How React Reconciliation Works
17.5.2018
React is fast! Some of that speed comes from updating only the parts of the DOM that need it. Less for you to worry about and a speed gain to boot. As long as you understand the workings of setState(), you should be good to go. However, it’s also important to familiarize yourself with how this...
Free Introduction to Web Development Workshop
15.5.2018
Brian Holt and the Frontend Masters team are putting on a free workshop today and tomorrow that is live-streamed for anyone that's interested. This is super cool because, despite the fact that there is a mountain of articles about web development out there, there are only few that start with...
Get a React Component by DOM Node
15.5.2018
Retrieving a React component’s DOM node is fairly simple from within the component itself, but what if you want to work backward: retrieve a component’s instance by DOM node? This is a task that the old Dojo Toolkit’s Dijit framework allowed with the dojo.byId method, so it made...
Microsites for Case Studies
7.5.2018
A lot of y'all have personal sites. Personal sites with portfolios. Or you work for or own an agency where showing off the work you do is arguably even more important. Often the portfolio area of a site is the most fretted and hard to pull off. Do you link to the live projects? Screenshots?...
CSS Environment Variables
4.5.2018
We were all introduced to the env() function in CSS when all that drama about "The Notch" and the iPhone X was going down. The way that Apple landed on helping us move content away from those "unsafe" areas was to provide us essentially hard-coded variables to use:
padding:
...
CSS Blocks
27.4.2018
A new entry into the CSS-in-JS landscape! Looks like the idea is that you write an individual CSS file for every component. You have to work in components, that's how the whole thing works. In the same isle as styled-components, css-modules, and glamorous.
Then you write :scope { } which is...
Reset File Changes with git
25.4.2018
There are many different philosophies when it comes to code review but mine is fairly simple: I like receiving early “work in progress” patches, I like to be positive in my code review messages, and if a patch is 90% there, I like to finish the patch myself so the project...
Grid to Flex
24.4.2018
Una Kravets shows how to make layouts in CSS Grid with flexbox fallbacks for browsers that don’t support those grid properties just yet. Una writes:
CSS grid is AMAZING! However, if you need to support users of IE11 and below, or Edge 15 and below, grid won't really work as you expect...This site...
What are Higher-Order Components in React?
19.4.2018
If you have been in the React ecosystem for a while, there is a possibility that you have heard about Higher Order Components. Let’s look at a simple implementation while also trying to explain the core idea. From here you should get a good idea of how they work and even put them to use.
Why...
Script & Style Show: Episode 5: Q&A
1.4.2018
On this week’s episode: Todd’s back from vacation while David’s knee-deep in a Firefox Debugger breakpoint UI update. We eventually move on to viewer questions that range form JavaScript knowledge, the Array.flatten controversy, front-end testing (TDD vs. BDD), and mastering...
Exchange Rates and Currency Conversion with fixer.io (Sponsored)
22.3.2018
My most stressful tasks as a coder have always revolved around money. Whether you’re coding a site for a client, your own business, or your employer, you want to be damn sure that any handling of currency is accurate, secure, and localized. We always want our code to work but when...
Fallout 4 Rifle Is A Work Of Art
17.5.2017
This replica of a Fallout 4 Tesla Rifle, by Wasted Props, doesn’t just look like the real (well, you know) thing. It spins and “charges” like it as well.Read more
A (Short) Guide to Blockchain Consensus Protocols
4.3.2017
Bitcoin's consensus mechanism is great, but it isn't perfect. This article looks at some of the more viable public blockchain alternatives
New Altcoin Promotes Fitness with ‘Proof of Sweat’
15.8.2014
Mangocoinz uses exercise as proof of work, but how to stop the cheaters?
The W3C App Manifest specification
29.7.2014
By Marcos Cáceres and Bruce Lawson. Update 26 September 2014 The initial work for Manifest in Chromium M39 is done, and Marcos (more or less) finished coding the processor a few months ago. “I’m hoping to see it in fxos 2.2“, he said from the pool of his gorgeous Malibu home.)...
The W3C App Manifest specification
29.7.2014
By Marcos Cáceres and Bruce Lawson. Update 26 September 2014 The initial work for Manifest in Chromium M39 is done, and Marcos (more or less) finished coding the processor a few months ago. “I’m hoping to see it in fxos 2.2“, he said from the pool of his gorgeous Malibu home.)...
5 Global Problems Bitcoin’s Proof of Work Can Help Solve
3.7.2014
Could there be better uses of cyrptocurrency proof of work rather than just solving arbitrary cryptographic problems?