fullPage.js

A simple and easy to use library that creates fullscreen scrolling websites (also known as single page websites or onepage sites) and adds landscape sliders inside the sections of the site.

http://alvarotrigo.com/fullPage/
https://github.com/alvarotrigo/fullPage.js
#Tools #Frontend

#Tutorials #Frontend #Performance
Improved Next.js and Gatsby page load performance with granular chunking

https://web.dev/granular-chunking-nextjs/

WebAuthn

The Web Authentication API is a specification written by the W3C and FIDO, with the participation of Google, Mozilla, Microsoft, Yubico, and others. The API allows servers to register and authenticate users using public key cryptography instead of a password.
#Tutorials #Frontend #Backend #Security
https://webauthn.guide/

#Tools #Frontend
Marcdown

👻 Lightweight markdown viewer and editor by Liyas Thomas

https://liyasthomas.github.io/marcdown/
https://github.com/liyasthomas/marcdown

Polly.JS

Record, Replay, and Stub HTTP Interactions.
#Tools #Frontend #Networking
https://netflix.github.io/pollyjs
https://github.com/Netflix/pollyjs

Will this React global state work in Concurrent Mode?⚛️

In react-redux, there's a theoretical issue called "tearing" that might occur in React concurrent mode.
Let's try to check it!

https://github.com/dai-shi/will-this-react-global-state-work-in-concurrent-mode

#Tools #Tutorials #Frontend #React #State_Manager

developer-roadmap🛣

Roadmap to becoming a web developer in 2020

URL: https://roadmap.sh
Source_URL: https://github.com/kamranahmedse/developer-roadmap

#roadmap #frontend #backend #devops #techbite

Rax

🐰 Rax is a progressive React framework for building universal application.

#Tools #Frontend #React

https://rax.js.org
https://github.com/alibaba/rax

tailblocks

🎉 60+ different ready to use Tailwind UI blocks

#Tools #Frontend #CSS
@techbite @softhub13

https://mertjf.github.io/tailblocks/
https://github.com/mertJF/tailblocks

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word] — Smashing Magazine

#frontend #performance #dev
@techbite @softhub13

via www.smashingmagazine.com

The anatomy of a button — UI component series

All you need to know about button design, one of the main interactive building blocks for creating a user interface.

#frontend #ui #design
@techbite @softhub13

via uxdesign.cc

Framer📱🖥

Framer Web is here. It’s free, collaborative, no-code prototyping. Work fast with premade components and interactions

#ui #design #frontend #team
@techbite

https://www.framer.com

Modern CSS solutions for old CSS problems.

#css #frontend #techsource
@techbite

URL: https://moderncss.dev/

Reakit⚛️

Toolkit for building accessible rich web apps with React.

#techsource #frontend #reactjs #tool
@techbite

URL: https://reakit.io/
Source_URL: https://github.com/reakit/reakit

#tool #frontend #android #techsource
NewPipe👨🏻‍💻

A libre lightweight streaming frontend for Android.

Join Us @techbite @freemium13

URL: https://bit.ly/2ZWzZrR

#docs #techsource #frontendmasters #frontend #js #html #css #dom
Complete Intro to Web Development, v2 Docs - Frontend Masters⭐️👨🏻‍💻💯

An Excellent study resource for beginners in Web Development. I got this resource during my Frontend Masters Complete Intro to Web Development, v2 Course. This Docs is perfectly crafted by Brian Holt, An Instructor from FM,Cloud Advocate of Microsoft & he made it open under CC License

Join Us @techbite @freemium13

URL: https://btholt.github.io/intro-to-web-dev-v2/

#techsource #tutorials #frontend #CSS
CSS Grid Cheat Sheet👨🏻‍💻

Join Us @techbite @cosmotory

URL: https://yoksel.github.io/grid-cheatsheet/

#performance #frontend #techsource
Case study: Analyzing Notion app performance⚛️

Notion is a React web app embedded into a native shell. This means its “startup time” is largely the “loading time of the web part”.

Join Us @techbite @cosmotory

URL: https://3perf.com/blog/notion/

#techsource #frontend #css #flexbox
Grid for layout, Flexbox for components👨🏻‍💻

Join Us @techbite @cosmotory

URL: https://kutt.it/arJCiO

#techsource #frontend #CSS #react
Linaria

Zero-runtime CSS in JS library

Join Us @techbite @cosmotory

URL: https://linaria.now.sh/
Source: https://github.com/callstack/linaria