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

React Native

• Setting up a project