Skip to content

Instantly share code, notes, and snippets.

@salazarr-js
salazarr-js / tailwind-preflight.css
Created January 24, 2023 13:07
Tailwind preflight
/* ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com */
*,
::before,
::after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb;
content: '';
@salazarr-js
salazarr-js / playwright.ts
Last active November 17, 2022 17:58
Playwright lib hook
import { chromium, LaunchOptions } from 'playwright'
import type { Browser, BrowserContext, Page } from 'playwright'
/** */
type UsePlaywrightCallback = (opt: { browser: Browser, ctx: BrowserContext, page: Page }) => Promise<void>
/** Expose a `playwright` browser, context and page to a callback that automatically close after finishing */
export async function usePlaywright(cb: UsePlaywrightCallback): Promise<void> {
@salazarr-js
salazarr-js / README.md
Created May 16, 2022 20:55
NodeJs + Typescript
@salazarr-js
salazarr-js / README.md
Last active August 26, 2022 22:28
Windi/Tailwind scss

Windi/Tailwind scss

List of useful Windi/Tailwind variables and utils ready to use.

Colors

Just import in your .scss file

@use "./colors" as *;
@salazarr-js
salazarr-js / app.component.html
Last active February 1, 2020 23:36
NGXS: Reactive Counter
<header class="counter-header">
<h2>NGXS: Reactive Counter</h2>
</header>
<main class="counter-container">
<h2 class="counter-number">The button has been clicked <b>{{ counter }}</b> times</h2>
</main>
<button class="counter-button" (click)="increment()"></button>
@salazarr-js
salazarr-js / readme.md
Last active December 7, 2018 05:17
Flutter Knowledge
@salazarr-js
salazarr-js / example.html
Last active March 26, 2018 16:09
Swipe Remove Directive for Ionic 3.9.2 - Angular 5.0.3
<ion-content padding>
<h3 ion-text color="primary" text-center>Swipe remove directive</h3>
<ion-list>
<button ion-item *ngFor="let item of items; let i=index" (click)="onClick(item)" (swipe-remove)="removeItem($event, i)">
<ion-thumbnail item-start>
<img src="http://placehold.it/100">
</ion-thumbnail>
<h2>My Neighbor Totoro</h2>
<p>Hayao Miyazaki • 1988</p>
@salazarr-js
salazarr-js / 1_README.md
Last active October 18, 2023 17:39
Validaciones avanzadas y personalizadas de formularios en Ionic 3 y Angular 4

Validaciones avanzadas y personalizadas de formularios en Ionic 3 y Angular 4

Los formularios son la piedra angular de nuestra aplicaciones, ya sean de escritorio, moviles o web, esto equivale a una interaccion entre el usuario y nuestra aplicacion, independiente de su fin, es la manera idónea con la que el usuario se puede comunicar con nuestra aplicacion.

Por consiguiente es de vital importancia validar la informacion que el usuario introduce en nuestros formularios, para evitar o prevenir posibles errores con dicha informacion. De igual manera es una excelente practica de experiencia de usuario, mostrarle o informarle al usuario que esta introduciendo un dato incorrecto o que se espera algun tipo de respuesta diferente.

Actualmente en Angular existen dos modos de validar los formularios, por modelo y por template, este ejemplo es por template o plantilla, puedes revisar el siguiente tutorial para aplicar tus validaciones en el modelo.

Los siguientes pasos son para ilustrar una maner