rossjs

Material UI Styling Guide

Table of Contents

• Setup
• Custom Themes
  • Overriding Default Theme Configuration Variables
  • Overriding Global Styles for Material UI Components
• Overriding Local Styles
• Override local styles with makeStyles and the useStyles hook

rossjs

// WARNING: CAN ONLY BE USED FOR SAME-ORIGIN URLS
//          THIS IS NOT CONFIGURED FOR CROSS-ORIGIN DOMAINS

import React, { useEffect } from 'react';
import onResize from './onResize';
import iFrameResizer from './iFrameResizer';

const DynamicInlineFrame = ({ src, title }) => {
  // create callback to be called on an interval until height is actual height of iframe content
  const resizeCallback = () => iFrameResizer({ triggerInterval: true });

rossjs

Web Development Learning Resources

General HTML/CSS/JS Resources

Jon Duckett's HTML/CSS and JavaScript books

Fair warning, these might be a little dated but I found them to be invaluable when I was first learning. They do an excellent job of giving visual representations of concepts. jQuery's good to know about, but also, no one really uses it anymore because pretty much everything it was used for is natively in JavaScript now.

FreeCodeCamp.com (amazing free interactive coding series)

rossjs

<div class="row">
  <form class="col s12">
    <div class="row">
      <div class="input-field col s12">
        <input placeholder="Event title" id="title" type="text" class="validate">
        <label for="title">Title</label>
      </div>
    </div>
    <div class="row">
      <div class="input-field col s6">

rossjs

	<div id='calendar'></div>