Curated by Wenyi Chu

READ MORE
wednesday
02 Jun 2021
How To Create an awesome Parallax Scrolling Effect dev.to

GSAP (Greensock Animation API) is an animation library that helps you create awesome animations. It can be used safely (back to IE6!) to create animations without jank, and it’s the only animation library (as far as I know) that handles SVG animations seamlessly.

SHOW MORE
How To Create an awesome Parallax Scrolling Effect
Development
Extreme HTTP Performance Tuning: 1.2M API req/s on a 4 vCPU EC2 Instance talawah.io

This post will walk you through the performance tuning steps that I took to serve 1.2 million JSON "API" requests per second from a 4 vCPU AWS EC2 instance. For the purposes of this recreated quest, we will ignore most of the dead ends and dark alleyways that I had to struggle through on my solo expedition.

Instead, we will mainly stick to the happy path, moving steadily from serving 224k req/s at the start, with the default configuration, to a mind-blowing 1.2M req/s by the time we reach the end.

SHOW MORE
Extreme HTTP Performance Tuning: 1.2M API req/s on a 4 vCPU EC2 Instance
Development
Understanding Ruby Method Lookup honeybadger.io

Ruby lets you express yourself like few other languages, with a minimum of boilerplate. It's fantastic until it isn't. Until one day when you think you're calling the `foo` method you wrote last week, but instead, you end up calling a `foo` method that came with some gem from 2008. In these situations, knowing about Ruby's method lookup rules will save your bacon.

SHOW MORE
Development
tuesday
01 Jun 2021
The business impact of Core Web Vitals web.dev

This article will help you understand how Core Web Vitals correlate with key business metrics by exploring examples of companies which have already see positive impact for their users and business.

Why Core Web Vitals matter to your users and business

Different stakeholders in an organization can have different priorities. Core Web Vitals can bring them all on the same page by focusing on optimizing user-centric metrics and the resulting business growth.

Core Web Vitals as a ranking signal gives additional motivation to invest time in performance, adopting Core Web Vitals has many other short- and long-term benefits beyond ranking.

SHOW MORE
 The business impact of Core Web Vitals
Development
monday
31 May 2021
Could Aleph.js be the next big React Framework? dev.to

A couple of months ago we covered Deno, a new JavaScript runtime that is attempting to dethrone Node.js as the de facto runtime for executing JavaScript. Ironically, Deno is being developed by Ryan Dahl, the same developer who made Node.js back in 2009.

Aleph.js is essentially just Next.js built on Deno

SHOW MORE
Could Aleph.js be the next big React Framework?
Development
Try to avoid comments (most of the time) dev.to

Writing down a comment when you're coding might seem like you're going to help yourself or someone that might stumble upon your code, but, in reality, it might cause confusion and make your code less readable.

If you're just starting out with coding, you sometimes feel that you need to comment every line to get your point across. That's probably not the case most of the time and you're probably just adding unnecessary noise to your code.

Having comments in your codebase is something that requires constant attention. When you update a function, you must make sure you've updated its comment as well. That's why most of the comments you write go stale and just confuse you next time you bump into them.

SHOW MORE
Development
CSS :is davidwalsh.name

You all remember this mindless CSS repetition:


section h1,
section h2, 
section h3,
article h1,
article h2,
article h3 {
  /* styles here */
}

I always loathed having to do that -- lots of maintenance cost and bloated CSS files. This is where :is comes to the rescue:


:is(section, article) :is(h1, h2, h3) {
  /* styles here */
}

SHOW MORE
Development
sunday
30 May 2021
Boost and Fix Core Web Vital Issues waterfaller.dev

A superb tool indeed. Good UI with clear instructions and explanations. Worth trying!

Get your slow pages performing at their best to increase traffic, rank higher, and increase conversions.

Inspect Every File In The Waterfall An in-depth analysis covers every possible issue that could damage core web vitals. We scan the every file for over 30 checks related to speed, size, sequence, and context. Then we visualize this as an interactive waterfall to give you a comprehensive technical understanding of how the browser displays your page.

Waterfaller is used by site owners, project managers, and technical SEO professionals to find and fix core web vital issues.

SHOW MORE
Boost and Fix Core Web Vital Issues
Development
Drunk Post: Things I've learned as a Sr Engineer old.reddit.com

I'm drunk and I'll probably regret this, but here's a drunken rank of things I've learned as an engineer for the past 10 years.

  • The best way I've advanced my career is by changing companies.
  • Technology stacks don't really matter because there are like 15 basic patterns of software engineering in my field that apply. I work in data so it's not going to be the same as webdev or embedded. But all fields have about 10-20 core principles and the tech stack is just trying to make those things easier, so don't fret overit.
  • There's a reason why people recommend job hunting. If I'm unsatisfied at a job, it's probably time to move on.
  • ....

This is a long post containing more than 50 points, drunk and honest post.

SHOW MORE
Development
saturday
29 May 2021
sorenisanerd / gotty github.com

GoTTY is a simple command line tool that turns your CLI tools into web applications.

Usage: gotty [options] []

Run gotty with your preferred command as its arguments (e.g. gotty top).

By default, GoTTY starts a web server at port 8080. Open the URL on your web browser and you can see the running command as if it were running on your terminal.

SHOW MORE
sorenisanerd / gotty
Development