Blog
Publicado el 07/06/2018 por Sergio Monroy
El pasado 31 de mayo celebramos un nuevo meetup en Barcelona sobre HTML, CSS y JavaScript: More Perfect Than Celula: Programming with JS and CSS . Nuestro compañero nos habló sobre las buenas practicas de HTML, CSS y JS, tanto de las que t...
Publicado el 23/05/2018 por Sergio Monroy
En BABEL retomamos los meetups y… ¡esta vez con doblete!  El primero de ellos tendrá lugar en Barcelona , el día 31 de mayo , donde hablaremos de las buenas prácticas de HTML , CSS y JS, tanto de las que todos conocemos (y no siempre po...
Publicado el 14/01/2018 por Merce López
Los web components son el estándar que ya está definiendo el futuro del desarrollo web, y que ya estamos viendo en aplicaciones y plataformas, tanto en desktop como en móvil. Con ellos se puede hacer casi cualquier cosa hecha con  HTML, ...
Publicado el 05/12/2016 por Merce López
La experiencia de usuario es una de las cosas que más se debe cuidar en la creación de un proyecto web. La percepción final del usuario es clave para que éste se decida a comprar o a seguir navegando. Por ello y, para conseguir que la ex...
Publicado el 17/06/2016 por BABEL Creativa
¿Qué es IONIC? Framework open source basado en HTML5, CSS y JS para el desarrollo de aplicaciones híbridas. Está construida con Sass y optimizado con AngularJS. Trabaja bajo Apache Cordova. ¿Por qué usar IONIC? 1. Es sencil...
Publicado el 10/06/2016 por BABEL Creativa
Simplificando mucho y a modo de corta introducción, un par de conceptos útiles para entender este post: BEM  (Block, Element, Modifier): es una nomenclatura más estructurada del HTML y por tanto, del CSS. ITCSS  (Inverted Triangle CSS): es...
Publicado el 16/10/2015 por BABELCreativa
Esta semana os traigo muchos cosas interesantes y curiosas. Le podéis dedicar horas  y os aseguro que merecerá la pena. YUME  - UNSEEN MUSIC Esta  página nos permite volvernos compositores por un día . Se recomienda verlo en Chrome. Es h...
Publicado el 02/10/2015 por BABELCreativa
Cuándo te toca investigar durante muchas horas un tema que requiere código y más código, acabas exhausto. Si encuentras la respuesta fácilmente, te sientes poderoso. Pero si no das con ella tan rápidamente puedes: desesperarte, aburrirte, frustrar...
Publicado el 18/09/2015 por BABELCreativa
EL PODER DE LOS HIPERVÍNCULOS Los hipervínculos son los que hacen que Internet sea Internet: una red de conexiones, de conocimiento. Aunque últimamente se ha diluido su importancia, y por eso,  Murilo Mafra y Zeh Fernandes han decidido ren...
Publicado el 11/09/2015 por BABELCreativa
Todos lo sabemos, hay cosas que a la hora de maquetar NO tenemos que hacer... y las hacemos, las hacemos. Hacks, trucos que sacamos de debajo de la manga, márgenes negativos, propiedades dudosas, "!important". Así que ahora tenemos a nuestra...
Publicado el 04/09/2015 por BABELCreativa
Septiembre nos ha traído el recuerdo de que se acaba el verano, la jornada intensiva (para los afortunados que la hayan disfrutado)... pero para evitar que la tristeza nos sobrecoja, aquí un poco de inspiración "viernera". PARALLAX - STORY TELLI...
Publicado el 28/08/2015 por BABELCreativa
Me doy por vencida, ya lo digo claramente: Codepen es la clara inspiración de la curiosidad del viernes. He intentado resistirme, pero es imposible. Hay demasiado talento ahí suelto. Hoy de videojuegos (web) va la cosa. Ha llegado a mis oj...
Publicado el 21/08/2015 por BABELCreativa
Buenas a todos de nuevo, Ya hemos estado mucho tiempo de vacaciones y era hora de volver con algunas curiosidades. La más seria de las que he encontrado esta semana (y que quiero compartiros) es cómo hacer formas 3D con CSS , usando un edito...
Publicado el 05/06/2015 por BABELCreativa
En esta ocasión, no se trata de una tabla química, ni de una infografía, sino de un test en toda regla. ¿Cuánto sabes de CSS?   Tranquilos todos, que aquí nadie va a puntuarte, solo vas a poder repasar conceptos de CSS que igual ti...
Publicado el 03/02/2015 por BABELCreativa
Un plugin jQuery muy fácil de insertar y de customizar para hacer scrolls personalizados. Hay que descargarse los archivos:  https://github.com/malihu/malihu-custom-scrollbar-plugin/archive/master.zip - Añadir en el head el css jquery.mCust...
Publicado el 17/10/2014 por BABELCreativa
Ayer estuve buscando por internet una herramienta que de un formato "legible" a los ficheros css tipo ".min" (comprimida) y me encontré con este recurso, que funciona bastante bien y es muy rápido:  http://cssbeautify.com/ Espero que os si...
Publicado el 25/09/2014 por BABELCreativa
Nos ha pasado unas cuantas veces, a la hora de hacer el Cross-browsing de una web responsive, ver que los elementos "fixed" tienen un comportamiento raro en iPad I, II, iPhone, ... (si haces scroll, el elemento se mueve) Si queremos hacer un fo...
Publicado el 04/08/2014 por BABELCreativa
Aquí dejo un enlace con "loaders" creados con CSS. A partir de IE10, en los inferiores aparecerá la palabra "loading..." http://projects.lukehaas.me/css-loaders/
Publicado el 28/03/2014 por BABELCreativa
Cómo hacer una TABLA Responsive: 100% en HTML/CSS (css3) No funciona en IE7 (para eso sí que necesita JS: respond.js polyfill - aunque no es grave porque el IE7 se ve en pantallas grandes y no lee el código que va en los mediaqueries que h...
Publicado el 21/12/2013 por BABELCreativa
http://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
Publicado el 11/07/2013 por BABELCreativa
http://www.csslab.cl/categoria/css/
Publicado el 17/04/2013 por BABEL Creativa
Ahí va. Ya no tenéis escusa para un buen crossbrowsing http://www.racotecnic.com/2010/02/css-hacks-para-firefox-internet-explorer-chrome-opera-safari/
Publicado el 16/04/2013 por BABEL Creativa
Seguramente os ha pasado alguna vez...  Imaginaros una web estática, con cajas con una altura concreta, pero con contenidos extensos que no entran en la caja... ¿Qué hacer? ¡Fácil! Truncamos el texto a través del CSS (el texto se corta y apare...