Weekly web development update #32
Tags: webdev, weekly
Published: 2020-07-01 05:20:26

Hello people, here's the new weekly :)


______

##[Grid Cheatsheet](https://yoksel.github.io/grid-cheatsheet/)
[![Grid Cheatsheet](https://yoksel.github.io/grid-cheatsheet/screenshot.png)](https://yoksel.github.io/grid-cheatsheet/)
A cool cheat sheet for everything you can do with CSS Grid.

______

##[tree.nathanfriend.io](https://tree.nathanfriend.io/)
[![tree.nathanfriend.io](https://wweb.dev/weekly/screenshots/tree-nathanfriend-io.jpg)](https://tree.nathanfriend.io/)
An online tree-like utility for generating ASCII folder structure diagrams.

______

##[Selection controls — UI component series](https://uxdesign.cc/selection-controls-ui-component-series-3badc0bdb546)
[![Selection controls — UI component series](https://miro.medium.com/max/2000/1*eu7j_z2jyUOU7XJSgVxOIA.jpeg)](https://uxdesign.cc/selection-controls-ui-component-series-3badc0bdb546)
A good overview of selection controls and when to use them.

______

##[Reflex.js](https://reflexjs.org/)
[![Reflex.js](https://reflexjs.org/reflex-blocks.jpg)](https://reflexjs.org/)
A collection of themes and plugins to help you build Gatsby sites faster.

______

##[React Boilerplate meets CRA](https://github.com/react-boilerplate/react-boilerplate-cra-template/)
[![React Boilerplate meets CRA](https://user-images.githubusercontent.com/3495307/80274591-2d5daa00-86e4-11ea-8fba-404f1cdba87e.png)](https://github.com/react-boilerplate/react-boilerplate-cra-template/)
The React Boilerplate as a Create React App template.

______

##[Textures.js](https://riccardoscalco.it/textures/)
[![Textures.js](https://wweb.dev/weekly/screenshots/textures-js.jpg)](https://riccardoscalco.it/textures/)
A library to add SVG patterns for data visualization on top of d3.js.

______

##[Rando.js](https://github.com/nastyox/Rando.js)
[![Rando.js](https://wweb.dev/weekly/screenshots/randojs.jpg)](https://github.com/nastyox/Rando.js)
An easy, and powerful random function for JavaScript.

______

##[Whole page slider](https://github.com/elansx/Wholepage-Slider)
[![Whole page slider](https://wweb.dev/weekly/screenshots/wholepage-slider.jpg)](https://github.com/elansx/Wholepage-Slider)
A JavaScript library for scrolling through whole pages vertically or horizontally.

______

##[Creating my logo animation](https://www.cassie.codes/posts/creating-my-logo-animation/)
[![Creating my logo animation](https://cassie.codes/images/meta.jpg)](https://www.cassie.codes/posts/creating-my-logo-animation/)
A good article on animating SVGs with CSS.

______

##[whenipress](https://github.com/lukeraymonddowning/whenipress)
[![whenipress](https://wweb.dev/weekly/screenshots/whenipress.jpg)](https://github.com/lukeraymonddowning/whenipress)
A simple JavaScript package to add keyboard bindings to your application.

______

##[Slides for Programming Courses](https://marko-knoebl.github.io/slides/)
[![Slides for Programming Courses](https://wweb.dev/weekly/screenshots/slides-for-programming.jpg)](https://marko-knoebl.github.io/slides/)
A collection of slides for programming courses, created from markdown sources.

______

##[Elevator.js](http://tholman.com/elevator.js/)
[![Elevator.js](https://wweb.dev/weekly/screenshots/elevatorjs.jpg)](http://tholman.com/elevator.js/)
A fun demo of a "scroll to top" button, that works like a real elevator

______

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