Tools

Bibliografía: artes finales, impresión [ARF]

Posted on 2019/06/282020/01/08 by giveevig philosophy

Escrito por Iker Sesma Martínez.
Última actualización: 2020/01/08- 17:27.

Listado de libros, documentales y páginas web de referencia sobre artes finales e impresión.

Índice de Contenidos

Libros
Páginas web
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 significa que dicha referencia cuenta con un post dedicado en giveevig.
El icono ✓ significa que la referencia existe en mi biblioteca personal.

Libros

Ambrose, Gavin; Harris, Paul (2008). Formato. Barcelona, España: Parramón Ediciones. ✓
Hochuli, Jost; Kinross, Robin (2012). El diseño de libros: práctica y teoría. Barcelona, España: Editorial Campgràfic. [TYP]
Laura Sofie Hantke; Lucas Grassmann (2017). Una imprenta en la cocina. Aprende la técnica de la kitchen litho. Barcelona, España: Gustavo Gili.

* * * *

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

Bibliografía: audiovisual [AUD]

Posted on 2019/06/282020/01/07 by giveevig philosophy

Última actualización: 2020/01/07 – 09:56.

Listado de libros, documentales y páginas web de referencia sobre diseño audiovisual.

Libros

Colomer, Antoni; Ràfols, Rafael (2010). Diseño audiovisual. Barcelona, España: Gustavo Gili.

* * * *

Bibliografía: conceptos básicos, historia [BAS]

Posted on 2019/06/272020/01/07 by giveevig philosophy

Última actualización: 2020/01/07 – 10:18.

Listado de libros, documentales y páginas web de referencia sobre los conceptos básicos del diseño así como su historia.

Índice de Contenidos

Libros
Páginas web
Audiovisuales

Libros

Meggs, Philip y W. Purvis, Alston (2004). Historia del diseño gráfico. México: RM Verlag.
Munari, Bruno (2016). Diseño y comunicación visual. Barcelona, España: Gustavo Gili.

* * * *

Bibliografía: el color [COL]

Posted on 2019/06/252020/01/07 by giveevig philosophy

Última actualización: 2020/01/07 – 10:40.

Listado de libros, documentales y páginas web de referencia sobre el color.

Índice de Contenidos

Libros
Páginas web
Audiovisuales

Libros

* * * *

Bibliografía: dibujo, ilustración, lettering, caligrafía [DIB]

Posted on 2019/06/242020/01/17 by giveevig philosophy

Escrito por Iker Sesma Martínez.
Última actualización: 2020/01/17 – 19:31.

Listado de libros, documentales y páginas web de referencia sobre dibujo, ilustración, lettering y caligrafía.

Índice de Contenidos

Libros
Páginas web
Audiovisuales

Libros

Castro, Ivan (2017). El ABC del lettering. Barcelona, España: Editorial Campgràfic. ✓
Johnston, Edward (1917). Writing & illuminating & lettering. Kelly – University of Toronto. [TYP] ✓
López, Fidel (2015). Los secretos del lettering. ✓
Noordzij, Gerrit (2009). El trazo. Teoría de la escritura. Barcelona, España: Editorial Campgràfic. ✓

* * * *

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 Maquetación
[WEB] Web, mobile, UX, programación

Bibliografía: Empresa, marketing [EMP]

Posted on 2019/06/232020/01/07 by giveevig philosophy

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

Listado de libros, documentales y páginas web de referencia sobre empresariales y marketing.

Índice de Contenidos

Libros
Páginas web
Audiovisuales

Libros

* * * *

Bibliografía: identidad visual, marca [MAR]

Posted on 2019/06/192020/01/07 by giveevig philosophy

Última actualización: 2020/01/07 – 12:30.

Listado de libros, documentales y páginas web de referencia sobre marca e identidad visual.

Índice de Contenidos

Libros
Páginas web
Audiovisuales

Libros

