Skip to content

Instantly share code, notes, and snippets.

View beatrizsmerino's full-sized avatar
🏠
Working from home

Beatriz Sopeña Merino beatrizsmerino

🏠
Working from home
View GitHub Profile
@beatrizsmerino
beatrizsmerino / _vsc-instructions-shortcuts.md
Last active March 13, 2023 23:47
Shortcuts of Visual Studio Code

Atajos de teclado de Visual Studio Code (VSC)

Atajos útiles para navegar por menús de VSC

  • Abrir el menú del explorador de archivos y alternar foco entre el explorador y el archivo en el que estábamos
    • Con las teclas navegamos hacia arriba y hacia abajo entre el árbol de archivos y carpetas
    • Con las teclas entramos y salimos de los directorios.
    • Con la tecla espacio abrimos un archivo.

| Mac | Windows |

@beatrizsmerino
beatrizsmerino / _vsc-instructions-extensions.md
Last active June 4, 2024 05:36
Extensions of Visual Studio Code

Como exportar e instalar extensiones de Visual Studio Code (VSC)

Para generar el archivo extensions.json con las extensiones que tienes instaladas en Visual Studio Code, necesitas ejecutar los siguientes pasos:

1. Crear una lista de las extensiones instaladas en un archivo txt

Abre una Terminal y ejecuta el siguiente comando, para crear el archivo extensions.txt en la ubicación actual de la Terminal:

code --list-extensions > extensions.txt
@beatrizsmerino
beatrizsmerino / package.json
Last active December 2, 2021 13:32
Install dependencies globally and locally using package.json
{
"name": "git-commitlint",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"preinstall": "node ./bin/preinstall-global-packages.js",
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
<svg data-name="loader-cloud" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 267.6 168">
<title>loader-cloud</title>
<linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#3be0ec" />
<stop offset="100%" stop-color="#5eaefd" />
</linearGradient>
<path data-name="circle-1" d="M54.77,67.09A50,50,0,1,1,51,67c1.26,0,2.51,0,3.75.14" stroke="url(#gradient)" />
<path data-name="circle-2" d="M110.71,34.41a49.51,49.51,0,1,1-9.08-.84,49.51,49.51,0,0,1,9.08.84" stroke="url(#gradient)" />
<path data-name="circle-3" d="M110.71,34.4a65.45,65.45,0,1,1-8.37,32,65.42,65.42,0,0,1,8.37-32" stroke="url(#gradient)"/>
<path data-name="circle-4" d="M233.22,70.65A49.55,49.55,0,1,1,217.12,68a49.53,49.53,0,0,1,16.1,2.67" stroke="url(#gradient)" />
@beatrizsmerino
beatrizsmerino / components-sprites.js
Last active January 27, 2021 16:44
Insert file sprites.svg with the icons to the end of the all html files
/*
* COMPONENTS
* sprites
* =================================================
*/
/**
* @function printSprites
* @description Insert file sprites.svg with the icons to the end of the all html files
*/
@beatrizsmerino
beatrizsmerino / _tools-getClosest.js
Last active August 5, 2020 21:53
Function getClosest. Get the parent element with a specific selector
/**
* @function getClosest
* @description Get the parent element with a specific selector
* @param {Element} sonElement - Son node
* @param {String} parentSelector - Parent selector
* @returns {Element|null}
*/
function getClosest(sonElement, parentSelector) {
// Element.matches() polyfill
@beatrizsmerino
beatrizsmerino / get-list-class-css.js
Created July 29, 2020 11:15
Get list of Css class use in the HTML file
function getListClassCss() {
let list = [];
let selectorsAll = document.querySelectorAll("[class]");
selectorsAll.forEach((event) => {
let selectorClassAll = event.getAttribute("class").split(" ");
selectorClassAll.forEach(
(classCss) => {
if (classCss.length > 0 && list.indexOf(classCss) < 0) {
@beatrizsmerino
beatrizsmerino / reset.css
Last active June 4, 2020 14:01
Reset css
*,
&:after,
&:before {
margin: 0;
padding: 0;
border-box: box-sizing;
font-family: sans-serif;
}
html, body, div, span, applet, object, iframe,
@beatrizsmerino
beatrizsmerino / _abstracts-mixins-variables-root.scss
Last active May 15, 2020 08:43
How use a variable root css in scss
// ABSTRACTS - MIXINS
// variables-root
// =================================================
// Creation of the mixin: root-prop
@mixin root-prop($prop: null, $value: null) {
@if ($prop and $value) {
#{$prop}: $value;