Carlos Rojas carlosrojaso

🎯

Focusing

Software Engineer

carlosrojaso / figure

Created May 12, 2014 06:58

figure

	<!DOCTYPE html>
	<html>
	<body>

	<p>The Pulpit Rock is a massive cliff 604 metres (1982 feet) above Lysefjorden, opposite the Kjerag plateau, in Forsand, Ryfylke, Norway. The top of the cliff is approximately 25 by 25 metres (82 by 82 feet) square and almost flat, and is a famous tourist attraction in Norway.</p>

	<figure>
	<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
	<figcaption>Fig.1 - The Pulpit Rock, Norway.</figcaption>
	</figure>

carlosrojaso / datalist

Created May 12, 2014 07:02

datalist

	<!DOCTYPE html>
	<html>
	<body>

	<form action="demo_form.asp" method="get">

	<input list="browsers" name="browser">
	<datalist id="browsers">
	<option value="Internet Explorer">
	<option value="Firefox">

carlosrojaso / autocomplete

Created May 12, 2014 07:03

autocomplete

	<!DOCTYPE html>
	<html>
	<body>

	<form action="demo_form.asp" autocomplete="on">
	First name:<input type="text" name="fname"><br>
	Last name: <input type="text" name="lname"><br>
	E-mail: <input type="email" name="email" autocomplete="off"><br>
	<input type="submit">
	</form>

carlosrojaso / autofocus

Created May 12, 2014 07:04

autofocus

	<!DOCTYPE html>
	<html>
	<body>

	<form action="demo_form.asp">
	First name:<input type="text" name="fname" autofocus><br>
	Last name: <input type="text" name="lname"><br>
	<input type="submit">
	</form>

carlosrojaso / canvas

Created May 12, 2014 07:08

canvas

	<!DOCTYPE html>
	<html>
	<body>

	<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
	Your browser does not support the HTML5 canvas tag.
	</canvas>

	</body>
	</html>

carlosrojaso / lineTo

Created May 12, 2014 07:09

lineTo

	<!DOCTYPE html>
	<html>
	<body>

	<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
	Your browser does not support the HTML5 canvas tag.</canvas>

	<script>

	var c=document.getElementById("myCanvas");

carlosrojaso / video

Created May 12, 2014 07:13

video

	<!DOCTYPE html>
	<html>
	<body>

	<button onclick="playVid()" type="button">Play Video</button>
	<button onclick="pauseVid()" type="button">Pause Video</button>
	<br>
	<video id="video1">
	<source src="mov_bbb.mp4" type="video/mp4">
	<source src="mov_bbb.ogg" type="video/ogg">

carlosrojaso / progress

Created May 12, 2014 07:21

progress

	<!DOCTYPE html>
	<html>
	<body>

	<video id="video1" controls="controls">
	<source src="mov_bbb.mp4" type="video/mp4">
	<source src="mov_bbb.ogg" type="video/ogg">
	Your browser does not support HTML5 video.
	</video>

carlosrojaso / geolocation

Created May 12, 2014 07:23

geolocation

	<!DOCTYPE html>
	<html>
	<body>
	<p id="demo">Click the button to get your coordinates:</p>
	<button onclick="getLocation()">Try It</button>
	<script>
	var x=document.getElementById("demo");
	function getLocation()
	{
	if (navigator.geolocation)

carlosrojaso / drag and drop

Created May 12, 2014 07:25

drag and drop

	<!DOCTYPE HTML>
	<html>
	<head>
	<style>
	#div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;}
	</style>
	<script>
	function allowDrop(ev)
	{
	ev.preventDefault();