Edición 2015 | OCTUWEB https://octuweb.com/2015/ El estado del arte del diseño y desarrollo web en español Sun, 04 Oct 2020 22:43:20 +0000 es hourly 1 ¡Engañemos al CSS! https://octuweb.com/enganemos-al-css/ https://octuweb.com/enganemos-al-css/#comments Wed, 30 Sep 2015 22:00:53 +0000 http://octuweb.com/?p=561 Este año he decidido no escribir sobre un tema concreto, sino hacer una lista de “trucos” que he ido recopilando a lo largo del año para hacer cosas que “supuestamente” no pueden hacerse o deberían hacerse de otro modo. Son soluciones me han hecho falta en algún momento y he tenido que “googlear” para encontrarlas. Si os ahorro algún que otro tiempo de “googleo”, ya merece la pena el artículo.

Ver artículo en Octuweb - ¡Engañemos al CSS!.

]]> https://octuweb.com/enganemos-al-css/feed/ 1 REST API y el futuro de los Themes en WordPress https://octuweb.com/rest-api-futuro-themes-wordpress/ https://octuweb.com/rest-api-futuro-themes-wordpress/#comments Thu, 01 Oct 2015 22:00:33 +0000 http://octuweb.com/?p=600 WordPress se está preparando para algo nuevo y excitante. La forma de trabajo, interacción y diseño con este CMS van a cambiar radicalmente y los themes son una de las piezas claves de esta revolución. Hablamos de la REST API. ¿Te lo vas a perder?

Ver artículo en Octuweb - REST API y el futuro de los Themes en WordPress.

]]> https://octuweb.com/rest-api-futuro-themes-wordpress/feed/ 1 Animando SVG con VelocityJS https://octuweb.com/animando-svg-velocityjs/ https://octuweb.com/animando-svg-velocityjs/#respond Sun, 04 Oct 2015 22:00:38 +0000 http://octuweb.com/?p=608 A la hora de animar SVG nos encontramos con el poco éxito de SMIL y las limitaciones de CSS3, pero nos queda toda la potencia de JavaScript. En este artículo vamos a ver VelocityJS, una de las librerías más potentes para animar SVG.

Ver artículo en Octuweb - Animando SVG con VelocityJS.

]]> https://octuweb.com/animando-svg-velocityjs/feed/ 0 Trabajar con CSS en el 2015 https://octuweb.com/trabajar-css-2015/ https://octuweb.com/trabajar-css-2015/#respond Mon, 05 Oct 2015 22:00:16 +0000 http://octuweb.com/?p=632 El CSS es un lenguaje de estilado de reglas sencillas pero parece que nos gusta complicarlo añadiéndole funcionalidades de programación o metodologías de automatización. ¿Por qué lo hacemos? ¿Está justificado? ¿Para crear CSS es necesario controlar, Less, Sass, Stylus, BEM, Smacss, OOCSS, Gulp, Grunt, postCSS, Autoprefixer...? Lo resolvemos.

Ver artículo en Octuweb - Trabajar con CSS en el 2015.

]]> https://octuweb.com/trabajar-css-2015/feed/ 0 Técnicas para Efectos y Animaciones CSS3 https://octuweb.com/tecnicas-efectos-y-animaciones-css3/ https://octuweb.com/tecnicas-efectos-y-animaciones-css3/#respond Tue, 06 Oct 2015 22:00:00 +0000 http://octuweb.com/?p=657 Para que los efectos y animaciones de tu web sorprendan a los usuarios tenemos que saber ocultarlos. En este artículo veremos 3 Técnicas de Camuflaje y un ejemplo de cada una de ellas. Esto servirá como modelo para otras formas de implementar animaciones.

Ver artículo en Octuweb - Técnicas para Efectos y Animaciones CSS3.

]]> https://octuweb.com/tecnicas-efectos-y-animaciones-css3/feed/ 0 Breve historia de un conflicto inexistente: Normalize vs Reset CSS https://octuweb.com/normalize-vs-reset-css/ https://octuweb.com/normalize-vs-reset-css/#respond Wed, 07 Oct 2015 22:00:06 +0000 http://octuweb.com/?p=675 El anhelo de todo diseñador, programador o viejo webmaster desde los tiempos de geocities, ha sido el homogeneizar los estilos de una web para todos los navegadores. Como respuesta a esa problemática surgieron iniciativas como reset y/o normalize.

