Sign Up
Go Pro Sign Up Login

Buy Now and unlock this series

$

49

.99

yours forever

Become a Pro and unlock everything

$

24

.99

per month

Getting Started

Welcome to Modern CSS Design Systems!

We will start off the series by downloading the HTML 5 Boilerplate and setting it up.
npm install npm run starthttps://www.html5boilerplate.com

Downloads

Comments

User avatar

Raul

3 months ago

@Dave Parcel is only looking at the already available index.html file for hot reloading as you can see on the "dev" script inside of your package.json, if you wanted it too look at another file you will have to modify that script and run the script again

User avatar

Dave

3 months ago

Hi everyone, love the course and I want to use this throughout the rest of my upcoming projects. I have one problem, which is that when I create a new HTML file with all the head attributes the same as the index.html file the styles do not live reload, I need to do a manual refresh with the browser.

Is there something I need to config in the package.JSON file to make the styles live reload?

Thanks in advance.

Dave

User avatar

AlSantana

11 months ago

@Al Santana Check out postcss, there’s a few packages for IE11. PostCSS has awesome polyfills for CSS.

Al Santana

about 1 year ago

@Rocky Hi @Rocky! Thanks for your reply!! Do you know any compiler that process non :root-level variables, for example, when reassigning a value to a custom property within a declaration?

User avatar

Rocky

about 1 year ago

Hey @Al Santana!

Look into adding a build tool (Webpack, gulp) that compiles your CSS into a version that IE11 can use.

Al Santana

about 1 year ago

Hi Scott, and everyone out there!! Firstly, thanks for your tutorial, it's like diving into what you think are shallow waters to find out there is an ocean underneath. Secondly, I've tried to put into practice all these custom properties and variables stuff with a very simple project in Svelte (putting into practice what I've learned from your svelte course and others). It is a simple cost calculator that MUST support IE11... and here comes the problem: IE11 does not support variables. Do you have any suggestion for processing the css before Svelte compiles the bundle, so that not only root level variables are treated (:root), but also those used in declarations (as the ones used in .grid or within media query blocks)? I'd really appreciate to hear your wise solution to this situation ;-) But take it easy, mine is a little project and I could convert all the variables by hand. Just wanted to know if you have any idea of how to solve this. Thanks in advance

Want to join the conversation?

Become a Pro member today!