Hace ya un tiempo, hablamos por aquí acerca de Stylus y Jade. Pues hoy hablaremos un poco de node.js y socket.io, aunque creo que lo separaré en varios posts, porque es una explicación/investigación para empezar a entenderlos y/o manejarlos. La idea inicial era generar una comunicación dentro de una comunidad-web que estamos programando para un [...]
Nos gustó mucho la entrada de @david_bonilla titulada #weareatwar, y se podría resumir todo el post, en el que se incluye la declaración de guerra, con: Programamos. Diseñamos. Trabajamos. Que en sí misma parece insuficiente, pero que dice mucho más de lo que parece. Se trata de una declaración de guerra mediante la cual, el objetivo principal [...]
Pues sí, añadimos nuevo friki a nuestras filas. Se llama Tolo Rosselló, y pasará a llevar algunos de nuestros proyectos y a ayudarnos en otros nuevos, decidle “Hola” ;-) Lo conocimos dando clase en la Escuela Edib, donde impartimos el módulo de maquetación (html5, CSS3, JS, Frameworks, Dispositivos móviles, etc…) y el módulo de wordpress [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). La anterior entrega, Output, en esta… hablaremos sobre el elemento <audio>. Vamos pues como siempre a la descripción de audio en la documentación: An audio element represents a sound or audio stream. Content may be provided inside the audio element. User agents should not show this content to [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). La anterior entrega, Vídeo, en esta… hablaremos sobre el elemento <output>. Hace algunos posts, hablamos de tags específicos para formularios, pues bien, este es otro de ellos (y aún quedan algunos por salir), si podéis pegad un ojo a los anteriores posts con elementos de formularios, como fueron: [...]
Nuevo proyecto estrenado el 28 de diciembre, Solo Comedia, es un proyecto de Alberto Casado, Ángel Martín y Rober Bodegas en el que trabajamos hace unos meses. La idea, al menos a priori, es sencilla: Divertir a la gente, y de eso ellos saben un rato… Otro gallo cantaría si nos dieran el micro a nosotros ;-) [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). La anterior entrega, datalist, en esta… hablaremos algo más sobre html5, y hoy toca: <video>. Como sabéis, internet, además de crecer exponencialmente en contenido de vídeos, ha tenido un “representante” hasta la fecha… Sí, supongo que todos sabéis que Flash era (y en muchos casos aún sigue siendo) [...]
Script utilizando javascript: FormData(), FileReader() y acumulando los archivos para subir en un array desde el navegador. Además, un pequeño script php para subir el archivo al servidor. Ver ejemplo online HTML <form method=”post” enctype=”multipart/form-data” action=”upload.php”> <input type=”file” name=”imgs” id=”imgs” multiple /> </form> <div id=”ajax”></div> <div id=”imagenes”></div> JS var formdata = new FormData(); document.getElementById(“imgs”).addEventListener(“change”, function [...]
No podíamos ser menos… Embat os desea un feliz año entrante. Que el 2012 sea un poquito mejor que el 2011 y un poquito peor que el 2013 ;-) ¡Felicidades de todo el equipo! Deseamos dar las gracias a: Iván Caparrós (de Contenido SEO, porque sin él, Embat no sería lo que es, ni trabajar sería tan [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). La anterior entrega, input, range, en esta… hablaremos algo más sobre formularios, y hoy toca: <datalist>. Seguimos con las estradas relacionadas con elementos de formulario, que es donde más cambios hay dentro del html5, y donde más útiles son. En este caso veremos como la solución html5 [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). La anterior entrega, input, placeholder, email, url, date, autofocus, required, en esta… hablaremos algo más sobre el <input> con más novedades con el atributo type: “range“. Ya comentamos en el anterior mini post lo que significaba el tag <input>, y hoy hablaremos de otro de sus nuevos [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). La anterior entrega, mark y progress en html5, en esta… hablaremos sobre el <input> y las novedades en su atributo “type”. <input> como ya sabéis de HTML, es una etiqueta mediante la cual pasamos datos a través de un formulario <form>. Tranquilos porque seguiremos hablando de “type”… ya [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). La anterior entrega, figure y figcaption en html5, en esta… elemento/s <mark> y <progress> <mark> Representa una extensión de texto marcado o resaltado para fines de referencia. <progress> Dibuja una barra de progreso, como las típicas barras que te van indicando el tiempo que llevan ejecutándose y el que falta [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). La anterior entrega, hgroup en html5, en esta… elemento/s <figure> y <figcaption> <figure> está principalmente pensado para utilizar junto a <figcaption> y en resumen, es para diagramas, ilustraciones, fotos (sería perfecto, por ejemplo, para pedazos de código en blogs de programación ;-)). <figcaption> es opcional, y podemos ponerlo antes o después [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). La anterior entrega, footer en html5, en esta… elemento/s <hgroup> Este elemento no tiene excesivo secreto, si os fijáis en la documentación es simple y expeditiva, agrupar uno o más elementos de <h1> a <h6>, siempre que semánticamente valga la pena. Es más, no hay demasiadas webs que [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). La anterior entrega, aside en html5, en esta… elemento/s <footer> De la misma forma que ha sucedido con otros elementos, puede parecer que <footer> solo puede haber uno, pero no… Podemos utilizar este elemento en más lugares, por tanto puede haber más de uno. Como dice la [...]
Justo después de la entrada que hicimos el otro día, donde decíamos “Don’t be (too) evil“, y criticábamos la forma de actuar en algunos aspectos de Google (criticábamos desde un punto de vista de usuario, claro está), resulta que volvió a dar que hablar con el tema de la API de google Maps… Google es [...]
Siguiente entrada después de “Primeros pasos con VIM“, qué mejor forma que “Segundos pasos con VIM”, ¿no? ;-) En la anterior entrada vimos qué es VIM exactamente, y unos pocos comandos para empezar a movernos con él, en esta vamos a ir un poco más allá, con algunos comandos más avanzados. Cuidado porque como ya [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). La anterior entrega, nav en html5, en esta… elemento/s <aside> La etiqueta <aside> representa una sección de la página que tiene contenido relacionado con el lo que se suele colocar al lado de la web, y que se podría separar de este modo (creando esta etiqueta). En cristiano… ¿Cuántos de vosotros hacíais [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). La anterior entrega, article en html5, en esta… elemento/s <nav> La etiqueta <nav> está concebida para los menús de navegación. Es su cometido. Es una sección de la página en la que hay links agrupados, para navegar en la misma página, o hacia otras. La descripción en la documentación: The [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). La anterior entrega, section en html5, en esta… elemento/s <article> La etiqueta article es otro elemento más de “porción de información” dentro del nuevo entramado de html5, en el cual puede que os sorprenda (a los que empezáis en esto seguro) que dentro de ella, podemos almacenar más porciones [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). La anterior entrega, header en html5, en esta… elemento/s <section> Como ya comentamos antes, y seguiremos haciéndolo… la utilización de <div> (y demás elementos), sigue siendo lógica y normal, únicamente algunos divs que antes teníamos estandarizados de una forma lógica, ahora pasan a nombrarse de algún modo para mejorar la [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). Acordaos del avance del otro día en la sesión 2, que hablamos de doctype, html y head en html5, y a partir de ahí vamos a desarrollar <header> Como primer paso, comentar que así como hasta ahora siempre utilizamos divs, spans, etc, para colocar los elementos del diseño [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). En el anterior capítulo, hablábamos de la estructura básica en html5, hoy hablamos de Doctype, la etiqueta html y head: Empecemos por el principio, ¿qué es un doctype? Rápidamente: es la primera línea de nuestro documento, y es la encargada de comunicar al navegador que lee ese [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). Hoy hablamos de estructura básica con html5, en forma de antiguos, nuevos y modificados elementos (etiquetas), el anterior post, como sabéis, era para iniciaros en html5 rápidamente. Entonces… ¿todo cambia? No, no cambia todo, simplemente se añaden ciertos elementos para dar más sentido al tipado html, especialmente semántico, y como [...]
Entrada de la serie: Aprender html5 rápidamente (fast-html5). Si hay fast food, ¿por qué no una de fast html5 en la que Aprender html5 rápidamente (fast-html5) con entregas cortas y puntuales? Pues eso mismo me pregunté anoche, y dicho y hecho, aquí estamos con ello ;-) HTML5 Rápidamente, ¿qué es esto de html5? Pues realmente no [...]
Hasta aquí lo que ha dado de sí la encuesta, me gustó la experiencia de poder partir de resultados reales, todo un placer chic@s :-) Recordaros, que esta entrada viene seguida de la de “Resultados 1: FW CSS + FW JS + HTML5” y “Resultados 2: IDE + SO + lenguaje servidor + Control versiones“. Estos [...]
Continuamos con algunos resultados de la encuesta que hicimos el otro día, y con ellos, un poco de reflexión, a la que os animamos a que compartáis la vuestra, claro :-) Sistemas operativos preferidos No hay excesiva sorpresa por nuestra parte. Por nuestra parte “nos duele” que la opción “Me instalo lo que quiero. No [...]
Empezamos con algunos resultados de la encuesta que hicimos el otro día, y con ellos, un poco de reflexión, a la que os animamos a que compartáis la vuestra, claro :-) Framework CSS Este dato, reconozco que un poco sí nos ha sorprendido, a pesar de que nosotros mismos no utilizamos framework CSS, cuando [...]