Ver artículo en Octuweb - Breve historia de un conflicto inexistente: Normalize vs Reset CSS.

]]> https://octuweb.com/normalize-vs-reset-css/feed/ 0 Mails responsive, del papel a la pantalla https://octuweb.com/mails-responsive-del-papel-a-la-pantalla/ https://octuweb.com/mails-responsive-del-papel-a-la-pantalla/#respond Thu, 08 Oct 2015 22:00:32 +0000 http://octuweb.com/?p=683 En web hay pocas cosas peores que enfrentarte a un banner de flash o a la búsqueda de logos vectoriales. Si no cuentas al mail como una de ellas, agárrate los machos: ¡mails responsive! Desde el monstruo de Frankenstein no se ha visto atrocidad mayor. Vamos a ver como plantearlos.

Ver artículo en Octuweb - Mails responsive, del papel a la pantalla.

]]> https://octuweb.com/mails-responsive-del-papel-a-la-pantalla/feed/ 0 Cosas que deberías tener en cuenta si decides trabajar con WordPress https://octuweb.com/cosas-tener-en-cuenta-con-wordpress/ https://octuweb.com/cosas-tener-en-cuenta-con-wordpress/#respond Sun, 11 Oct 2015 22:00:56 +0000 http://octuweb.com/?p=710 Si estás leyendo esto posiblemente seas un diseñador, desarrollador, site-builder (ese perfil profesional que nos hemos sacado de la manga), SEO, escritor, usuario o lo que sea y trabajas con WordPress a diario -bien sea como herramienta de trabajo, como plataforma de publicación o sea cual sea el uso que le des a este gestor de contenidos.

Ver artículo en Octuweb - Cosas que deberías tener en cuenta si decides trabajar con WordPress.

]]> https://octuweb.com/cosas-tener-en-cuenta-con-wordpress/feed/ 0 Psicología del Color aplicada al Diseño Web https://octuweb.com/psicologia-color-aplicada-al-diseno-web/ https://octuweb.com/psicologia-color-aplicada-al-diseno-web/#respond Mon, 12 Oct 2015 22:00:59 +0000 http://octuweb.com/?p=728 Los colores forman parte de nuestra vida, de hecho a veces guían nuestras decisiones casi sin que nosotros nos demos cuenta. Cada uno de ellos transmite unos sentimientos, que pueden cambiar nuestra forma de actuar. Son muy poderosos, así que... ¿Estás preparad@ para usarlos en tu web?

Ver artículo en Octuweb - Psicología del Color aplicada al Diseño Web.

]]> https://octuweb.com/psicologia-color-aplicada-al-diseno-web/feed/ 0 Adiós bases de datos, construyendo sitios rápidos con Grav https://octuweb.com/construyendo-sitios-rapidos-con-grav/ https://octuweb.com/construyendo-sitios-rapidos-con-grav/#respond Tue, 13 Oct 2015 22:00:28 +0000 http://octuweb.com/?p=739 En los años que llevo diseñando y desarrollando proyectos web, la experiencia te hace ver que lo que has estado usando no siempre es la mejor solución para todo. A medida que empecé a trabajar en conjunto con Carlos me di cuenta que necesitábamos algo mas que WordPress o HTML plano para según que proyectos. Esos que necesitan agilidad pero, con el uso y el tiempo, una gestión de contenidos mínima.

Ver artículo en Octuweb - Adiós bases de datos, construyendo sitios rápidos con Grav.

]]> https://octuweb.com/construyendo-sitios-rapidos-con-grav/feed/ 0 Diseño atómico con SCSS + Blade https://octuweb.com/diseno-atomico-con-scss-blade/ https://octuweb.com/diseno-atomico-con-scss-blade/#respond Wed, 14 Oct 2015 22:00:38 +0000 http://octuweb.com/?p=754 El Atomic Design es un sistema que nos permite tener un lenguaje común entre los miembros del equipo de desarrollo web, así como hacer más evidentes las relaciones entre los distintos elementos que componen una página.

