Jano Garcia janogarcia

CSS Coding Guidelines

Table of contents

Browser Support
Browser Testing
Preprocessor
Postprocessor
Length Units
Breakpoints

Email Coding Guidelines

Warning

These guidelines haven't been updated since 2016. Learn more…

Table of contents

TL;DR
Intro
Layout

Colors = {red, yellow, green, ..., n1}
Sizes = {small, medium, big, ..., n2}
Shapes = {round, soft, square, ..., n3}
Fills = {hollow, solid, gradient, ..., n4}

Cómo obtener todas las posibles combinaciones para las siguientes condiciones:

El tamaño mínimo de las combinaciones es 1 y el tamaño máximo n es igual al número total de grupos: mínimo 1 {red}, máximo 4 {red, small, round, hollow}
No se pueden repetir los elementos: {red, red} no es una combinación válida
Sólo puede haber un elemento de cada grupo: {red, yellow} no sería una combinación válida

Neutral viewpoint: TypeScript, CoffeeScript and ES6

http://es.slideshare.net/NeilGreen1/type-script-vs-coffeescript-vs-es6

Arguments against CoffeeScript

https://discuss.bevry.me/t/move-from-coffeescript-to-es6/30

Arguments for CoffeeScript

Para sitios corporativos uso WP Engine, aunque no estén libres de DDoS puntuales.

Para proyectos personales uso una combinación de plugins, a poder ser con CloudFlare por encima:

Security

BruteProtect: stopping distributed brute force attacks
Sucuri: security hardening
WP Security Audit Log or Simple History: audit log

Reverse Manifesto

A list of company-related stuff—mission, core values, and culture—that I research before considering applying to a job.

Sure, it’s nearly impossible to find a company that will satisfy every single point, but it helps me at least in finding better matches against my personal preferences and values.

The list doesn’t follow any specific order.

Smart and inspiring leaders (CEO, founders), over megalomaniacs and tyrants
Driven by a good and meaningful mission/cause, over greed (betting/casinos, scammy cryptos...)

Markdown backup of ‟Why white looks bigger than black — The irradiation illusion” article by Gonçalo Dias, originally published in UX Collective.

Contents recovered from Internet Archive. Note: You’ll need to hit the escape key before it ends loading and executing the scripts, or it will lead to an error page.
Original URL: https://uxdesign.cc/why-white-looks-bigger-than-black-the-irradiation-illusion-935dc634bb42

Why white looks bigger than black — The irradiation illusion

The unknown optical illusion every designer should know

	// Live demo: paste this gist's code on http://less2css.org/

	@start: left;
	@end: right;

	@base-space-0: 0;
	@base-space-1: 1rem;
	@base-space-2: 2rem;
	@base-space-3: 3rem;

	<!DOCTYPE html>
	<html dir="ltr" lang="en-US">
	<head>

	<!-- utf-8 works for most cases -->
	<meta charset="utf-8">

	<!-- Forcing initial-scale shouldn't be necessary -->
	<meta name="viewport" content="width=device-width">

	include ../mixins/util

	#mailtoui-modal.mailtoui-modal(style="display: none;" aria-hidden="true")
	.mailtoui-modal-content
	.mailtoui-modal-head
	#mailtoui-modal-title.mailtoui-modal-title Send email to…
	a#mailtoui-modal-close.mailtoui-modal-close(title="Close" aria-label="Close" href="#")
	+svg('delete')
	.mailtoui-modal-body
	#mailtoui-copy.mailtoui-copy