Skip to content

Instantly share code, notes, and snippets.

View reymon359's full-sized avatar
🍊
eating

Ramón Morcillo reymon359

🍊
eating
View GitHub Profile
@reymon359
reymon359 / deploy-gh.sh
Created June 1, 2019 21:44 — forked from nicobytes/deploy-gh.sh
Deploy gh-pages ionic pwa
#!/bin/bash
git branch -D gh-pages
git push origin --delete gh-pages
git checkout -b gh-pages
ionic build --prod
find . -type d ! -path './www*' ! -path './.git*' ! -path '.' | xargs rm -rf
rm -r *.*
mv www/* .
rm -rf www
git add .
@reymon359
reymon359 / css-media-queries-cheat-sheet.css
Created February 18, 2020 05:53 — forked from bartholomej/css-media-queries-cheat-sheet.css
CSS Media Query Cheat Sheet (with Foundation)
/*------------------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480
1280-1024 - desktop (default grid)
1024-768 - tablet landscape
768-480 - tablet
480-less - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) { }
@media all and (min-width: 768px) and (max-width: 1024px) { }
@reymon359
reymon359 / loading.css
Created May 9, 2020 15:00 — forked from colbyfayock/loading.css
CSS Loading Animation
/**
* Loading Animation Snippet
*/
.loading {
color: transparent;
background: linear-gradient(100deg, #eceff1 30%, #f6f7f8 50%, #eceff1 70%);
background-size: 400%;
animation: loading 1.2s ease-in-out infinite;
}
@reymon359
reymon359 / osm_mapbox_gl_example.json
Created August 11, 2022 15:14 — forked from smellman/osm_mapbox_gl_example.json
Mapbox GL Style example using OpenStreetMap tile server
{
"version": 8,
"name": "Raster Tiles",
"glyphs": "https://smellman.github.io/creating_tiles_with_global_map_support_files/2015/mapbox_vector_tile_demo/demosites/fonts/{fontstack}/{range}.pbf",
"sprite": "https://smellman.github.io/creating_tiles_with_global_map_support_files/2015/mapbox_vector_tile_demo/demosites/maki-sprites/sprite",
"sources": {
"osm": {
"type": "raster",
"tiles": [
"https://a.tile.openstreetmap.org/{z}/{x}/{y}.png",