Convierte tu navegador en un bloc de notas

editor en mi navegador

Sabías que tu navegador se podría convertir en un bloc de notas con un simple comando en el ingreso de la URL:

copia y lo pega en el ingreso de la URL del navegador

data:text/html, <html contenteditable>

Aquí otro tip para tener el bloc de notas tipo “Linea de Comando” DOS.

editor en navegador

copia todo el contenido y lo pegas en el ingreso de la URL del navegador

Al terminar de escribir podrás guardarlo en formato htm.
Nota: Funciona en todos los navegadores menos en Internet Explorer.

Vía: iamnotagoodartist

Crea diseños en bootstrap de manera visual y sencilla con LayoutIt!

layoutit

La programación en Bootstrap nos ayuda acelerar los tiempos en diseño para cualquier proyecto siempre y cuando conozcamos las clases correctas para cada elemento. Aun así dependemos de un editor de programación. Pero se imaginan armar páginas web tan sólo arrastrando los elementos hacia una plantilla web y tener una vista real del diseño. Bueno esto es posible con layoutit.com, que nos da un servicio de edición visual y generar el código HTML, CSS y javascript automáticamente listo para bajarlo en un zipeado. Para empezar a utilizar este servicio sólo tienes que registrarte con un correo electrónico y password o con alguna cuenta de red social.


video
Crea diseños en bootstrap de manera visual y sencilla con LayoutIt!

Enlace: layoutIt!

Aprende HTML, CSS y Javascript con Dash

dash

Si quieres aprender a programar en HTML, CSS y Javascript totalmente gratis y sin instalar entornos de programación en tu PC, entonces entra a dash.generalassemb sólo con tu cuenta de Twitter, donde encontraras proyectos para desarrollar como “vamos a crear nuestro primero sitio web”, “vamos a diseñar un tema de un blog que se adapte a dispositivos móviles”, “creemos una web para un pequeño negocio” o “construyamos un robot con css”. Por ahora está enfocado más por el lado del cliente, esperemos que pronto incorporen lenguajes del lado del servidor.


video
Introducing General Assembly Dash

Enlace: Dash
Vía: wwwhatsnew

¿Cómo hacer un reloj digital con jQuery y CSS3?

reloj_digital_jquery_css3

Crea un lindo reloj digital con jQuery y CSS3, este reloj no necesita mucho código de HTML ya que los nombres de los días, semanas y los códigos de los dígitos se generan dinámicamente.
Por ejemplo la página debe tener lo siguiente:

index.html

<div id="clock" class="light">
	<div class="display">
		<div class="weekdays"></div>
		<div class="ampm"></div>
		<div class="alarm"></div>
		<div class="digits"></div>
	</div>
</div>

Eso es todo, el resto de los recursos esta en las clases creadas en CSS3.
así de fácil.

Demostración del reloj digital

Puedes ver los códigos y también descargarlos en:
tutorialzine.com