glosik
/ example.component.ts
Created
February 5, 2021 19:21
— forked from ckimrie/example.component.ts
Example on how to achieve RxJS observable caching and storage in Angular 2+. Ideal for storing Http requests client side for offline usage.
This file contains 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
| import { Component, OnInit, OnDestroy } from '@angular/core'; | |
| import {Http} from "@angular/http"; | |
| import { LocalCacheService } from "./local-cache.service"; | |
| @Component({ | |
| selector: 'app-example', | |
| templateUrl: './app.component.html', | |
| styleUrls: ['./app.component.scss'] | |
| }) | |
| export class ExampleComponent implements OnInit, OnDestroy { |
This file contains 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
| * { background-color: rgba(255,0,0,.2); } | |
| * * { background-color: rgba(0,255,0,.2); } | |
| * * * { background-color: rgba(0,0,255,.2); } | |
| * * * * { background-color: rgba(255,0,255,.2); } | |
| * * * * * { background-color: rgba(0,255,255,.2); } | |
| * * * * * * { background-color: rgba(255,255,0,.2); } | |
| * * * * * * * { background-color: rgba(255,0,0,.2); } | |
| * * * * * * * * { background-color: rgba(0,255,0,.2); } | |
| * * * * * * * * * { background-color: rgba(0,0,255,.2); } |
This file contains 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
| height: 100%; | |
| min-height: 100%; | |
| min-width: 100%; | |
| width: 100%; |
This file contains 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
| https://developers.google.com/speed/docs/insights/OptimizeImages | |
| convert puzzle.jpg -sampling-factor 4:2:0 -strip -quality 85 -interlace JPEG -colorspace RGB puzzle_converted.jpg |
glosik
/ _mixins.scss
Created
August 29, 2017 15:33
— forked from garyharan/_mixins.scss
Useful scss mixins (rounded corners, gradients, text-field, button)
This file contains 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 box-shadow($top, $left, $blur, $color, $inset: false) { | |
| @if $inset { | |
| -webkit-box-shadow:inset $top $left $blur $color; | |
| -moz-box-shadow:inset $top $left $blur $color; | |
| box-shadow:inset $top $left $blur $color; | |
| } @else { | |
| -webkit-box-shadow: $top $left $blur $color; | |
| -moz-box-shadow: $top $left $blur $color; | |
| box-shadow: $top $left $blur $color; | |
| } |
This file contains 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
| { | |
| "@context": "http://schema.org/", | |
| "persons":[ | |
| { | |
| "@type": "Person", | |
| "name": "Jaew Dor", | |
| "jobTitle": "Deog" | |
| }, | |
| { | |
| "@type": "Person", |
This file contains 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
| <script type="application/ld+json"> | |
| { | |
| "@context": "http://schema.org", | |
| "@type": "Organization", | |
| "address": | |
| [ | |
| { | |
| "@type": "PostalAddress" | |
| }, | |
| { |
This file contains 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
| app.directive('ngBindAttrs', function() { | |
| return function(scope, element, attrs) { | |
| scope.$watch(attrs.ngBindAttrs, function(value) { | |
| angular.forEach(value, function(value, key) { | |
| attrs.$set(key, value); | |
| }) | |
| }, true) | |
| } | |
| }); |
This file contains 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
| angular.module('malibuApp').directive('imageRatio', function () { | |
| - return { | |
| - restrict: 'A', | |
| - link: function (scope, elem, attr) { | |
| - elem.on('load', function () { | |
| - var w = this.naturalWidth, | |
| - h = this.naturalHeight; | |
| - if (h > w) { | |
| - $(this).addClass('portrait'); | |
| - } else { |
This file contains 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
| var head = document.getElementsByTagName('head')[0]; | |
| // Save the original method | |
| var insertBefore = head.insertBefore; | |
| // Replace it! | |
| head.insertBefore = function (newElement, referenceElement) { | |
| if (newElement.href && newElement.href.indexOf('https://fonts.googleapis.com/css?family=Roboto') === 0) { |
NewerOlder