Media  //  Blog
Publicado el 11/12/2014 por BABELCreativa
Videotutoriales suuuuper chulos de distintas disciplinas: https://www.video2brain.com/es/ Curso de pago de Less y Sass: https://www.video2brain.com/es/cursos/css-con-less-y-sass
Publicado el 04/12/2014 por BABELCreativa
Cosas que pueden hacerse sólo con html y CSS1 y 2, sin js ni CSS3.   http://www.cssblog.es/los-4- nuevos-increibles-efectos-css- de-roman-cortes/
Publicado el 03/12/2014 por BABELCreativa
Hoy os presento una herramienta que suelo utilizar para trabajar en casa y que me sirve para contar el tiempo exacto que dedico a cada proyectop y así luego facturar al cliente por horas. Como aquí se lleva tan exhaustivamente todo el tema de ho...
Publicado el 27/11/2014 por BABEL
https://github.com/stowball/jQuery-rwdImageMaps Muy interesante y útil! Lo hemos implementado en Orange, y funciona muy bien. Podéis ver un ejemplo aquí. He dejado una copia del código en \\@RECURSOS@JQUERYMapear imagenes RWD Para implement...
Publicado el 26/11/2014 por BABELCreativa
Interesante enlace que ofrece diferentes carruseles resposive, con varias opciones: http://owlgraphic.com/owlcarousel/index.html   La opción que más me gusta es que permite configurar el número de elementos a mostrar en función de la...
Publicado el 26/11/2014 por BABEL
http://statcounter.com/
Publicado el 25/11/2014 por BABELCreativa
El otro día me surgió una duda, había que maquetar una especie de agenda semanal donde aparecieran tantos eventos como el usuario quiera. Pensando en la opción móvil, se me ocurrió customizar el típico carrusel para que se vieran todos los even...
Publicado el 20/11/2014 por BABEL
Parece que la mejor opción para insertar una imágen de fondo a tamaño completo, sin que se deforme y siendo compatible con las versiones más antiguas de nuestros navegadores, pasa por utilizar Javascript y CSS http://www.nosolocss.com/blog/di...
Publicado el 19/11/2014 por BABELCreativa
Enlace súper interesante, una guía heurística para evaluar la usabilidad de una web. Está dividida por secciones y orientada en base a preguntas prácticas y directas, nos vendrá muy bien a la hora de evaluar la usabilidad de una aplicación o d...
Publicado el 19/11/2014 por BABELCreativa
 Mockingbird, Cacoo, Balsamiq... Hay herramientas gratuitas descargables y otras online. http://mashable.com/2010/07/ 15/wireframing-tools/ http://www.tripwiremagazine. com/2010/04/15-best- wireframing-tools-for- designers.html
Publicado el 21/10/2014 por BABELCreativa
¡¡Vamos a eliminar otro quebradero de cabeza!! Como bien sabemos, y aunque hasta ahora no habíamos empezado a ponerlo en práctica, a la hora de hacer una maqueta RWD, la recomendación es seguir las pautas "Mobile First", que indican que lo m...
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 16/10/2014 por BABELCreativa
En ocasiones compartimos el contenido de nuestra web en redes sociales como Facebook. Cuando lo hacemos queremos que aparezca la imagen principal, el texto de la entrada y el título de la página, pero en ocasiones esto no es así.   Para que ap...
Publicado el 16/10/2014 por BABELCreativa
  La etiqueta de vídeo es una de las funciones de HTML5 que suscitan más interés. Esta etiqueta se suele presentar como alternativa a Flash para el contenido multimedia, pero tiene más aplicaciones. Aunque recientemente se ha incorporado al rest...
Publicado el 08/10/2014 por BABEL
Unas librerias de iconos gratuitas: ICONSHOCK
Publicado el 08/10/2014 por BABELCreativa
Este pequeño código de jquery puede servirnos para adaptar el tamaño vertical de un contenedor proporcionalmente al tamaño de la ventana. Puede usarse para forzar que el footer se quede abajo del todo en páginas cortas o para centrar un elemento v...
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 15/09/2014 por BABEL
 Por qué implementar imágenes svg en nuestras maquetaciones. http://www.dinvaders.com/ventajas-de-implementar-imagenes-svg-en-nuestro-sitio-web/
Publicado el 09/09/2014 por BABEL
Maquetar por defecto para mobile e ir machacando estilos en la css con resoluciones mayores. http://www.dispersium.es/disenar-para-mobile-first-errores-a-aevitar/
Publicado el 09/09/2014 por BABEL
Más mobile first, culturilla. http://www.silocreativo.com/2014/01/mobile-firts-diseno-web-para-el-futuro/
Publicado el 04/09/2014 por BABEL
Haciendo la comunidad responsive me he encontrado con un problema para Ipad, y es que me reemplazaba los input por los input por defecto de Mac al parecer (también pasa con los select). He encontrado una página que explica perfectamente lo que ha...
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 24/06/2014 por BABELCreativa
Podemos recolocar capas usando jquery, colocándolas antes o después de la capa que queramos. Os dejo un enlace donde se habla de esto: api.jquery.com/insertbefore/ Ejemplo: Tenemos el siguiente código HTML:     Greetings   ...
Publicado el 24/06/2014 por BABEL
Tenemos en nuestra carpeta compartida de @Recursos un jquery que ya tiene implementada la funcionalidad que se muestra en el siguiente enlace: http://www.paulund.co.uk/playground/demo/jquery_scroll_to_top/ Al hacer scroll en una página aparece ...
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...
...11 12 13