Curated by Wenyi Chu

READ MORE
monday
31 May 2021
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
Create AI videos by simply typing in text synthesia.io

World’s first text-to-video platform

With Synthesia you can create videos just from text in 40+ languages. Perfect for training and marketing videos.

Time and technology flies. We are now in a new era

SHOW MORE
Create AI videos by simply typing in text
General
Building a useful UI Kit blog.plantapp.io

UI Kit is a set of user interface elements that designers and developers need to simplify their work and create a unified product design for users. It allows you to quickly and efficiently create complex interfaces.

The easiest way to assemble the main UI Kit is to identify the interface elements on the main screens and place them in a separate place so that all subsequent screens are created from ready-made components.

SHOW MORE
Building a useful UI Kit
Design
15 Best Hotjar Alternatives (Website User Tracking Tools) marketsplash.com

In this article, we will be talking about alternatives for one of the most popular website user tracking tools: Hotjar. Tools like Hotjar work as an add-on to your existing Google Analytics efforts and can help you translate what your Google Analytics reports mean.

What Is Hotjar?

Hotjar is a simple yet powerful optimization tool that lets you see your customers' behavior on your site in real-time- no coding knowledge required.

It gives you access to web analytics and powerful insights into which parts of your site are engaging visitors the most so that you can make critical design decisions and start seeing better results.

SHOW MORE
15 Best Hotjar Alternatives (Website User Tracking Tools)
General
Dark Patterns Hall of Shame darkpatterns.org

Harry Brignull is the UX specialist who first coined the term ‘dark patterns’ in 2010 and launched this website. Recently, Harry has started to provide expert witness services for Dark Patterns.

Dark Patterns are tricks used in websites and apps that make you do things that you didn't mean to, like buying or signing up for something. The purpose of this site is to spread awareness and to shame companies that use them.

When you use websites and apps, you don’t read every word on every page - you skim read and make assumptions. If a company wants to trick you into doing something, they can take advantage of this by making a page look like it is saying one thing when it is in fact saying another. You can defend yourself by learning about Dark Patterns on this site.

SHOW MORE
Dark Patterns Hall of Shame
General
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
jtpio / jupyterlite github.com

JupyterLite is a JupyterLab distribution that runs entirely in the browser built from the ground-up using JupyterLab components and extensions.

Browser-based Interactive Computing

  • Python kernel backed by Pyodide running in a Web Worker
  • JavaScript kernel running in an IFrame
  • Combine Offline Notebook storage in browser localStorage or IndexDB with example files
  • Support for saving settings for JupyterLab/Lite core and federated extensions
  • Basic session and kernel management to have multiple kernels running at the same time
  • Support for Code Consoles
SHOW MORE
jtpio / jupyterlite
Development
Boring Avatars - Avatar Generator Playground boringavatars.com

Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.

SHOW MORE
Boring Avatars - Avatar Generator Playground
General