Search
Thinking in React Hooks
25.9.2019
Amelia Wattenberger has written this wonderful and interactive piece about React Hooks and details how they can clean up code and remove all those troubling lifecycle events:
React introduced hooks one year ago, and they've been a game-changer for a lot of developers. There are tons of how-to...
Meet Nimbus, a Concept for Enhancing BCH Smart Contracts
18.9.2019
On Monday, software developer Tobias Ruck introduced a new transaction version for the BCH chain called Nimbus in a demonstration video. The introduction is a longer version of the presentation Ruck had shown at the Bitcoin Cash City conference. According to the developer, the transaction version...
Trading Cryptocurrencies: Commonly Used Technical Indicators (Part 2)
10.9.2019
Introduction This is the second of our 2-part series on technical indicators commonly used in trading cryptocurrencies. If you have not read our first article, click here for our first article which introduces Simple Moving Average, Relative Strength Index and […]
The post Trading...
Collective #545
2.9.2019
PWA Asset Generator * Leon Sans * Introduction to JavaScript Promises * The Enigma Machine
Collective #545 was written by Pedro Botelho and published on Codrops
Trading Cryptocurrencies: Three Basic Common Technical Indicators
2.8.2019
Introduction Cryptocurrencies (or crypto) has been thrown in the limelight recently with Bitcoin’s meteoric rally this year, the cryptocurrency having risen for the fifth month straight since February 2019. Bitcoin most recently hit a high of US$13,775, before its price […]
The post Trading...
The Future of Websites: Headless CMSs
3.7.2019
Since their introduction, content management systems (CMS) have made life easier for website developers, site owners, and administrators alike. Platforms like Word
Game of Thrones Quiz Game with React and GraphQL: Introduction
17.6.2019
After two years of wait, the critically acclaimed final season of Game of Thrones has come and gone leaving most viewers half full and discontent. There was always that feeling that the final seaso
A11Y with Lindsey
13.6.2019
Lindsey Kopacz has a wonderful blog about accessibility. I've seen a number of her articles making the rounds lately and I was like, dang I better make sure I'm subscribed. For example:
An Introduction to ARIA States
3 Simple Tips to Improve Keyboard Accessibility
Create custom keyboard accessible...
Building a UI Component with React and Storybook
11.6.2019
In the previous article, I gave an Introduction to Storybook and how it can be used to or
Making Web Components for Different Contexts
2.5.2019
This article isn’t about how to build web components. Caleb Williams already wrote a comprehensive guide about that recently. Let’s talk about how to work with them, what to consider when making them, and how to embrace them in your projects.
If you are new to web components, Caleb’s guide is...
Revisiting prefers-reduced-motion, the reduced motion media query
30.4.2019
Two years ago, I wrote about prefers-reduced-motion, a media query introduced into Safari 10.1 to help people with vestibular and seizure disorders use the web. The article provided some background about the media query, why it was needed, and how to work with it to avoid creating...
An Introduction To Storybook: Organize How You Build JS Components
24.4.2019
What is Storybook?
Storybook is an open source tool for developing UI components in isolation and it integrates pretty well with most front end fram
Advanced Tooling for Web Components
22.3.2019
Over the course of the last four articles in this five-part series, we’ve taken a broad look at the technologies that make up the Web Components standards. First, we looked at how to create HTML templates that could be consumed at a later time. Second, we dove into creating our own custom element....
Encapsulating Style and Structure with Shadow DOM
21.3.2019
This is part four of a five-part series discussing the Web Components specifications. In part one, we took a 10,000-foot view of the specifications and what they do. In part two, we set out to build a custom modal dialog and created the HTML template for what would evolve into our very own custom...
Crafting Reusable HTML Templates
19.3.2019
In our last article, we discussed the Web Components specifications (custom elements, shadow DOM, and HTML templates) at a high-level. In this article, and the three to follow, we will put these technologies to the test and examine them in greater detail and see how we can use them in production...
Collective #500
18.3.2019
lax.js * An Introduction to Web Components * Core * Color.review * CSS Grid: Floor Plan * CSS Nesting Module
Collective #500 was written by Pedro Botelho and published on Codrops
An Introduction to Web Components
18.3.2019
Front-end development moves at a break-neck pace. This is made evident by the myriad articles, tutorials, and Twitter threads bemoaning the state of what once was a fairly simple tech stack. In this article, I’ll discuss why Web Components are a great tool to deliver high-quality user experiences...
Web Standards Meet User-Land: Using CSS-in-JS to Style Custom Elements
15.3.2019
The popularity of CSS-in-JS has mostly come from the React community, and indeed many CSS-in-JS libraries are React-specific. However, Emotion, the most popular library in terms of npm downloads, is framework agnostic.
Using the shadow DOM is common when creating custom elements, but there’s...
Get Started with Node: An Introduction to APIs, HTTP and ES6+ JavaScript
11.3.2019
Jamie Corkhill has written this wonderful post about Node and I think it’s perhaps one of the best technical articles I’ve ever read. Not only is it jam-packed with information for folks like me who aren't writing JavaScript everyday, it is also incredibly deliberate as Jamie slowly walks through...
Building a Universal Application with Nuxt.js and Django
6.3.2019
Introduction
The advent of modern JavaScript libraries such as React.js and Vue.js has transmogrified Front-end web development for the better. These libraries ship with wonderful features