Ver artículo en Octuweb - Diseño atómico con SCSS + Blade.

]]> https://octuweb.com/diseno-atomico-con-scss-blade/feed/ 0 Aceptando lo inesperado https://octuweb.com/aceptando-lo-inesperado/ https://octuweb.com/aceptando-lo-inesperado/#respond Thu, 15 Oct 2015 22:00:17 +0000 http://octuweb.com/?p=736 Como profesionales de la web, es nuestro deber cubrir tantos casos de uso como sea posible. Veremos como conseguirlo de manera incremental, mejorando el proceso de desarrollo y aceptando cómo funcionan las tecnologías web.

Ver artículo en Octuweb - Aceptando lo inesperado.

]]> https://octuweb.com/aceptando-lo-inesperado/feed/ 0 Animando experiencias https://octuweb.com/animando-experiencias/ https://octuweb.com/animando-experiencias/#respond Sun, 18 Oct 2015 22:00:24 +0000 http://octuweb.com/?p=785 Este artículo acerca algunos conceptos teóricos a tener en cuenta a la hora de emplear la animación como otro elemento más dentro de la comunicación visual en el desarrollo de una interfaz.

Ver artículo en Octuweb - Animando experiencias.

]]> https://octuweb.com/animando-experiencias/feed/ 0 Introducción a PostCSS https://octuweb.com/introduccion-a-postcss/ https://octuweb.com/introduccion-a-postcss/#respond Mon, 19 Oct 2015 22:00:39 +0000 http://octuweb.com/?p=818 Sé lo que estás pensando: “Oh no, ahora que había aprendido Sass aparece otra herramienta más que tengo que aprender, esto nunca termina…” Pero tranquilo, no vine hasta Octuweb para decirte que tenés que cambiar tu forma de trabajar. Este artículo fue la excusa perfecta que encontré para investigar y curiosear sobre PostCSS. Te cuento lo que averigüé.

Ver artículo en Octuweb - Introducción a PostCSS.

]]> https://octuweb.com/introduccion-a-postcss/feed/ 0 ¿Debe un diseñador web saber programar? https://octuweb.com/debe-un-disenador-web-saber-programar/ https://octuweb.com/debe-un-disenador-web-saber-programar/#respond Tue, 20 Oct 2015 22:00:04 +0000 http://octuweb.com/?p=827 Detrás de esta simple pregunta hay mucha historia. La respuesta correcta podría acabar con la eterna lucha entre diseñadores y programadores, pero como es lógico, no hay una respuesta correcta.

Se han escrito miles y miles de palabras defendiendo el sí o el no. Vamos a por otras mil.

Ver artículo en Octuweb - ¿Debe un diseñador web saber programar?.

]]> https://octuweb.com/debe-un-disenador-web-saber-programar/feed/ 0 Newsletter basada en RSS con MailChimp https://octuweb.com/newsletter-rss-con-mailchimp/ https://octuweb.com/newsletter-rss-con-mailchimp/#comments Wed, 21 Oct 2015 22:00:48 +0000 http://octuweb.com/?p=833 Descubre cómo crear una Newsletter basada en RSS con MailChimp para enviar automáticamente emails a tus suscriptores y así atraer más tráfico a tu sitio web.

Ver artículo en Octuweb - Newsletter basada en RSS con MailChimp.

]]> https://octuweb.com/newsletter-rss-con-mailchimp/feed/ 1 Manipulando CSS con jQuery https://octuweb.com/manipulando-css-con-jquery/ https://octuweb.com/manipulando-css-con-jquery/#respond Thu, 22 Oct 2015 22:00:10 +0000 http://octuweb.com/?p=850 Es un orgullo participar por segundo año consecutivo en esta excelente idea que es Octuweb. Si el año pasado hablábamos de como maquetar una tabla en webs adaptativas, este año vamos un poco más allá y veremos como manipular nuestro CSS mediante uso de jQuery.

