Curated by Wenyi Chu

READ MORE
friday
28 May 2021
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
Second-guessing the modern web macwright.com

The emerging norm for web development is to build a React single-page application, with server rendering. The two key elements of this architecture are something like:

  • The main UI is built & updated in JavaScript using React or something similar.
  • The backend is an API that that application makes requests against.

This idea has really swept the internet. It started with a few major popular websites and has crept into corners like marketing sites and blogs.

I’m increasingly skeptical of it.

SHOW MORE
Development
Falling Into The Pit of Success blog.codinghorror.com

I think this concept extends even farther, to applications of all kinds: big, small, web, GUIs, console applications, you name it. I've often said that a well-designed system makes it easy to do the right things and annoying (but not impossible) to do the wrong things.

If we design our applications properly, our users should be inexorably drawn into the pit of success. Some may take longer than others, but they should all get there eventually.

If users aren't finding success on their own – or if they're not finding it within a reasonable amount of time – it's not their fault. It's our fault. We didn't make it easy enough for them to fall into the pit of success. Consider your project a Big Dig: your job is to constantly rearchitect your language, your API, or your application to make that pit of success ever deeper and wider.

SHOW MORE
Falling Into The Pit of Success
Development
NocoDB - Open Source Airtable Alternative nocodb.com

NocoDB is an open source #NoCode platform that turns any database into a smart spreadsheet.

Connect to new/existing SQL database and turn them into spreadsheet.

  • It is free & self-hostable. Let your imagination be thy limit
  • Create grid view, gallery view, kanban view and calendar view on top your data
  • Search, sort, filter columns and rows with ultra ease

You can also invite your team to collaborate just like spreadsheet. Automate business workflows with you favourite apps : Microsoft Teams Slack, Discord, Whatsapp, Twilio, Email & SMS

The headless APIs with Swagger & GraphiQL GUI is amazing.

SHOW MORE
NocoDB - Open Source Airtable Alternative
Development
Access Google Surveys and Google Analytics 4 data in Data Studio blog.google

Today, Data Studio users can access over 300 data sets in just a couple clicks. From Google Ads to BigQuery to your CRM data, you can spend more time finding and sharing insights and less time configuring data sources.

With two brand new data connectors you can access even more data through Data Studio to help you analyze your marketing investments and make decisions. You can now access your market research data with our new Google Surveys connector and connect to the next generation of Google Analytics with support for Google Analytics 4 properties.

Accessing the data you need to make better decisions is only the first step. Finding insights from the data and determining the best way to communicate the insights to stakeholders can be challenging and time consuming.

We’re making it easier to get started with new marketing templates across common data sets like Google Ads, Search Ads 360 and more. You can find over 30 solutions to help you get started in the Data Studio gallery.

SHOW MORE
Access Google Surveys and Google Analytics 4 data in Data Studio
General
The Shopify App Store Report: 2021 newsletter.marketplaceapps.co

Launched in 2009, the Shopify App Store enables developers to build applications for Shopify’s merchants. It’s become a vital differentiator for Shopify with 85% of Shopify Merchants now relying on apps built by developers to power their stores.

As of 16th May 2021, the Shopify App store has 5,918 apps across 12 primary categories created by 3,578 developers.

Find out insights like:

  • The median price for each plan across all categories
  • The average rating per category
  • The median number of reviews per category
  • Split between free, freemium and paid apps.
  • And tons more!

The growth of the Shopify App store since its launch in 2009 has been staggering. We estimate it has grown at 25.8% compound annual growth rate (CAGR) from 2009 to 2020.

Another way to think of this is there’s been on average, 6 apps added to the Shopify app store each day in 2021 🤯

SHOW MORE
The Shopify App Store Report: 2021
General
thursday
27 May 2021
6 Ways Parallax Still Works in 2021 webdesignerdepot.com

Parallax is a term that is applied loosely and frequently in the world of web design. As a trend, it has been popular and unpopular in equal measures for some time. However, it’s still one of the most valuable tools for animation in the digital world.

Parallax creates an illusion of depth when scrolling, a timeless effect that still has lots of value in the web design world.

Sure, parallax has its issues, from problems with usability, to concerns with mobile responsivity — but it’s also an interesting way to make a website stand out when done correctly.

In the article, the author Rebekah Carter mentioned some advantages of parallax:

  • Parallax Tells A Story
  • Parallax Increases Website Visit Times
  • Parallax Develops Credibility
  • Parallax Makes Information More Fun
  • Parallax Replicates Another Medium
  • Parallax Is More Memorable

Many examples provided in the article are fantastic, definitely worth visiting.

SHOW MORE
6 Ways Parallax Still Works in 2021
Design
Music Player using React.js dev.to

Ayaan Farooqui made a cool react.js music player with youtube as music source. Design Credits to Giga Tamarashvili on dribbble

SHOW MORE
Music Player using React.js
Development
lightGallery lightgalleryjs.com

A lightweight, modular, JavaScript image and video lightbox gallery plugin. Available for React.js, Vue.js, Angular, and TypeScript.

SHOW MORE
lightGallery
Development