Frontend Vanilla Snippets
Description
Son porciones de codigo que puede usar.
Advertencia
!Son hecho con los usos diarios mios pero no estan creados con ninguna inspiracción de los paradigmas de escribir js, css y html
Snippets HTML
Todos los snippets actuales creados:
!Chtml
:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="$2" />
<title></title>
</head>
<body>
</body>
</html>
!Cheadings
:
<header>
<img src='' alt='' />
<h1></h1>
</header>
!Cmain
:
<main>
</main>
!Cfooter
:
<footer>
<h3></h3>
</footer>
!Clist
:
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
Snippets CSS
Todos los snippets actualmente creados
!Cflex-cc
:
div {
display: flex;
align-items: center;
justify-content: center;
}
!Cbody
:
body {
background: ;
font-family: ;
font-size: ;
color: ;
}
!Cgrid-12r-6r
:
* {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(6, 1fr);
}
Snippets JS
!Cimp1
:
import { } from ''
!Cimp2
import from ''
!Cconst1
:
const = document.getElementById()
!Cconst2
:
const = document.getElementsByClassName()
!Cconst2
const = document.querySellector()
!Cconstjson
:
const = [{}, {}]
!CaddEvLi
:
.addEventListener(' ', ()=>{})
!Carrow
:
( ) => { }
!Cfunc
:
function $1($2) {
}
!CfuncAlt}
let $1 = ($2) => {
}
Acerca de:
Author: CoreJS
Fecha de creación: 19/03/23
Verción: 1.0v
Youtube
Github