Resources - periode/augmenting-gallery GitHub Wiki
Technical Resources
HTML & CSS
General
- Tutorial on HTML and CSS - recorded for the Comm Lab class at NYU Abu Dhabi
- Border CSS - how to style borders
Flexbox and layout
- A Complete Guide to Flexbox - how to lay out elements nicely
- An interactive guide to Flexbox - by Google's web dev tutorials
- Positioning in CSS - what the position attributes (
relative
,absolute
,static
, etc.) really work.
Responsive design and media queries
- Responsive Web Design - a guide on the principles of how to make a webpage work on desktop and mobile.
- Practical examples of width media queries - how to write some CSS to adapt to the size of the device it's being viewed on.
- A Beginner's Guide to Media Queries - the basics of changing the CSS when the screen changes.
React
- React Documentation - general tutorials
- Download NodeJS
- Create a new react app - how to create a new react project
- React Router - how to make links in react
- React Leaflet - making maps in react
- Preparing the Leaflet CSS, JS and HTML