I have created a Vanilla JavaScript Grid navigation. This has been built using https://github.com/guitarbeerchocolate/vanilla-js-component and resides at https://github.com/guitarbeerchocolate/vanilla-js-grid-navigation
It employs ES6, BEM and SASS.
Showing posts with label ES6. Show all posts
Showing posts with label ES6. Show all posts
Wednesday, 10 April 2019
Vanilla JavaScript Grid navigation
Labels:
BEM,
ES6,
grid,
JavaScript,
navigation,
sass,
vanilla
Tuesday, 12 February 2019
Vanilla JS Bind
I have created a Vanilla JavaScript bind class. This has been built using https://github.com/guitarbeerchocolate/vanilla-js-component and resides at https://github.com/guitarbeerchocolate/JS_Bind
It employs :
It employs :
- HTML5
- ES6
Vanilla JS carousel
I have created a Vanilla JavaScript carousel. This has been built using https://github.com/guitarbeerchocolate/vanilla-js-component and resides at https://github.com/guitarbeerchocolate/vanilla-js-carousel
It employs :
It employs :
- HTML5
- SASS
- BEM
- ES6
Vanilla JS component
I'm creating a number of elements using Vanilla JavaScript. They will use :
In order to put these elements together more efficiently, I have put together a small framework, from which I will fork.
It lies at https://github.com/guitarbeerchocolate/vanilla-js-component
- HTML5
- SASS
- CSS grid
- BEM
- Media queries
- ES6
In order to put these elements together more efficiently, I have put together a small framework, from which I will fork.
It lies at https://github.com/guitarbeerchocolate/vanilla-js-component
Labels:
BEM,
CSS Grid,
ES6,
HTML5,
JavaScript,
media queries,
sass,
vanilla
Thursday, 10 May 2018
The 2018 Web Developer : Adding and using babel
Babel is a JavaScript compiler. It allows you to use modern JavaScript, then compiles it to a file which will work in all browsers.
To install it, use :
npm install -g babel-cli
To run it, change to the directory containing your JavaScript:
cd myApp
Then run a command like this:
npx babel custom.js -w -o script.js
custom.js is the file you are editing ans script.js is your output file. If you are using the -w (watch) parameter as above, the compilation will take place each time you save custom.js.
To install it, use :
npm install -g babel-cli
To run it, change to the directory containing your JavaScript:
cd myApp
Then run a command like this:
npx babel custom.js -w -o script.js
custom.js is the file you are editing ans script.js is your output file. If you are using the -w (watch) parameter as above, the compilation will take place each time you save custom.js.
Subscribe to:
Posts (Atom)