Curated by Wenyi Chu

READ MORE
sunday
30 May 2021
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
How we use Web Components at GitHub github.blog

At GitHub, we pride ourselves on delivering a first-class developer experience. A considerable part of our work is on our front end, which we strive to keep as lightweight, fast, and accessible as possible.

For a product as large as GitHub, this can be quite the task. Like many front-end codebases, we leverage components, independent, isolated, and reusable pieces of code that allow application teams to deliver high fidelity UI quickly and efficiently while still keeping to our high standards of quality.

We’re using Web Components in a big way at GitHub. We have over a dozen open-source Web Components and with dozens more that are closed source.

Overall, we’re thrilled with the changes that we’ve made to the GitHub front-end since our last post. According to the internal developer surveys that we’ve conducted, our developers are pleased with Catalyst and ViewComponent!

Developers enjoy the encapsulation of ViewComponent, making it easier to test UI and increasing developer confidence. Developers feel Catalyst is a welcome change from “old-style” JavaScript without the massive leap to a different framework or paradigm.

SHOW MORE
How we use Web Components at GitHub
Development
Ecommerce Development Trends: The 2021 Edition awwwards.com

If you don’t know where to start, or are just curious about what the future holds for ecommerce; we’ve got you covered! Here are a few trends you need to keep your eyes peeled for in 2020:

  • Headless Commerce becomes the New Normal
  • Voice Search
  • Marketing Automation
  • Artificial Intelligence (AI)
  • Augmented Reality (AR)
  • Subscription-Based Models
  • Enhanced Shipping Options
  • Social Payments
  • Chat-bots for the Win!

The Ecommerce industry is ever-evolving and it is essential for retailers of this industry to take extra care to keep up with the latest trends, as it can either make or break their brand for good. Better to adapt to these trends now and in the upcoming year to ensure you’re always ahead of the game!

SHOW MORE
Ecommerce Development Trends: The 2021 Edition
Development
Trendy Gradients in Web Design awwwards.com

Gradients have been trendy for a while now, they initially made a comeback in a conventional way in backgrounds and images. Spotify made them popular again by applying duotone gradients over photos as a characteristic element of the brand in its campaigns and microsites. History is currently being revisited, taking us through an exploration of the different aesthetic movements of the 80s and the beginnings of web design in the 90s. This revival gives us multicolored retro gradients and duotone gradients from V A P O R W A V E to Memphis Design.

In the end of the article, lots of gradient generating tool are introduced. A good list to add to your collection!

SHOW MORE
Trendy Gradients in Web Design
Design