Luiz Machado odahcam

title: Diálogos de carregamento com o fancyBox 3 author: Luiz Barni type: post date: 2017-09-24 image: https://i.ytimg.com/vi/djlx7xdwlpI/maxresdefault.jpg excerpt: Como utilizar os diálogos de carregamento do fancyBox 3 para melhorar a UX do seu site! categories:

JavaScript
UX e Design

Themas e layouts completos:

Manuais de otimização/performance:

Exemplos

Uso com reactive forms

new FormGroup({
    cpfManualLength: new FormControl('', [
        Validators.required,
        Validators.pattern(/^(\d{3}\.){2}\d{3}\-\d{2}$/),
        Validators.minLength(14), // digits + word characters

	var rAF = "equestAnimationFrame";

	window["r"+rAF] = window["r"+rAF] \|\|
	window["webkitR"+rAF] \|\|
	window["mozR"+rAF] \|\|
	window["msR"+rAF] \|\|
	window["oR"+rAF];


	// A list

	<?php

	include_once '../app/Mage.php';

	/**
	* @author odahcam
	*
	* @version 1.0.0
	*
	* @param {string\|int} $product_id

	<?php

	/**
	* @author Luiz Filipe Machado Barni <[email protected]>
	*
	* @version 0.2.0
	*/
	class ImageGD
	{
	public $image_src; // the source of the image

-DELETE p FROM persistences AS p
-LEFT JOIN users AS u
-  ON u.id = p.user_id
-WHERE u.id IS NULL

	import { Directive, Input, ElementRef } from '@angular/core';

	import { ScrollDispatcher, CdkScrollable } from '@angular/cdk/overlay';

	@Directive({
	selector: '[appParallax]'
	})
	export class ParallaxDirective {

	el: HTMLElement;

	function isFunction(functionToCheck) {
	var getType = {};
	return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
	}

	function getType(obj) {
	return ({}).toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase();
	}