Bibliografía: Web, mobile, UX, programación [WEB]

Última actualización: 2019/07/02 – 22:56.

Listado de libros, documentales y páginas web de referencia sobre web, mobile y programación.
Índice de Contenidos
  1. Libros
  2. Páginas web
  3. Audiovisuales

Bibliografía referenciada según normas APA.
Si la referencia se encontrara también en otra sección de la biblioteca, se indicaría al final con la abreviatura entre corchetes.
Al clicar sobre el título subrayado de una referencia se abrirá una nueva pestaña con información adicional sobre esta.
El icono book-icon significa que dicha referencia cuenta con un post dedicado en giveevig.
El icono ✓ significa que la referencia existe en mi biblioteca personal.

Libroslink

* * * *

Clasificación de la Biblioteca:

[ARF] Artes finales, impresión
[AUD] Audiovisual
[BAS] Conceptos básicos, historia
[COL] Color
[DIB] Dibujo, ilustración, lettering, caligrafía
[EMP] Empresariales, marketing
[FOT] Fotografía
[MAR] Identidad visual, marca
[MET] Metodología, proyección, productividad
[OBJ] Objeto, artesanía, industrial, packaging
[PSI] Psicología, sociología, antropología
[PUB] Publicidad, cartelismo
[SEM] Semiología, señalética, señalización
[TYP] Tipografía y diseño editorial
[WEB] Web, mobile, UX, programación
giveevig post fotografia diseño ruido ciencia

Underscores (starter theme for WordPress)

comenzando-a-trabajar-con-undescores_s-giveevig
Home de underscores, desde la cual generar la base de nuestro propio theme.
Índice de Contenidos
  1. ¿Qué es Underscores?

¿Qué es Underscores? link

Hi. I’m a starter theme called _s, or underscores, if you like. I’m a theme meant for hacking so don’t use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That’s what I’m here for.

My ultra-minimal CSS might make me look like theme tartare but that means less stuff to get in your way when you’re designing your awesome theme. Here are some of the other more interesting things you’ll find here …

* * * *

giveevig post fotografia diseño ruido ciencia

Juegos para mejorar tus habilidades como diseñador

[Última actualización: 2018/11/25, 00:07]

Foto de game-ioxapp-eye-test
Captura del juego de Game Ioxapp Eye test.
Índice de Contenidos
  1. Vectors
  2. Colors
  3. Typography

Vectors link

The Bézier Game

Foto de The Bézier Game

The Bézier Game es un juego con el que practicar nuestra habilidad con la herramienta pluma.

 

* * * *

Colors link

Ioxapp Eye Test

Foto de game-ioxapp-eye-test

Hay que clicar sobre el cuadrado de diferente color que los demás. Según avancemos de nivel habrá más cuadrados y con intensidades más parecidas, todo dentro de un límite de tiempo de 60 segundos.


Color IQ Test de PANTONE

Foto de Color IQ Test de PANTONE

Se trata de ordenar en cada linea los cuadrados de distintas tonalidades e intensidades. Cuando creamos haber terminado podemos darle a Score my test y ver nuestro resultado. Si es 0, es que lo hemos hecho perfecto.


Color Method Of Action

Foto de Color Method Of Action

Algo más complicado que los anteriores, en este caso tendremos que indicar en un círculo de color el color exacto que se nos está mostrando.

 

* * * *

Typographylink

Kern Type, The kerning game

Foto de Kern Type, The kerning game

Shape Type, The letter shaping game

Foto de Shape Type, The letter shaping game

ilovetypography.com game

Foto de ilovetypography.com game

30 fuentes tipográficas que tendremos que identificar una a una entre distintas opciones. ¿Cuántas eres capaz de averiguar?


typewar.com game

Foto de type-game-typewar game

Un glifo y dos opciones. Sigue acertando para avanzar de nivel. El juego te va dando datos de cuántas personas acertaron y fallaron cada respuesta.


Helvarial quiz

Foto de Ironic Sans: helvarial quiz

¿Sabes distinguir entre Helvetica y Arial? En este caso tendremos que distinguir la marca gráfica correcta entre dos propuestas: una con Arial y la otra con Helvetica.


Name That Font quiz

Foto de Name That Font quiz

