Bruce Lim

324 Added | 11 Magazines | 13 Likes | 14 Following | 110 Followers | @brucelim | BIO

Implementing SOLID and the onion architecture in Node.js with TypeScript and InversifyJS

In this article, we are going to describe an architecture known as the onion architecture. The onion architecture is a software application …

Software Development

Simple Swipe With Vanilla JavaScript

I used to think implementing swipe gestures had to be very difficult, but I have recently found myself in a situation where I had to do it and …

Tutorials

Performance is a feature. This book provides a hands-on overview of what every web developer needs to know about the various types of networks (WiFi, …

Transportation

Async patterns in Node.js: only 5+ different ways to do it!

<b>TL;DR:</b> callbacks, async module, promises, async/await, coroutines/generators, which to use and when.<p>So you’re a Node.js developer, right? Then you …

JavaScript

Redux - Not Dead Yet!

The Redux maintainers (first Dan Abramov and Andrew Clark, now Tim Dorr and myself) have always said that you might not need Redux. There are …

JavaScript

When to use Sass mixins, extends and variables (Example)

Recently had a conversation on Twitter that reminded me that what is apparent to some old hats might be obscure to those just diving into Sass. Here …

JavaScript

React Slack Clone

Slack clone powered by Chatkit. See it in action here https://pusher.github.io/react-slack-clone<p>This is a static, single page web app bootstrapped …

JavaScript

UnCSS

UnCSS is a tool that removes unused CSS from your stylesheets. It works across multiple files and supports Javascript-injected CSS.<p>How?<p>The process by …

This collection aims at giving visibility to libre fonts drawn by womxn designers, who are often underrepresented in the traditionally conservative field of typography. These fonts are shared under Free, Libre and Open Source licenses, which allow anyone to use them, modify their design, contribute more glyphs or styles to their non-nuclear families, build upon them and redistribute them further.

ABeeZee by Anja Meiners is a children’s learning font. Open, friendly and simple, the definite shapes support the process of learning to read and …

Building a Mobile App in 10 Days with React Native

<i>Note: This is an ongoing series of blog posts detailing how we made an iOS & Android mobile app in 10 days. Feel free to follow me here or on</i> <i>Twitter</i></i> …

A Kubernetes quick start for people who know just enough about Docker to get by

What if I told you this is quite literally the Kubernetes guide you have been looking for?If you live on this side of our solar-system, you are …

DevOps

Requirements

A modern, lightweight and powerful wiki app built on NodeJS, Git and Markdown<p><b>Official Website</b>• <b><br>Getting Started</b>• <b><br>Documentation</b><br>• Requirements<br>• Demo<br>• Change …

Authentication

Responsive Logos

An exploration into scalable logos for the modern web. Resize your browser (Or rotate your device) to see the reductions based on screen size.<p>This is …

Logos

Using SVGs

For quite some time, I’ve been a strong advocate of using icon fonts. They’re lightweight, scalable, and easily styleable with CSS.<p>I recently made …

Learn Enough to Be Dangerous

Tech is the new literacy<p>Learning the basics of programming is only one piece of the puzzle. Learn Enough to Be Dangerous teaches to code as well as a …

Programming

A Whole Bunch of Amazing Stuff Pseudo Elements Can Do | CSS-Tricks

By Chris Coyier On June 13, 2011<p>It's pretty amazing what you can do with the pseudo elements :before and :after. For every element on the page, you …

Jeff Clayton's CSS Hack Test Page

CSS

Pocket Guide to Writing SVG

Thank You!<p>I would like to take this entire section to give a special “Thank you so much!” to:<p>CSS-Tricks<br>• Lincoln Loop<br>• Designmodo<br>• Tahoe Partners<br>• Una …

Inappropriate Uses | CSS-Tricks

By Chris Coyier On August 24, 2009<p>Database<p><i>is for</i>content<p>HTML<p><i>is for</i>describing and displaying content<p>CSS<p><i>is for</i>design<p>JavaScript<p><i>is for</i>functionality<p>Those …

CSS

Front-End Performance Checklist 2018 [PDF, Apple Pages]

Performance matters — we all know it. However, do we actually always know what our performance bottlenecks exactly are? Is it expensive JavaScript, …

Web Development

Learn React Fundamentals and Advanced Patterns ⚛️

Artwork for Egghead.io is created by the amazing Maggie Appleton<i>Two and a half hours of new beginner (free) and advanced React material are now</i> …

Software Engineering

Beautiful Free Images

Beautiful high quality free images and photos you can download and use for any project. No attribution required.

What Will Bitcoin Look Like in Twenty Years?

Prediction is a tricky business.<p>It’s so easy to be wrong and so hard to be right.<p>But that’s exactly what we’ll do here. <b>Since we’re rapidly</b> …

Blockchain

The whole web at maximum FPS: How WebRender gets rid of jank

The Firefox Quantum release is getting close. It brings many performance improvements, including the super fast CSS engine that we brought over from …

Game Development

Implementing Serverless Node.js Functions Using Google Cloud

Serverless computing is an architecture style in which the code is executed in a cloud platform where we don’t need to worry about the hardware and …

Cloud Computing

GitHub

Quickly craft clean, responsive emails<p>HEML is an open source markup language for building responsive email. It gives you the native power of HTML …

Web Development

React.js cheatsheet

React is a JavaScript library for building user interfaces. This guide targets React v15 to v16.<p>Components<p>Properties<p>Use this.props to access …

DR for developer documentation

Recently updated<p>Analytics<p>Ansible<p>Apps<p>CLI<p>CSS<p>Devops<p>Elixir<p>Git<p>HTML<p>JavaScript<p>JavaScript libraries<p>Jekyll<p>Ledger<p>Markup<p>Node.js<p>Rails<p>React<p>Ruby<p>Ruby …

Motivation

A Brief History of Open Source<p>Collaboration in the early days of computing was open, and knowledge was freely shared in keeping with the academic …

U.S. Supreme Court