• Stars
    star
    336
  • Rank 125,564 (Top 3 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created about 11 years ago
  • Updated 10 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🎹 To play piano using CSS and JavaScript

Piano Keyboard

To play piano using CSS and JavaScript

Netlify Status license GitHub contributors

This project uses Pug, Stylus and Webpack.

Getting Started

# install dependencies
$ npm i

# Run the project
$ npm start

With the commands above, you have everything to start.

Post CSS libs

For grid system uses Autoprefixer to make easy use browser prefixes, Lost with some help from, Rucksack for animations, reset and a lot of great mixins, Rupture for responsive utilities. And Font Magician to get the webfonts.

Code Standards

This project uses my own Coding Style as code reference.

To help you, this project has a npm run fix command to fix all eslint errors.

Tasks

  • npm start: run all tasks and initialize watch for changes and a server
  • npm run build: run all production tasks create a dist folder to deploy
  • npm run lint: lint javascript and css
  • npm run fix: command to fix all eslint errors

License

MIT License © Felipe Fialho

More Repositories

1

frontend-challenges

A public list of open-source challenges from companies around the world
13,883
star
2

awesome-made-by-brazilians

🇧🇷 A collection of amazing open source projects built by brazilian developers
1,516
star
3

css-components

☕ A set of common UI Components using just the power of CSS and without JavaScript.
HTML
693
star
4

frontend-tools

🚒 Useful tools to frontenders
474
star
5

frontend-feed

🇧🇷 Lista de blogs e sites úteis para frontenders
454
star
6

coding-style

[outdated/deprecated] My rules coding for HTML, CSS and JavaScript development
356
star
7

kratos-boilerplate

🔥 A simple boilerplate for creating statics PWA using Webpack, Pug, PostCSS and CSS Modules
JavaScript
311
star
8

felipefialho.com

😺 My personal website
JavaScript
268
star
9

felipefriends

[stopped 🚧] Instruções iniciais e desafios do @training-center
56
star
10

chess

A modern and light chess game developed with HTML, CSS and Javascript.
CSS
52
star
11

felipefialho

About me
46
star
12

dailylog

🚧 [PAUSED] Day after day
39
star
13

old-felipefialho.github.io

[deprecated] My personal website
HTML
30
star
14

grunt-boilerplate

Base files for use of Grunt
JavaScript
23
star
15

my-first-website-in-2007

My first experimental website made in 2007 😱
HTML
19
star
16

survey

Pesquisa salarial entre frontenders do Brasil
HTML
18
star
17

Website

[DEPRECATED] A new version is managed here
CoffeeScript
12
star
18

sublime.config

My packages and settings for SublimeText 3
Python
11
star
19

newsletter-boilerplate

A boilerplate for quick newsletters templates.
HTML
8
star
20

generator-kratos-boilerplate

Yeoman generator for Kratos Boilerplate.
JavaScript
7
star
21

1500-translator

[deprecated]
HTML
4
star
22

whatiwatchtoday

What I Watch Today?
2
star
23

talk-css-components-14-08-08

Apresentação da talk do CSS Meetup do dia 08/08/2014
JavaScript
2
star