Chaves, Norberto (2010). La imagen corporativa. Teoría y práctica de la identificación institucional. Barcelona, España: Gustavo Gili.
Costa, Joan (2004). La imagen de marca. Barcelona, España: Paidos Ibérica. [SEM]
Costa, Joan; Fontvila, Ignasi; Rabadán, Alberto; Culleré, Albert (2013). Los cinco pilares del branding. La anatomía de la marca. Barcelona, España: Costa Punto Com.
González Solas, Javier (2002). Identidad Visual Corporativa. La imagen de nuestro tiempo. Madrid, España: Editorial Síntesis. [SEM]
VVAA (2009). Logomania. Barcelona, España: Promopress.

* * * *

Bibliografía: metodología, proyección, productividad [MET]

Posted on 2019/06/182020/01/17 by giveevig philosophy

Escrito por Iker Sesma Martínez.
Última actualización: 2020/01/17- 09:27.

Listado de libros, documentales y páginas web de referencia sobre metodología, proyección y productividad.

Índice de Contenidos

Libros
Páginas web
Audiovisuales

Libros

Ambrose, Gavin; Harris, Paul (2010). Metología del diseño. Barcelona, España: Parramón Ediciones. ✓
Lupton, Ellen (2012). Intuición, acción, creación. Graphic design thinking. Barcelona, España: Gustavo Gili. ✓
Munari, Bruno (1983). ¿Cómo nacen los objetos?. Barcelona, España: Gustavo Gili. [OBJ] ✓
Papanek, Victor (1977). Diseñar para el mundo real. Madrid, España: H. Blume Ediciones. [OBJ] ✓

* * * *

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 maquetación
[WEB] Web, mobile, UX, programación

Bibliografía: objeto, artesanía, industrial, packaging [OBJ]

Posted on 2019/06/152020/01/08 by giveevig philosophy

Escrito por Iker Sesma Martínez.
Última actualización: 2020/01/08 – 11:27.

Listado de libros, documentales y páginas web de referencia sobre objetos, artesanía, diseño industrial y packaging.

Índice de Contenidos

Libros
Páginas web
Audiovisuales

Libros

Munari, Bruno (1983). ¿Cómo nacen los objetos?. Barcelona, España: Gustavo Gili. [MET] ✓
Neufert, Ernst (2013). El arte de proyectar en arquitectura. Barcelona, España: Gustavo Gili. [MET] ✓
Norman, Don (1990). La psicología de los objetos cotidianos. Madrid, España: Nerea. [PSI] ✓
Papanek, Victor (1977). Diseñar para el mundo real. Madrid, España: H. Blume Ediciones. [MET] ✓

* * * *

Bibliografía: psicología, sociología, antropología [PSI]

Posted on 2019/06/132020/01/08 by giveevig philosophy

Escrito por Iker Sesma Martínez.
Última actualización: 2020/01/08- 13:33.

Listado de libros, documentales y páginas web de referencia sobre psicología, sociología, antropología.

Índice de Contenidos

Libros
Páginas web
Audiovisuales

Libros

Neufert, Ernst (2013). El arte de proyectar en arquitectura. Barcelona, España: Gustavo Gili. [OBJ ✓]
Norman, Don (1990). La psicología de los objetos cotidianos. Madrid, España: Nerea. [OBJ] ✓

* * * *

Bibliografía: Publicidad, cartelismo [PUB]

Posted on 2019/06/112020/01/21 by giveevig philosophy

Escrito por Iker Sesma Martínez.
Última actualización: 2020/01/20- 11:04.

Listado de libros, documentales y páginas web de referencia sobre publicidad y cartelismo.

Índice de Contenidos

Libros
Páginas web
Audiovisuales

Libros

* * * *

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 maquetación
[WEB] Web, mobile, UX, programación

Bibliografía: semiótica, señalética, señalización [SEM]

Posted on 2019/04/182020/01/08 by giveevig philosophy

Escrito por Iker Sesma Martínez.
Última actualización: 2020/01/08- 12:33.

Listado de libros, documentales y páginas web de referencia sobre semiótica, señalética y señalización.

Índice de Contenidos

Libros
Páginas web
Audiovisuales

Libros

