Resources - periode/augmenting-gallery GitHub Wiki
Technical Resources
Wireframes
HTML & CSS
General
- Videos on what makes up a website and where are websites stored.
- Tutorial on HTML and CSS - recorded for the Comm Lab class at NYU Abu Dhabi
- HTML For People, a gentle introduction to HTML and CSS.
- Basic HTML Syntax, a good foundation for how to write HTML.
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
Tutorials
- React Tutorials
- React Documentation - general tutorials
- What is a React Component?
- Displaying inputs in React
- useState and variables in React, how to store things in React
- React Router - how to make links in react
- React Leaflet - making maps in react
- Preparing the Leaflet CSS, JS and HTML