Carolina Vallejo carolina-vallejo
carolina-vallejo
/ ipad-portrait-landscape.scss
Last active
March 5, 2018 09:53
ipad portrait landscape query
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
| @mixin rsp_ipad_port { | |
| @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { | |
| @content; | |
| } | |
| } | |
| @mixin rsp_ipad-land { | |
| @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { | |
| @content; | |
| } | |
| } |
carolina-vallejo
/ cross-domain-chrome.txt
Last active
March 11, 2021 16:51
disable cross domain chrome window and MAC
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
| MAC: | |
| open /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir | |
| WINDOWS | |
| "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir="C:/ChromeDevSession" |
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
| // detect IE8 and above, and edge | |
| if (document.documentMode || /Edge/.test(navigator.userAgent)) { | |
| alert('Hello Microsoft User!'); | |
| } |
carolina-vallejo
/ custom-dotted-border.scss
Last active
January 26, 2018 13:25
customized dotted border css
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
| @mixin dotted($col,$w,$h) { | |
| background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, $col), color-stop(0%, rgba(255, 255, 255, 0))), | |
| -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0%, $col)), | |
| -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0%, $col)), | |
| -webkit-gradient(linear, left top, left bottom, color-stop(50%, $col), color-stop(0%, rgba(255, 255, 255, 0))); | |
| background-image: -webkit-linear-gradient(left, $col 50%, rgba(255, 255, 255, 0) 0%), | |
| -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, $col 0%), | |
| -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 50%, $col 0%), | |
| -webkit-linear-gradient(top, $col 50%, rgba(255, 255, 255, 0) 0%); | |
| background-image: -o-linear-gradient(left, $col 50%, rgba(255, 255, 255, 0) 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
| (function() { | |
| //-- external libraries leaflet.ajax.min.js, leaflet.markercluster.js | |
| L.Util.ajax('data/data.json').then(function(data) { | |
| var map = new SaforMap({ | |
| element: document.getElementById('map') | |
| }); | |
| map.draMarkers(data); | |
| }); |
carolina-vallejo
/ ui-selector.js
Last active
January 4, 2018 11:18
ui selector from list element in javascript
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 uiSelector($ulParent, $loader, $container) { | |
| var $activeItem = $ulParent.find('li:first-child'); | |
| if ($('#label-selector').length === 0) { | |
| $ulParent.before('<div id="label-selector">' + $activeItem.text() + '</div>'); | |
| $('#label-selector').on('click', function() { | |
| $ulParent.slideToggle(); |
carolina-vallejo
/ svg-button-animation.css
Created
December 30, 2017 07:42
#css svg button animation
carolina-vallejo
/ insert-float-text.js
Created
December 29, 2017 07:44
#javacsript insert floating frame with text in a body with multiple paragraphs
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 insertflotantes() { | |
| //--traer el num act de la noticia | |
| var elparent = $('#noticias-content-wrapper'); | |
| //---comprobar si hay flotantes | |
| var numflotants = elparent.find('.flotante').length; | |
| if (numflotants > 0) { |
carolina-vallejo
/ scroll-detector.js
Created
December 28, 2017 09:49
#javascript scroll detector waypoints.js
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
| $('.scrolldetector').each(function() { | |
| var $this = $(this); | |
| var waypoint = new Waypoint({ | |
| element: $this.get(), | |
| handler: function() { | |
| $this.addClass('animate'); | |
| }, | |
| offset: '70%' |