Beatriz Sopeña Merino beatrizsmerino
🏠
beatrizsmerino
/ get-list-class-css.js
Created
July 29, 2020 11:15
Get list of Css class use in the HTML file
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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) { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| *, | |
| &:after, | |
| &:before { | |
| margin: 0; | |
| padding: 0; | |
| border-box: box-sizing; | |
| font-family: sans-serif; | |
| } | |
| html, body, div, span, applet, object, iframe, |
beatrizsmerino
/ _abstracts-mixins-variables-root.scss
Last active
May 15, 2020 08:43
How use a variable root css in scss
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ABSTRACTS - MIXINS | |
| // variables-root | |
| // ================================================= | |
| // Creation of the mixin: root-prop | |
| @mixin root-prop($prop: null, $value: null) { | |
| @if ($prop and $value) { | |
| #{$prop}: $value; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| FOLDERS & FILES | |
| --------------------------- | |
| -> Entrar dentro de un directorio | |
| cd <nameFolder> | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <title>Mi primer Service worker</title> | |
| </head> |
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
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * @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
/ cleanStorage.js
Created
December 26, 2019 23:38
Clean the browser storage to delete the POST variables from the forms and prevent them from being resent when clicking on the button again.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| if(window.history.replaceState){ | |
| window.history.replaceState(null, null, window.location.href); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
/ popup.js
Last active
October 22, 2019 16:26
Pop up inside the html to position it above all
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(document).ready(function () { | |
| // open popup | |
| $(".popup__button-open").on("click", function () { | |
| var $this = $(this), | |
| $thisPopUp = $this.closest(".swiper-slide").find('.popup'); | |
| $thisPopUp.clone().appendTo(".global-locations").addClass("is-view"); | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| window.addEventListener("click", function (e) { | |
| e.preventDefault(); | |
| console.dir(e.target); | |
| }); |