Bruce-Mitford, Miranda (1997). Enciclopedia de signos y símbolos. México: Editorial Diana. ✓
Costa, Joan (2003). Diseñar para los ojos. La Paz, Bolivia: Grupo Editorial Design.
Costa, Joan (2004). La imagen de marca. Barcelona, España: Paidos Ibérica. [MAR]
Costa, Joan (1989). Señalética. Barcelona, España: Ceac.
Costa, Joan (2007). Señalética corporativa. Madrid, España: Autor-Editor.
Eco, Umberto (1978). La estructura ausente, introducción a la semiótica. Barcelona, España: Editorial Lumen.
Eco, Umberto (1990). Semiótica y filosofía del lenguaje. Barcelona, España: Editorial Lumen.
Eco, Umberto (1976). Signo. Barcelona, España: Editorial Labor.
Eco, Umberto (2000). Tratado de semiótica general. Barcelona, España: Editorial Lumen.
Frutiger, Adrian (2007). Signos, símbolos, marcas, señales – Elementos, morfología, representación, significación – . Barcelona, España: Gustavo Gili. ✓
González Solas, Javier (2002). Identidad Visual Corporativa. La imagen de nuestro tiempo. Madrid, España: Editorial Síntesis. [MAR]
Laing, John; Wire, David (1996). Enciclopedia de signos y símbolos, Barcelona, España: Gustavo Gili.

* * * *

Bibliografía: tipografía y maquetación [TYP]

Posted on 2018/11/222020/01/17 by giveevig philosophy

Escrito por Iker Sesma Martínez.
Última actualización: 2020/01/17- 11:04.

Libros, documentales y páginas web de referencia sobre tipografía, diseño editorial, maquetación en general y arquitectura gráfica. Más un humilde muestrario de fuentes.

Índice de Contenidos

Libros
Páginas web
Audiovisuales
Muestrario

Libros

Aharonov, Jessica (2012). Psyco Typo. ✓
Ambrose, Gavin; Harris, Paul (2009). Fundamentos de la tipografía. Badalona, España: Editorial Parramón. ✓
Ambrose, Gavin; Harris, Paul (2007). Layout. Barcelona, España: Parramón Ediciones. ✓
Bringhurst, Robert (2014). Los elementos del estilo tipográfico (versión 4.0). México: editorial Fondo de Cultura Económica. ✓
Bringhurst, Robert (1997). The elements of typographic style. USA: Hartley & Marks. ✓
Caldwell, Cath; Zappaterra, Yolanda (2014). Diseño editorial, Periódicos y revistas / Medios impresos y digitales. Barcelona, España: Editorial Gustavo Gili.
Cheng, Karen (2006). Diseñar Tipografía. Barcelona, España: Editorial Gustavo Gili. ✓
Cheng, Karen (2019). Diseñar Tipografía. Málaga, España: Jardín de monos.
De Buen Unna, Jorge (2007). Diccionario de caracteres tipográficos. Gijón, España: Editorial Trea.
Elam, Kimberly (2006). Sistemas reticulares; Principios para organizar la tipografía. Barcelona, España: Editorial Gustavo Gili. ✓
Gordon, Bob (2009). 1000 fuentes tipográficas. Barcelona, España: Editorial Gustavo Gili. ✓
Hochuli, Jost; Kinross, Robin (2012). El diseño de libros: práctica y teoría. Barcelona, España: Editorial Campgràfic. [ARF]
Jardí, Enric (2019). Así se hace un libro. Barcelona, España: Arpa.
Jardí, Enric (2007). Veintidós consejos sobre tipografía. Barcelona, España: Actar.
Johnston, Edward (1917). Writing & illuminating & lettering. University of Toronto. [DIB] ✓
Kane, John (2012). Manual de tipografía. Barcelona, España: Editorial Gustavo Gili. ✓
Loxley, Simon (2009). La historia secreta de las letras. Barcelona, España: Editorial Campgràfic.
Lupton, Ellen (2004). Thinking with type. New York: Princetol Architectural Press. ✓
Martín Montesinos, José Luis; Mas, Montse (2017). Manual de tipografía. Del plomo a la era digital. Barcelona, España: Editorial Campgràfic. ✓
Marín Álvarez, Raquel (2013). Ortotipografía para diseñadores. Barcelona, España: Gustavo Gili. ✓
Müller-Brockmann, Josef (1982). Sistemas de retículas. Un manual para diseñadores gráficos. Barcelona, España: Gustavo Gili. ✓
Noordzij, Gerrit (2009). El trazo. Teoría de la escritura. Barcelona, España: Editorial Campgràfic. [DIB] ✓
Rodríguez Valero, Daniel (2016). Manual de Tipografía Digital. Barcelona, España: Editorial Campgràfic. ✓
Samara, Timothy (2004). Diseñar con y sin retícula. Barcelona, España: Editorial Gustavo Gili. ✓
White, Jan V. (2018). Diseño para la edición. Málaga, España: Jardín de monos. ✓
Zabala Ruiz, Roberto (1997). El libro y sus orillas. Ciudad de México, México: Dirección General de Publicaciones y Fomento Editorial, UNAM. ✓

