yoelnacho

import { Pipe, PipeTransform } from '@angular/core';

import moment from 'moment';

@Pipe({
    name: 'moment'
})
export class MomentPipe implements PipeTransform {
    transform(value: moment.Moment, format: string) {
        if (!moment.isMoment(value))

yoelnacho

path: string = "assets/images/";

let noimage = `${ path }no_avatar.svg`;

// Devuelve -> "assets/images/no_avatar.svg"

yoelnacho

<p><strong>Importantes: </strong><span *ngIf="postsFilter">{{ postsFilter.length }}</span></p>

  <ion-list>
    <ion-item no-padding *ngFor="let post of posts">
        <!-- {{ post.description }} -->
        <span *ngFor="let item of post.tags">#{{ item.name }} </span>
    </ion-item>
  </ion-list>

yoelnacho

urlArtista:string = "https://api.spotify.com/v1/artists";

getArtista( id:string ){

    let query = `/${ id }`;
    let url = this.urlArtista + query;
    
    return this.http.get( url )
            .map( res =>{
                console.log( res.json()  );

yoelnacho

import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer  } from '@angular/platform-browser';


@Pipe({
  name: 'domseguro'
})
export class DomseguroPipe implements PipeTransform {

  constructor( private domSanitizer:DomSanitizer ){ }

yoelnacho

<img [src]="artist.images | sinfoto">

yoelnacho

/* Animaciones */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fast {
  -webkit-animation-duration: 0.3s;

yoelnacho

// ----
// Sass (v3.4.0)
// Compass (v1.0.0)
// ----

// ===================================================================
// Compressesd mixins - just to save you from scrolling :)
// ===================================================================
$_current_breakpoint_key:'';@mixin media($breakpointkeys...){@each $key,$value in $breakpointkeys{$_current_breakpoint_key:$key!global;@media #{map-get($breakpoints,$key)}{@content}$_current_breakpoint_key:''!global}};@mixin extends(){@content;@each $key,$value in $breakpoints{@include media($key){@content}}}@mixin new-extend($name){%#{$_current_breakpoint_key+$name}{@content}}@mixin extend($name){&{@extend %#{$_current_breakpoint_key+$name}}}

yoelnacho

document.documentElement.addEventListener('touchmove', function (event) {
    event.preventDefault();
}, false);

yoelnacho

%title
  data-useragent
%h1
  Si lo ves en color verde, estás en IE10. 
  %br
  Si lo ves en color azul, estás en IE11.