Jano Garcia janogarcia

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

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...)

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

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

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

Email Coding Guidelines

Warning

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

Table of contents

TL;DR
Intro
Layout

	<body bgcolor=#223><center>
	<div style=font-size:45px><b>ℤ𝕫𝔽𝕏 - Zuper Zmall Zound Zynth</b></div>
	<div style=font-size:20px><i>A tiny tool for creating and playing sound effects with JavaScript</i></div>
	<div style=max-width:799px>
	<div style=font-size:20px>
	<input id=volume type=range min=0 max=1 step=.01 oninput='zzfxV=volume.value;volumeText.innerHTML=volume.value*100\|0'></input>
	Volume <span id=volumeText>30</span> %
	</div>
	<button onClick=zzfx(...[,,1675,,.06,.24,1,1.82,,,837,.06])>💰</button>
	<button onClick=zzfx(...[,,925,.04,.3,.6,1,.3,,6.27,-184,.09,.17])>🥊</button>

	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

	<!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">

	// 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;