Skip to content

Instantly share code, notes, and snippets.

View rhythm-sharma's full-sized avatar
🎯
Focusing

Rhythm Sharma rhythm-sharma

🎯
Focusing
View GitHub Profile
...
const ESLintPlugin = require('eslint-webpack-plugin');
...
module: {
rules: [
...
{
test: /\.tsx$/,
@rhythm-sharma
rhythm-sharma / package.json
Last active March 29, 2021 12:36
Pre-commit hook with husky and lint-staged
...
"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
},
"lint-staged": {
"*.{js,jsx,tsx,json,md,css,scss}": [
"prettier --write",
"git add -A .",
@rhythm-sharma
rhythm-sharma / .prettierrc
Last active July 4, 2021 14:54
Configure prettier
{
"trailingComma": "es5",
"tabWidth": 4,
"semi": true,
"singleQuote": true,
"printWidth": 120,
"quoteProps": "preserve",
"arrowParens": "always"
}
@rhythm-sharma
rhythm-sharma / .eslintrc.json
Last active July 4, 2021 16:38
Configure eslint
{
"parserOptions": {
"ecmaVersion": 2020,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true,
"modules": true
}
},
"env": {
@rhythm-sharma
rhythm-sharma / index.html
Created January 13, 2019 06:24
Rotating 3D Slider
<div class="slider3d first">
<div class="slider3d__wrapper">
<div class="slider3d__inner">
<div class="slider3d__rotater">
<div class="slider3d__item">
<h2 class="slider3d__heading" data-text="SO HEADING">SO HEADING</h2>
</div>
<div class="slider3d__item">
<h2 class="slider3d__heading" data-text="MUCH ROTATION">MUCH ROTATION</h2>
</div>
@rhythm-sharma
rhythm-sharma / meta-tags.md
Created December 6, 2018 03:31 — forked from kevinSuttle/meta-tags.md
List of Usable HTML Meta and Link Tags

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta charset='UTF-8'>
<meta name='keywords' content='your, tags'>
<meta name='description' content='150 words'>
<meta name='subject' content='your website's subject'>
<meta name='copyright' content='company name'>