Ver artículo en Octuweb - Manipulando CSS con jQuery.

]]> https://octuweb.com/manipulando-css-con-jquery/feed/ 0 Receta: Trabajando con APIs (El tiempo en tu web) https://octuweb.com/trabajando-con-apis-el-tiempo-en-tu-web/ https://octuweb.com/trabajando-con-apis-el-tiempo-en-tu-web/#respond Sun, 25 Oct 2015 22:00:40 +0000 http://octuweb.com/?p=868 Nunca antes había sido tan fácil conectar nuestros sitios web o aplicaciones online con servicios de terceros gracias al auge de las APIs. En este mini tutorial echamos un vistazo completo al proceso de obtener datos de una API de información meteorológica: desde la conexión al procesado de los datos y su presentación en pantalla.

Ver artículo en Octuweb - Receta: Trabajando con APIs (El tiempo en tu web).

]]> https://octuweb.com/trabajando-con-apis-el-tiempo-en-tu-web/feed/ 0 Diseño del aprendizaje https://octuweb.com/diseno-del-aprendizaje/ https://octuweb.com/diseno-del-aprendizaje/#respond Mon, 26 Oct 2015 22:00:43 +0000 http://octuweb.com/?p=877 Cada aplicación es distinta y todos necesitamos cierto tiempo para acostumbrarnos a utilizarlas. De nosotros depende que las personas que manejen nuestras aplicaciones sean capaces de aprender de manera cómoda y transparente como sacarles todo el provecho.

Ver artículo en Octuweb - Diseño del aprendizaje.

]]> https://octuweb.com/diseno-del-aprendizaje/feed/ 0 ¿Se ha convertido la web en algo aburrido? https://octuweb.com/se-ha-convertido-la-web-en-algo-aburrido/ https://octuweb.com/se-ha-convertido-la-web-en-algo-aburrido/#respond Tue, 27 Oct 2015 22:00:45 +0000 http://octuweb.com/?p=892 Dejadme que os haga una confesión: estoy un poquito cansado de los temas recursivos que nos rodean y que aparecen una y otra vez para darle cierta vidilla a la polémica, a las generalidades y a la confrontación dialéctica virtual en definitiva. Permitid que comparta con vosotros algunos pensamientos. Necesitaría unas doce o trece revisiones más pero... ¡que sea lo que Dios quiera!

Ver artículo en Octuweb - ¿Se ha convertido la web en algo aburrido?.

]]> https://octuweb.com/se-ha-convertido-la-web-en-algo-aburrido/feed/ 0 Vigencia Planificada https://octuweb.com/vigencia-planificada/ https://octuweb.com/vigencia-planificada/#respond Wed, 28 Oct 2015 23:00:31 +0000 http://octuweb.com/?p=919 Nunca en la historia de la humanidad el hombre había tenido tanto acceso a la información y en frecuencias inimaginables. El tsunami de información actual lleva a que cada uno tome iniciativa si quiere mantenerse vigente.

Como consultor e investigador, he desarrollado técnicas y métodos que me permiten hacer código día-a-día y poder estar al tanto de lo nuevo que ronda el desarrollo web, la experiencia y el diseño. Quiero compartir mi experiencia para que más profesionales puedan mantenerse vigente en un mercado que cada día es más competitivo.

Ver artículo en Octuweb - Vigencia Planificada.

]]> https://octuweb.com/vigencia-planificada/feed/ 0 Yo de Affordance no sé nada, o ¿sí? https://octuweb.com/affordance/ https://octuweb.com/affordance/#respond Thu, 29 Oct 2015 22:00:03 +0000 http://octuweb.com/?p=922 Te ha pasado alguna vez… ¡confiesa! te has hecho el tonto con las manos en los bolsillos y has disimulado mirando hacia otro lado. Luego has pensado: “¿ de qué está hablando este hombre?” Affor… ¿qué? Pero en realidad te dedicas a diseñar “pantallitas”, te encanta el mundo digital y nunca te olvidas de tus usuarios. Si es así ya sabes de lo que estoy hablando o quizás cuando lo leas digas: “esto lo hago yo todos los días”.

Ver artículo en Octuweb - Yo de Affordance no sé nada, o ¿sí?.

]]> https://octuweb.com/affordance/feed/ 0