—

Revista Gràffica nº 11 (2018). Especial Tipografía. ✓
Revista TipoGráfica (1987-2007). Todos los números online.

* * * *

Páginas web

andreubalius.com – Portfolio de Andreu Balius.
campgrafic.com – Editorial Campgràfic.
cuatrotipos.wordpress.com – Diseño periodístico y más.
donserifa.com de Pedro Arilla – Newsletter de Tipografía.
emtype.net – Independent type foundry established in 2002 by Eduardo Manso in Barcelona.
fontshop.com – The world´s best fonts for print, screen and web.
fontsinuse.com – Type at work in the real world.
fontsquirrel.com – Free Fonts! Legit Free & Quality.
fonts.google.com – Making the web more beautiful, fast, and open through great typography.
ilovetypography.com – (ILT) fonts, typefaces, the the lettering arts.
laurameseguer.com – Portfolio de Laura Meseguer.
es.letrag.com – Proyecto sobre tipografía de Oscar Otero.
letritas.info.
lipsum.com – Generador de texto de relleno.
myfonts.com – For print, products and screen.
quintatinta.com – Diseño gráfico y periodismo y cómo se diseñan las noticias (Blog de Diego Areso).
smashingmagazine.com (typography tag).
unostiposduros.com – Teoría y práctica de la tipografía.
tipoferits.com de Joan Pujagut Grau – Un lugar para amantes de las tipos.
tipografiadigital.net de Daniel Rodríguez – Tipografía, tipos de letras, fuentes y demás yerbas.
tipografies.com – Jordi Embodas.
tipopepel.com – La fonería tipográfica de Josep Patau.
typographica.org – Type Reviews, Books, Commentary.
typographystudies.com – Blog sobre tipografía de Elena.
typophile.com – Where designers connect.
typostrate.com – Typography and design blog.

* * * *

Audiovisuales

Abstract (temp.1, cap.6) | Paula Scher & Pentagram. [Vimeo]
The Joy of Fonts (Why Designers Get Excited About Type) | Karen Cheng. [Vimeo]
Introducción a la tipografía web (partes 1 y 2) | Daniel Rodríguez Valero. [YouTube]

* * * *

Muestrario

Baskerville – John Baskerville (~1750). info | uses
Bremen – Richard Lipton (1992). [~~uses~~]
Cloister Black – Joseph W. Phinney ¿? (>1904). [~~uses~~]
Liberty – Willard T. Sniffin (1927). [~~uses~~]
Medici Script – Hermann Zapf (1971). [~~uses~~]
Rockwell – Various (1934). [~~uses~~]
Sabon – Various (1967-1986). [~~uses~~]

* * * *

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 maquetación
[WEB] Web, mobile, UX, programación

Fonts In Use: una colección de usos tipográficos reales

Posted on 2018/11/212018/11/22 by giveevig philosophy

Fonts In Use es una web en la que encontrar una colección de usos tipográficos reales. Una buena herramienta para ver cómo puede llegar a quedar una fuente concreta o cómo combinarla con otras, además de la posibilidad de perderse navegando por su blog.

Home de la web Fonts In Use. / FONTS IN USE

fontsinuse.com

Examples