Bastante más complejo que los anteriores, tendremos que identificar diferentes fuentes introduciendo su nombre (nada de elegir entre varias opciones).

giveevig post fotografia diseño ruido ciencia

Estructura básica de un archivo HTML con llamada a CSS

Resultado al ejecutar el archivo HTML
Resultado al ejecutar el archivo HTML. / GIVEEVIG

Archivo HTML

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>giveevig html example</title>
<link href="nombre-archivo-css.css" rel="stylesheet" type="text/css">
</head>

<body>
<header class="header-class"><h1>Título en cabecera</h1></header>
<main>
<div class="class-example">
<p>Always
<br>Give it all!</p>
</div>
</main>
<footer class="footer-class">Contenido en el pie</footer>
</body>

</html>

Archivo CSS

html {font-size: 20px;}

body {
	margin: 0 auto;
	width: 50%;
	background-color: #eee;
}

.header-class {color: chocolate;}

.class-example {
	font-size: 1.25em;
	padding: 1em 2em;
}

.footer-class {font-size: .75rem;}

.footer-class a {
	color: #6B990A;
	border-bottom: 0.08em solid rgba(0, 0, 0, 0.1);
	text-decoration: none;
}
.footer-class a:hover {color: #93bf38;}

Copia-pega el código superior en un editor de texto o descárgate el siguiente .rar con los dos archivos ya listos para empezar 😀

Descarga

giveevig post fotografia diseño ruido ciencia

Se inaugura la exposición «Picasso. El viaje del ‘Guernica'»

Hasta el día de hoy, miércoles 25, podrá verse en Gernika-Lumo la exposición que nos descubre los múltiples viajes que, durante más de 40 años y por todo el mundo, realizó la archiconocida obra de Pablo Picasso «Guernica». Un recorrido que se inicia en 1937 en un taller parisino y que finaliza en 1992 en el Museo Reina Sofía de Madrid. Y es que desde entonces, el cuadro del malagueño no volvió a ser transportado, alegando (no exentos de polémica) vagos argumentos sobre su delicado estado de conservación.
picasso-el-viaje-del-Guernica-cartel-Gernika-Lumo-2017
Carteles de la exposición en las calles de Gernika-Lumo. / GIVEEVIG
Creado originalmente para la Exposición Internacional de París de 1937 como elemento de propaganda en favor de la II. República Española, el «Guernica» ha servido, durante los años, para dar voz a pueblos y colectivos víctimas de enfrentamientos armados, conviertiéndose así en un emblema de paz.

La exposición (Obra Social La Caixa, en colaboración con el Museo Nacional Centro de Arte Reina Sofía) incluye audiovisuales, reproducciones de fotografías, carteles, dibujos… y otros tipos de materiales inéditos hasta la fecha. Desde el dia 31 de octubre hasta el 30 de noviembre se trasladará a Gasteiz y posteriormente al resto del estado durante los próximos años.

Hasta hoy en el Pasileku de Gernika, en el horario que se puede ver en el díptico. También se dan visitas guiadas en ciertos horarios, gratuitas al igual que la entrada.

Para saber más:

Dos trailers forman la sala de 200 m², situada en el Pasileku de Gernika-Lumo
Dos trailers forman la sala de 200 m², situada en el Pasileku de Gernika-Lumo. / GIVEEVIG
picasso-el-viaje-del-Guernica-diptico-exposicion-2017-gernika-lumo
Díptico de la exposición ‘Picasso. El Viaje del «Guernica»’ – Octubre 2017. [Ampliar] / GIVEEVIG
Carteles en la sección 'Un grito en la calle' de la exposición
Carteles en la sección «Un grito en la calle» de la exposición. / GIVEEVIG
How to look at the mural Guernica
How to look at the mural Guernica. [Ampliar] / GIVEEVIG
giveevig post fotografia diseño ruido ciencia

Laurie Lipton, viviendo en una hoja de papel

[Original text: YouTube video]

Film by Eric Minh Swenson. Produced by AC Projects.

Laurie Lipton was born in New York and began drawing at the age of four. She was the first person to graduate from Carnegie-Mellon University in Pennsylvania with a Fine Arts Degree in Drawing (with honours). She has lived in Holland, Belgium, Germany,France and London and has recently moved back to the States after 35 years abroad. Her work has been exhibited extensively throughout Europe and the USA.

Drawing It Out, reportaje sobre Laurie Lipton.

Lipton was inspired by the religious paintings of the Flemish School. Unfortunately she went to university when Conceptual Art was all the rage & no one could teach her how to paint like an early Renaissance Master. She tried to teach herself from books and failed. While traveling around Europe in her 20’s, she began developing her very own peculiar drawing technique building up tone with thousands of fine cross-hatching lines like an egg tempera painting. «It’s an insane way to draw», she says, «but the resulting detail and luminosity is worth the amount of effort».

Laurie is currently represented by the Ace Gallery, Los Angeles, and can be contacted through her website or Facebook page.

For more info on Eric Minh Swenson or project inquiries visit his website: www.thuvanarts.com.
You can also visit the art film series page at www.thuvanarts.com/take1

«Love Bite», the film link

Laurie Lipton Love Bite Poster
Love Bite: Laurie Lipton and her disturbing black & white drawings (poster).

Directed & Edited by James Scott.
Executive Producer Al Morrow.
Running Time: 34 minutes

Short Synopsis
No one on the planet has drawn more than Laurie Lipton.
With millions of tiny strokes of her humble pencil, Laurie’s haunted images seek answers to some of the most uncomfortable themes in our culture.
But what compels her to live a life of isolation drawing is neither black nor white.

Trailer and more about Love Bite:

Web oficial de Laurie Lipton:

Galleries link

Laurie Lipton viviendo en una hoja de papel
«Personal Effects (after Hokusai)». Charcoal & pencil on paper, 152,4 x 233,7 cm. [Ampliar] / ©LAURIE LIPTON, 2016.
©Laurie Lipton, 2005. «Family Reunion»
«Family Reunion». / ©LAURIE LIPTON, 2005.
©Laurie Lipton, 2002. «The Hags Embrace»
«The Hags Embrace». / ©LAURIE LIPTON, 2002.
©Laurie Lipton, 2006. «Prime Time»
«Prime Time». [Ampliar] / ©LAURIE LIPTON, 2006.
©Laurie Lipton, 2004. «Lady Death»
«Lady Death». [Ampliar] / ©LAURIE LIPTON, 2004.
©Laurie Lipton, 2013. «Wired»
«Wired». [Ampliar] / ©LAURIE LIPTON, 2013.
©Laurie Lipton, 2015. «Happy» (detail)
«Happy». / ©LAURIE LIPTON, 2015.
©Laurie Lipton, 2002. «Love Bite»
«Love Bite». [Ampliar] / ©LAURIE LIPTON, 2002.
giveevig post fotografia diseño ruido ciencia

Design Practices: los banners «sensibles» de Ikea

Se trata de unos banners que al ser clickados «preguntan» si hemos pulsado sobre ellos por error, antes de que nos redireccionen al destino o abran una nueva pestaña de nuestro navegador. Al parecer, un estudio asegura que la mayoría de los banners publicitarios son en realidad pulsados accidentalmente, generando en el usuario sentimientos de enfado y/o frustración (como no podía ser de otra forma).
Los banners 'sensibles' de Ikea
«Fat Thumb Syndrome»: ahora resulta que la culpa es de nuestros dedos gordos…
Dia a dia vemos casos de publicidad invadiendo nuestras pantallas, desplazando el contenido o colocándose sobre éste, con diminutas «x» que imposibilitan el cierre y la lectura. Estas prácticas son fatales para conseguir una óptima Experiencia de Usuario, ya que invitan constantemente al abandono.
Si un replanteamiento de la publicidad mostrada no se considerara viable, bien se podría establecer esta fórmula de feedback de confirmación en cualquier web interesada en que su contenido llegue sin obstáculos a los usuarios.

Åkestam Holst ha realizado este video para Ikea Sweden, en el que, según explican, «IKEA can help solve or improve all kinds of emotional everyday problems […] So why not show that even a banner can be perceptive? IKEA is where life happens, even when it’s a mistake.».
Además, también se aprecia un símil entre lo que es una navegación amena, y la tranquilidad que ofrece un hogar acogedor.

Anuncio «Fat Thumb Syndrome» de Ikea en Vimeo.
giveevig post fotografia diseño ruido ciencia