Curated by Wenyi Chu

READ MORE
saturday
29 May 2021
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
Lineicons 3.0 | 5000+ Line Icons for Designers and Developers lineicons.com

with Free CDN, Regular-Light Variations, Icon Editor and More

Handcrafted Free Line Icons for Modern User Interfaces of Web, Mobile, and Desktop App Design & Development Projects. A Complete Yet Most Simplified Line Icon Pack Available on The Web!

SHOW MORE
Lineicons 3.0 | 5000+ Line Icons for Designers and Developers
Design
friday
28 May 2021
Why (and how) GitHub is adopting OpenTelemetry github.blog

We needed a solution that would allow us to standardize telemetry usage at GitHub, while making it easy for developers around the organization to instrument their code. The OpenTelemetry project provided us with exactly that!

OpenTelemetry introduces a common, vendor-neutral format for telemetry signals: OTLP. It also enables telemetry signals to be easily correlated with each other.

SHOW MORE
Why (and how) GitHub is adopting OpenTelemetry
Development
How the biggest consumer apps got their first 1,000 users lennysnewsletter.com

Below, you’ll find first-hand accounts of how essentially every major consumer app acquired their earliest users, including lessons from Tinder, Uber, Superhuman, TikTok, Product Hunt, Netflix, and many more. Enjoy!

My biggest takeaways from this research:

  1. Just seven strategies account for every consumer apps’ early growth.
  2. Most startups found their early users from just a single strategy. A few like Product Hunt and Pinterest found success using a handful. No one found success from more than three.
  3. The most popular strategies involve going to your user directly — online, offline, and through friends. Doing things that don’t scale.
  4. To execute on any of these strategies, it’s important to first narrowly define your target user. Andy Johns recently shared some great advice about this.
  5. The tactics that you use to get your first 1,000 users are very different from your next 10,000. A topic for a different post.

In summary, top seven strategies to acquire your first 1,000 users

  1. Go where your target users are, offline
  2. Go where your target users are, online
  3. Invite your friends
  4. Create FOMO in order to drive word-of-mouth
  5. Leverage influencers
  6. Get press
  7. Build a community pre-launch
SHOW MORE
How the biggest consumer apps got their first 1,000 users
General
River Runner river-runner.samlearner.com

Watch the path of a raindrop from anywhere in the contiguous United States.

SHOW MORE
River Runner
General
10 elements of landing pages that convert webdesignerdepot.com

Landing pages are central to successful marketing campaigns; they allow you to target particular customers with particular solutions to particular problems.

It’s easy to confuse what a landing page is because users “land” on many pages. When we talk about landing pages, we mean a page that is entirely dedicated to a particular type of customer. In fact, if we could create a unique landing page for each individual user, that would be awesome.

You might think your homepage is a landing page, but it’s not; users reach your landing page in various ways — directly, via organic search, or backlink. A landing page is normally dedicated to a specific marketing campaign. It is accessed from a link in an email, via social media, or most often via a PPC (Pay Per Click) advert.

Here are 10 elements of landing pages that are proven to convert successfully:

SHOW MORE
10 elements of landing pages that convert
Design