Ejemplos de uso de la Caslon. / FONTS IN USE

FONTS IN USE

FONTS IN USE

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

Posted on 2018/11/012020/01/07 by giveevig philosophy

Ú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

Libros
Páginas web
Audiovisuales

Libros

* * * *

Underscores (starter theme for WordPress)

Posted on 2018/10/262018/11/13 by giveevig philosophy

comenzando-a-trabajar-con-undescores_s-giveevig

Home de underscores, desde la cual generar la base de nuestro propio theme.

underscores.me

Índice de Contenidos

¿Qué es Underscores?

¿Qué es Underscores?

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 …

* * * *

Nº 11 de la revista Gràffica: Tipografía

Posted on 2018/10/252018/12/06 by giveevig philosophy

Nº 11 de la revista Gràffica con el catálogo tipográfico que incluye. / GIVEEVIG

Comprar en graffica.info

Frases

* * * *

Fotografías

GRÀFFICA

* * * *

Video

Pexels: free stock photos

Posted on 2018/10/242018/11/21 by giveevig philosophy

Portada de la web Pexels. / PEXELS

pexels.com

Examples

INVISIBLEPOWER (PEXELS.COM)

STAS KNOP (PEXELS.COM)

EMILIANO ARANO (PEXELS.COM)

Unsplash: free image & picture stock

Posted on 2018/10/242018/11/21 by giveevig philosophy

Portada de la web Unsplash. / UNSPLASH

unsplash.com

Examples

Silly Face. / FLORIAN VAN DUYN (UNSPLASH.COM)

Closeup of a wooden door at Mallorca photo by Dennis Rochel

Closeup of a wooden door at Mallorca. / DENNIS ROCHEL (UNSPLASH.COM)

unsplash-grass-water-drop-and-droplet-by-osman-rana-giveevig

Grass, water, drop and droplet. / OSMAN RANA (UNSPLASH.COM)

unsplash-Drone-view-aerial-view-field-and-grass-by-matt-seimour-giveevig

Drone view aerial view field and grass. / MATT SEYMOUR (UNSPLASH.COM)

unsplash-Smart-Phone-angle-photo-by-anomaly-giveevig

Smart Phone, angle photo. / ANOMALY (UNSPLASH.COM)

IcoMoon Free Icon Pack by Keyamoon (icomoon.io)

Posted on 2018/10/232018/11/06 by giveevig philosophy

Pack de iconos gratuito IcoMoon con licencia CC BY 4.0. / ICOMOON.IO

Descarga en icomoon.io

Juegos para mejorar tus habilidades como diseñador

Posted on 2018/10/142018/11/25 by giveevig philosophy

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

Captura del juego de Game Ioxapp Eye test.

Índice de Contenidos

Vectors
Colors
Typography

Vectors

The Bézier Game

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

bezier.method.ac

* * * *

Colors

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.

game.ioxapp.com/eye-test

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.

pantone.com (Color IQ Test)

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.

color.method.ac

* * * *

Typography

Kern Type, The kerning game

type.method.ac

Shape Type, The letter shaping game

shape.method.ac

ilovetypography.com game

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

ilovetypography.com/ifontgame

typewar.com 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.

typewar.com

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.

ironicsans.com/helvarialquiz

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

sporcle.com

Mock-ups para la presentación virtual de proyectos

Posted on 2018/10/132018/11/06 by giveevig philosophy

[Última actualización: 16/10/2018, 9:48]

Foto de Newspaper mock-up by Mat Devries

Newspaper mock-up. / MATT DEVRIES (BEHANCE)

Newspaper mock-ups

Foto de Newspaper Advert Eric Graphaddikt

Newspaper mock-up. / ERIC GRAPHADDIKT (BEHANCE)

Newspaper mock-up. / MATT DEVRIES (BEHANCE)

* * * *

Web con mock-ups, muchos gratuitos:

mockupworld.co

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

Posted on 2018/04/092018/11/15 by giveevig philosophy

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

Archivos HTML y CSS (.rar, 742 bytes)

Iker Sesma Martínez

