Hoy en día el flujo de trabajo para desarrollo Web se ha vuelto muy complejo, se usan muchos lenguajes, herramientas, compiladores, plugins, widgets, gestores de contenido, lenguajes front-end, lenguajes back-end, controladores de versiones, etc.. Pelearse cada vez con todo esto es muy tedioso, así que poco a poco vas adaptando o evolucionando tu marco de …
Desarrollo frontend
Acabo de probar IE en Mac con el acceso remoto que ofrece Microsoft. Lo tienen montado bajo Azure y el servicio esta enfocado principalmente a los desarrollamos web, ahorrándonos el trabajo de instalar Windows o configurar una máquina virtual. Para probarlo nos creamos una cuenta (para Microsoft) en Remote ModernIE, luego nos bajamos la app …
He pasado por varias herramientas centradas en el responsive para probar en diferentes dispositivos, pero al final me quedo usando lo que tengo más a mano (supongo que por rapidez). Safari + Develop Nada como probar el responsive de un sitio web directamente en los dispositivos reales para los que estemos desarrollando. Para esto me …
Vaya «title» me acabo de marcar! 😀 Los usuarios de Apple suele tener actualizado su sistema operativo, tanto de escritorio MacOS como de dispositivos móviles iOS. Supongo que su facilidad en los procesos de actualización tiene mucho que ver en ello. Por suerte la compi @chavalina tenía todavía su iPad con iOS6 y pudo reportarme …
Cada vez son más los themes o frameworks para WordPress que aparecen en las comunidades de desarrollo, y es que ya hay entorno a 60 millones de sitios webs creados bajo este gestor de contenidos. Así que una buena base capaz de agilizar el diseño y desarrollo se convierte en algo imprescindible a día de …
Como es la segunda vez que me pasa, lo pongo en mi particular baúl de los recuerdos. Algunos estilos de base en bootstrap.css entran en conflicto con las imágenes de los controles que aparecen del google maps que insertemos en la misma web, teniendo como resultado la ilustración anterior. Empezamos por identificar el mapa que …
Voy a intentar sentar por escrito algunas ideas sobre lo el responsive web design, donde entran en juego: Mobile first Enhanced progressive Media queries Flexible grid Images
Vuelvo con un tema recurrente y que siempre levanta mucho debate en la comunidad Web. Surge a raíz del artículo Why We Shouldn’t Make Separate Mobile Websites sobre el Responsive Web Design – RWD (diseño web sensible). La pregunta básica es: ¿Diseñamos una Web única, o realizamos dos versiones (una de escritorio y otra móvil)?
Abrir enlaces externos en nueva ventana añadiendo class external y _blank target al vuelo con jQuery
Hace tiempo (2009 y como pasa de rápido…) hablábamos de esto mismo en _blank, rel=”external” y una solución jQuery para abrir enlace en nueva ventana. Ahora traigo una revisión del snippet con esa misma funcionalidad pero un poco más completa y optimziada. Código jQuery jQuery(document).ready(function($) { //open external links in new window $(‘a:not([href^=»https://aurea.es»]):not([href^=»#»]):not([href^=»/»])’).addClass(‘external’); $(‘a[class=»external»]’).click(function(){ $(this).attr(‘target’,’_blank’); …
Cuando necesitamos incluir un objeto HTML externo incrustado en una página podemos recurrir al tag IFRAME. Si el objeto que necesitamos incrustar es un SWF se suele recurrir a OBJECT y EMBED. Antes de seguir, es bueno recordar la historia de los elementos IMG, EMBED y OBJECT.