Oriol Torrent Florensa orioltf

Instalar l'extensió jQuerify (https://chrome.google.com/webstore/detail/gbmifchmngifmadobkcpijhhldeeelkc). Veurem que hi ha una nova icona de fons blau fosc amb una figura piramidal roja.
Obrir una pàgina amb frames que vulguem fer resizable, com per exemple un forum d'una àula.
- Si la pàgina s'obre en un pop-up, cal tornar la nove finestra a la finestra principal. Es pot fer arrossegant la icona del costat de la url de la finestra nove a la barra de pestanyes de la finestra principal, per exemple entre dues pestanyes.
Clicar a sobre de la nova icona de l'extensió jQuerify
Activar les eines de desenvolupador. En Windows: F12, en MacOsX: Cmd+Alt+i
Activar la consola (Esc)
Enganxar-hi el codi de l'arxiu frame.js i prémer Enter.
Si no veieu els borders grisos a través dels quals poder re-escalar els frames, re-escaleu la finestra.
Ja es pot tancar la finestra d'eines de desenvolupador (amb la mateixa combinació de tecles del pas 4, per exemple)

	/**
	* CSS only visual rich section division
	*/
	body {
	background-color: #264e86;
	color: #fff;
	font-size: 2em;
	}
	#main {
	width: 90%;

	/**
	* Styling Button Links With CSS3
	* Credit: http://www.usabilitypost.com/2012/01/10/pressed-button-state-with-css3/
	*/
	/* Step 1: the button */
	.button-link {
	padding: 10px 15px;
	background: #4479BA;
	color: #FFF;
	text-decoration: none;

	/**
	* Chess pattern
	*/

	background: #252137;
	background:
	linear-gradient(135deg, transparent 75%, rgba(255, 255, 255, .4) 0%) 0 0,
	linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, .4) 0%) 15px 15px,
	linear-gradient(135deg, transparent 75%, rgba(255, 255, 255, .4) 0%) 15px 15px,
	linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, .4) 0%) 0 0,

	<!DOCTYPE html>
	<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
	<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
	<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
	<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>The simplest responsive slider</title>
	<meta name="description" content="">

	/**
	* Illustrating correct & wrong inner border-radius
	*/

	.outer {
	padding: 10px;
	margin: 50px;
	border: 1px solid silver;
	box-shadow: 0 0 10px gray;
	border-radius: 20px;

	/**
	* List with incremental numbering
	*/

	nav ol {
	list-style: none;
	counter-reset: olfirst; /* our father OL must have olfirst item reseted */
	}
	nav ol ol {
	counter-reset: olsecond; /* our sub OL's reset the olsecond, third must to be olthird and so on */

	<!-- To sanitize text or escape special characters (ampersand for instance), use the method h() -->

	<% link_to(h(url), url) %>
	<% link_to(h('Help & Support'), './help.html') %> <!-- OUTPUT: <a href="../help.html">Help & Support</a> -->


	<!-- Credit goes to Ville: http://apidock.com/rails/ActionView/Helpers/UrlHelper/link_to#418-Remember-to-sanitize-name -->