Este post y el archivo .rar descargable cuentan con una licencia permisiva CC BY de Creative Commons; utiliza y comparte libremente, con respeto y cariño, haciendo referencia al autor.
Contacto: filosofiagiveevig[at]gmail.com

Banco de imágenes de giveevig para Diseño

Posted on 2017/01/292020/04/24 by giveevig philosophy

En giveevig.com hablo sobre todo de rock, pero también hay otros temas que me interesan mucho, como por ejemplo el Diseño. En la web ya existe la categoría Design, pero poco a poco iré dándole más caña con posts sobre técnicas, tendencias, trabajos para inspirarse y otros muchos asuntos.

He creado una cuenta en Flickr [giveevig.com images on Flickr], a modo de banco de fotografías e imágenes propias que pudieran ser útiles de cara al Diseño.
Particularmente, me suelo ayudar de la fotografía para elaborar mis trabajos, ya que prefiero crear un elemento que necesite antes que ponerme a buscarlo en la red. Esto pienso que es trabajo hecho, y por ello me ha parecido interesante ir recopilando una serie de texturas, patrones, repeticiones… de gran tamaño y además, muchos de ellos, en libre descarga. Confío en un uso responsable y se agradece reconocimiento, aunque no sea obligatorio.

A continuación muestro algunas de las primeras imágenes ya cargadas. Iré subiendo más, en flickr.com/photos/giveevig

Iker Sesma Martínez

Estas fotografías cuentan con distintas licencias permisivas de Creative Commons que se describen en los detalles de cada foto en Flickr.
Contacto: filosofiagiveevig[at]gmail.com

Yoast SEO para WordPress: Configuración y Guía Completa

Posted on 2015/12/292018/11/06 by giveevig philosophy

¿Cómo realizar una configuración completa de Yoast SEO? Vídeo de la charla de Andy García sobre el menú de configuración del plugin Yoast SEO para WordPress. Nos explica y detalla cada una de las pestañas del panel de configuración, aclarando algunos conceptos mientras cuenta trucos y secretos que puede que no conociéramos todavía.

Reescritura de los title y sus %%variables%%, indexar o no las etiquetas y categorías, analizar el feedback del sitemap creado y conocer su ratio, cómo hacer la transición de un plugin previo (por ejemplo, All in one SEO Pack) a Yoast… son algunos de los temas que se tratan y para los cuales Andy García nos indica el camino por el que podemos partir.

Para saberlo todo sobre este plugin, dos enlaces a modo de Biblia:

The Yoast SEO ~~Knowledgebase~~.
WordPress SEO – The definitive Guide.

Un último apunte: ¿Es el SEO suficiente para que un sitio funcione?
Interesante vídeo-hangout sobre el SEO: errores y soluciones.

Fotografía de libre descarga «Nueces y Avellanas»

Posted on 2015/12/192020/04/24 by giveevig philosophy

Fotografía Nueces y Avellanas para libre descarga.

Fotografía: giveevig.

Descarga

Descargar fotografía Nueces y Avellanas by giveevig (.jpg, 11 MB)

Iker Sesma Martínez

Esta fotografía cuenta con una licencia permisiva CC BY de Creative Commons; utiliza y comparte libremente, con respeto y cariño, haciendo referencia al autor.
Contacto: filosofiagiveevig[at]gmail.com

Cómo crear y editar pinceles en Adobe Photoshop

Posted on 2013/04/182018/12/06 by giveevig philosophy

Traemos una pequeña joya de la web Smashing Magazine, donde encontramos esta demo del libro Mastering Photoshop for Web Design (Julio de 2010). Este adelanto incluye el capítulo 4 al completo, que trata de los pinceles en Adobe Photoshop y el uso de la herramienta Photoshop en el Diseño Web. Ha sido escrito por Thomas Giannattasio.

Smashing Magazine

El libro al completo podemos encontrarlo a la venta en la librería de la propia web, entre otros muchos libros, por 4,99$.
A disfrutarlo.

Cómo crear y editar pinceles en Adobe Photoshop

Abrir ‘Chapter 4: Brushes'(2010) – Thomas Giannattasio (.pdf, 5 MB)