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
40 followers · 55 following
View GitHub Profile
@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 / _vsc-instructions-settings.md
Last active April 18, 2024 03:00
Settings of Visual Studio Code
@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 / folder-files.txt
Last active March 13, 2023 23:46
Commands Git
FOLDERS & FILES
---------------------------
-> Entrar dentro de un directorio
cd <nameFolder>
@beatrizsmerino
beatrizsmerino / svgMe-javascriptES5.js
Last active March 13, 2023 23:46
Function 'svgMe' with jquery and vanilla javascript. This function converts an `<img>` tag, with a `.svg` extention and a class `svgMe`, into a `<svg>` tag. Example: https://codepen.io/beatrizsmerino/pen/pooMYdw
/**
* @function svgMe
* @description Version with Vanilla Javascript ES5
* Converts an `<img>` tag, with a `.svg` extention and a class `svgMe`, into a `<svg>` tag.
* @return {object} Return the file svg
*/
function svgMe() {
console.info(
"%cSvgMe__javascriptES5",
"padding: 0.2rem 0.5rem; background-color: rgb(17, 176, 200); color: #fff;"
@beatrizsmerino
beatrizsmerino / verifyNum.js
Last active March 13, 2023 23:46
Verify if it is a number
function validation(num) {
if (num == "undefined" || num == null || num == "") {
console.log("Inserta un número.");
return 0;
} else {
if (isNaN(num) && num !== "") {
console.log("Ups... " + "'" + + num + "'" + " no es un número.");
return 1;
} else {
if (num % 1 == 0) {
@beatrizsmerino
beatrizsmerino / BrowserDetection.js
Last active March 13, 2023 23:45
Browser
function BrowserDetection() {
var browser;
if ((navigator.userAgent.indexOf("MSIE") != -1) || (!!document.documentMode == true)) {
browser = "IE";
} else if (navigator.userAgent.indexOf("Edge") != -1) {
browser = "Edge";
} else if (navigator.userAgent.indexOf("Chrome") != -1) {
browser = "Chrome";
} else if (navigator.userAgent.indexOf("Firefox") != -1) {
@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": [],
@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 / index.html
Created October 5, 2020 16:55
zYBOGBO
<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)" />