Daniel Xutuc dahngeek

🖥️

Working on PWAs

Creating nation wide projects

dahngeek / media-queries.css

Created July 6, 2012 04:34 — forked from ivanmendoza/media-queries.css

Common media queries

	/* SMARTPHONES */
	@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

	}

	/* TABLETS */
	@media screen and (min-width: 481px) and (max-width: 1024px) {

	}
	/* DESKTOP */

dahngeek / index.html

Created October 8, 2012 00:51 — forked from anonymous/index.html

Custom radio buttons using CSS + CSS only changing backgrounds

	<input checked data-tooltip='r' class='test1' name='test' type='radio' />
	<input class='test2' data-tooltip='g' name='test' type='radio' />
	<input class='test3' data-tooltip='b' name='test' type='radio' />
	<div></div>

dahngeek / index.html

Created October 8, 2012 00:55

making use of css3 transform to create 'angled' navigation buttons

	<ul>
	<li><a href="">search</a></li><li><a href="">images</a></li><li><a href="">maps</a></li><li><a href="">play</a></li><li><a href="">youtube</a></li><li><a href="">news</a></li><li><a href="">mail</a></li><li><a href="">a really long one</a></li>
	</ul

dahngeek / index.html

Created October 8, 2012 00:57

A textbox that looks like a notepad! Forms are fun!

	<div id="wrapper">

	<form id="paper" method="get" action="">
	<div id="margin">Title: <input id="title" type="text" name="title"></div>
	<textarea placeholder="Enter something funny." id="text" name="text" rows="4" style="overflow: hidden; word-wrap: break-word; resize: none; height: 160px; "></textarea>
	<br>
	<input id="button" type="submit" value="Create">
	</form>

	</div>

dahngeek / gist:6384545

Created August 29, 2013 23:14

REcargar una pagina con jquery

dahngeek / dabblet.css

Created October 11, 2013 23:32

Medio cuadro foto medio cuadro triangulo

	/**
	* Medio cuadro foto medio cuadro triangulo
	*/
	body {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;}

	#triangulo {
	width: 0px;

dahngeek / gist:7106224

Created October 22, 2013 19:01

Mostrar digo.. aumentar el tamano de algo on hover

	<html>

	<head>



	<title>Mostrar algo al pasar el cursor</title>

dahngeek / gist:7667622

Created November 26, 2013 22:41

La busqueda de clases de jquery es un array y lo puedes buscar individualmente!

$($('#nav .menu')[1]).html('Hello');

dahngeek / gist:7667635

Created November 26, 2013 22:42

Hacer algo cada n segundos


	var timerId = setInterval(function() {
	// clo que quieres quie se ejecute cada n segundos
	}, 1000);
	// 1 second = 1000 milliseconds.


	//Cuando quieras que se detenga de realizarlo solo le das clear interval:
	clearInterval(timerId);

dahngeek / gist:7667647

Created November 26, 2013 22:43

Limpiar los floats hijos y asi el padre puede tener un alto del tamanio de sus hijos floats