Weekly web development update #60
Tags: webdev, weekly
Published: 2021-02-03 06:49:42



______

##[John Doe Webpage](https://john-doe.neocities.org/)
[![John Doe Webpage](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/60/john-doe.jpg)](https://john-doe.neocities.org/)
A single HTML file that uses the #anchor suffix and the :target CSS selector to show and hide pages/content.

______

##[Deskreen](https://deskreen.com/)
[![Deskreen](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/60/deskreen.jpg)](https://deskreen.com/)
An open-source app to turn any device into a secondary screen for your computer

______

##[Pills](https://bigsondev.com/pills/)
[![Pills](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/60/pills.jpg)](https://bigsondev.com/pills/)
Code Examples, Useful Tips & Tricks You Can Use On Daily Basis.

______

##[Vue Native](https://vue-native.io/)
[![Vue Native](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/60/vue-native.jpg)](https://vue-native.io/)
A framework to build cross-platform native mobile apps using JavaScript.

______

##[Beginner's Series to: Dev Containers](https://channel9.msdn.com/Series/Beginners-Series-to-Dev-Containers?WT.mc_id=devcloud-11496-cxa)
[![Beginner's Series to: Dev Containers](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/60/dev-containers.jpg)](https://channel9.msdn.com/Series/Beginners-Series-to-Dev-Containers?WT.mc_id=devcloud-11496-cxa)
A guide for using Docker containers as a development environment.

______

##[Pollen](https://www.pollen.style/)
[![Pollen](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/60/pollen.jpg)](https://www.pollen.style/)
A collection of CSS variables designed for rapid prototyping and consistent styling.

______

##[</placeholders>](https://placeholders.xyz/)
[![</placeholders>](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/60/placeholders.jpg)](https://placeholders.xyz/)
A collection of web components used as placeholders.

______

##[The styled-components happy path](https://www.joshwcomeau.com/css/styled-components/)
[![The styled-components happy path](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/60/styled-components.jpg)](https://www.joshwcomeau.com/css/styled-components/)
Josh Comeau shares his personal best practices for styled-components.

______

##[Glassmorphism](https://glassmorphism.com/)
[![Glassmorphism](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/60/glassmorphism.jpg)](https://glassmorphism.com/)
A generator for an effect, based on background blur with transparency.

______

##[Cyberpunk 2077 Buttons](https://codepen.io/jh3y/pen/PoGbxLp)
[![Cyberpunk 2077 Buttons](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/60/cyberpunk.jpg)](https://codepen.io/jh3y/pen/PoGbxLp)
A cool demo of pure CSS buttons in cyberpunk 2077 look.

______

##[Create App](https://createapp.dev/)
[![Create App](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/60/create-app.jpg)](https://createapp.dev/)
A config generator for webpack, parcel, and snowpack with React, Vue, Typescript, and more.

______

##[Twisted Colorful Spheres](https://tympanus.net/codrops/2021/01/26/twisted-colorful-spheres-with-three-js/)
[![Twisted Colorful Spheres](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/60/blob.jpg)](https://tympanus.net/codrops/2021/01/26/twisted-colorful-spheres-with-three-js/)
Learn how to deform and color spheres to create an interesting animation with Three.js.

______

To see all the weeklies check: [wweb.dev/weekly](https://wweb.dev/weekly)