Laboratorio de Aplicaciones Gráficas

viernes, 17 de junio de 2016

Navegadores y desarrollo Web

Como hemos visto en clase, los navegadores actuales disponen de un conjunto de herramientas que nos pueden resultar de gran ayuda a la hora de analizar las páginas Web que visitamos. Podemos estudiar cómo están hechas, simular su visualización en diferentes resoluciones o dispositivos, o incluso experimentar editando el código y viendo los cambios en tiempo real.

Aquí dejo algunos enlaces con más información.

Firefox

Firefox Developer Tools

En Castellano

https://developer.mozilla.org/es/docs/Tools/GCLI

En Inglés

https://developer.mozilla.org/en-US/docs/Tools

*Vista 3D

https://developer.mozilla.org/en-US/docs/Tools/3D_View

Chrome

Chrome DevTools

En Castellano

https://support.google.com/dfp_premium/answer/4497389?hl=es

En Inglés

https://developer.chrome.com/devtools

viernes, 27 de mayo de 2016

Contenedor: xHTML + CSS

Ver más y hacer pruebas:
http://codepen.io/gonzalezgiraldo/pen/NrKVbj/?editors=1100

Contenedor: estructura de carpetas + xHTML

Estructura de carpetas y archivos

Ejemplo de archivo index.html

	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<meta name="Author" content="nom i congms de l'alumne">
	<meta name="Description" content="Activitats dels temes">
	<meta name="Curs" content="2014-2015">
	<title>Exemple: Treball Final LAG</title>
	<!--<link rel="icon" href="imagenes/pen.ico">-->
	<!--<link rel='stylesheet' href='css/estilos.css' type='text/css' />-->
	</head>

	<body>
	<div id="todo">
	<div id="cabecera">
	<h1>Assignatura: LABORATORI D'APLICACIONS GRÁFIQUES </h1>
	<h2>Alumne: COGNOMS, Nom </h2>
	<h3>NIUB: ubububub</h3>
	<h4>Grup: S1</h4>
	</div>

	<div id="menu">
	<ul id="menu1">
	<li><a href="ejercicios/tema_1/tema1.html" title="Ver trabajos Tema 1" id="tema1">Tema 1</a></li>
	<li><a href="ejercicios/tema_2/tema2.html" title="Ver trabajos Tema 2" id="tema2">Tema 2</a></li>
	<li><a href="ejercicios/tema_3/tema3.html" title="Ver trabajos Tema 3" id="tema3">Tema 3</a></li>
	<li><a href="ejercicios/tema_4/tema4.html" title="Ver trabajos Tema 4" id="tema4">Tema 4</a></li>
	<li><a href="valoracion/valora.html" title="Valoración" id="valoracion">Valora</a></li>
	</ul>
	</div>

	<div id="contenido">
	</div>

	</div>
	</body>
	</html>

view raw index.html hosted with ❤ by GitHub

Ejemplo en funcionamiento:
http://gonzalezgiraldo.github.io/s1-fulanito_gonzalez_cosme-w

Todos los archivos para descargar:
https://github.com/gonzalezgiraldo/s1-fulanito_gonzalez_cosme-w/tree/gh-pages

sábado, 14 de mayo de 2016

Type - Cycle | Typeface

http://www.marcelpiekarski.com/type-cycle/

martes, 10 de mayo de 2016

DRAW_RAW_GRAPHIC INTERCHANGE FORMAT

Sala d'Exposicions de la Facultat de BBAA
Del 10 al 20 de maig de 2016

Inauguració:
Dimarts 10 de maig a les 18:30h

Participants:

Isabel Boncompte Vilarrasa, Mich Cabou Chui Tam, LALAIA (Laia Domingo), Gemma Ibañez Canalda, Mónica Machín Peris, Ruben Moliner Motoso, Júlia Mose (Júlia Morey), Emilia Ortíz Herrero, Carlos Parra Villalba, Montserrat Pena Modia, Marta Pujol Badell i Luisa Segura Requena

Professores responsable:

Lídia Górriz, Montserrat López Páez

lunes, 9 de mayo de 2016

Iconos open source para nuestros proyectos

Estos son algunos sitios en los que encontraremos iconos gratuitos y con licencias abiertas para usar libremente. Disponibles para descargar en diversos formatos bitmap y vectorial como PNG, SVG, EPS, PDF o PSD.

Poder acceder a los archivos nativos es una gran ventaja. En el caso de los formatos vectoriales (al abrirlos con programas de edición como Adobe Illustrator, Inkscape, etc.) nos permite por ejemplo, visualizar los puntos de ancla y conocer cómo han sido dibujadas las figuras. Además, nos facilita experimentar y generar nuevas ideas manipulando las formas encontradas. O también, podemos simplemente adaptar los gráficos según las necesidades, cambiar color, tamaño, forma, resolución, etc. sin perder calidad en la imagen final.