Artículos

20162

1
La llave inglesa y martillo de un diseñador UX/UI
03/10/2016

Hay una frase de Charles Darwin que define muy bien el momento que se vivió hace algunos años en el mundo del diseño web: «No es la más fuerte de las especies la que sobrevive y tampoco la más...

2
Esparta utilizaría Stylelint
04/10/2016

Esparta se diferencio del resto de ciudades estado griegas gracias a su particular visión de la educación que impartía a sus jóvenes. Así que ha llegado la hora de aplicar un poco de dureza y rectitud espartana a nuestra...

3
Animaciones entre páginas usando AngularJS + GSAP
05/10/2016

El objetivo es poder crear fácil y rápidamente una web usando AngularJS + GSAP con animaciones (de entrada y salida) al navegar entre las diferentes urls de la web y sin olvidarnos del lado el SEO más básico.

4
Responsive luminoso
06/10/2016

Hacer un sitio con buena usabilidad abarca muchas facetas, una de ellas es que sea cómodo y agradable de usarlo. Y algo que haría muy agradable la experiencia a cualquier usuario es no tener que desgastar la vista cuando...

5
La Web Brutal
07/10/2016

Existe una tendencia, denominada Brutalismo web, que pretende ser una respuesta a la frivolidad y la homogeneidad del diseño web actual, creando una relación con el Brutalismo arquitectónico. En un primer vistazo pueden parecer solo sitios con un diseño...

6
HTML5 Outline: una oportunidad ¿perdida?
10/10/2016

El W3C ha retocado recientemente la especificación de los encabezados (H1, H2...) en HTML5. Nos piden que no usemos el nuevo sistema de outline y sigamos usando el de HTML4, debido a que ningún navegador lo ha implementado. A...

7
Cómo ser un desarrollador web especializado en WordPress de éxito
11/10/2016

Son muchas las ramas profesionales que se han generado entorno a Internet; desde especialistas en gestión de redes sociales, diseñadores gráficos, desarrolladores, consultores, marketing… ¿Quieres saber qué necesitas para ser un desarrollador especializado en WordPress? Yo te lo explico, acompáñame...

8
Millones de internautas ven la web al revés
12/10/2016

La web con patrones rtl (right to left) es una realidad olvidada y mal implementada dentro del mundo del diseño web. Este artículo arroja algunos datos interesantes sobre este mercado de usuarios emergentes, sobre los patrones básicos de diseño...

9
Introducción a React
13/10/2016

React es tendencia actualmente. Todos hablan de componentes, de Facebook y de cómo son las interfaces del futuro. Pero, ¿qué son los componentes? Y lo más importante, ¿por qué y cuándo utilizarlos?

10
Maquetar el diseño de otro equipo y ser feliz es posible, y la respuesta te sorprenderá :)
14/10/2016

Más pronto que tarde te llega un proyecto diseñado por otro equipo y te toca afrontarlo sin echarte la soga al cuello, o echándotela solo lo justo.

11
js(uego)css: Jugando con CSS en JavaScript
17/10/2016

Jugaremos a re-crear CSShake, una librería de animaciones CSS vibrantes, en React.

12
¿Cómo migrar tu blog con WordPress en local (entorno de desarrollo) a tu hosting (entorno de producción)?
18/10/2016

Cuando la mayor parte de la gente piensa en crear un blog utilizando WordPress no se plantea la posibilidad de desarrollarlo en su propio equipo para después subirlo a un hosting. Sin embargo es la forma más óptima porque...

13
Un consejo: escribe código abierto
19/10/2016

Usamos código abierto a diario: en nuestros teléfonos, editores, proyectos web... ¿Se han dado cuenta de lo que implica el desarrollo de esas piezas de software? Comprende en lo mínimo el tiempo y dedicación de una persona y en...

14
La importancia del UX en entornos elearning
20/10/2016

¿Quién no se ha enfrentado a un curso elearning con toda la ilusión del mundo y de repente se ha sentido como el mismísimo Sísifo empujando una roca hasta la cima del Everest? Una experiencia que no recomendarías ni...

15
Lecciones que he aprendido trabajando con un equipo en remoto
21/10/2016

Cuando le explicas a un cliente que tu estudio web funciona totalmente de forma remota suelen poner esa cara de "¿Me lo dices en serio?". Pues sí, funcionamos a distancia, no mucha, pero nuestra oficina es un espacio en...

16
Creando nuestra primera app nativa usando React Native
24/10/2016

La presencia en el mundo mobile de cualquier proyecto es tan importante como tener una web. Gracias a React Native podremos crear apps nativas para iOS y Android fácilmente y es por esto que en este artículo haremos una pequeña introducción,...

17
Design systems: el diseño construye el producto
25/10/2016

El objetivo de este artículo es sacar a la luz conceptos como Design Systems o Pattern Libraries. Explicar y aclarar qué son, porqué es tan necesario usarlos, herramientas para gestionarlos y dar a conocer una faceta más del front-end...

18
Edit in Place
26/10/2016

Editar registros en el lugar, muchas veces, nos puede facilitar la tarea de realizar pequeñas modificaciones en una gran cantidad de registros sin necesidad de entrar a la edición completa de nuestros datos.

19
¿Cuánto dinero estamos dispuestos a perder como diseñadores?
27/10/2016

¡Money, Money, Money! Siempre intentando ganar un poco más pero ¿nos hacemos la pregunta alguna vez al revés? ¿Hacemos todo lo necesario para ser mejores diseñadores o para cobrar más?, ¿cuidamos el diseño online o pasamos olímpicamente?. Sería interesante...

20
Aprendiendo a ser mejor diseñador
28/10/2016

Advertencia: El siguiente artículo está escrito desde una perspectiva puramente personal, con lo que las sugerencias, consejos y recomendaciones aquí expuestos a los lectores diseñadores tienen un carácter totalmente subjetivo y como tal deben ser considerados. El autor (yo mismo)...

21
El mejor truco que el diablo inventó fue convencer al mundo de que no existía
31/10/2016

Cuando uno piensa en esta frase es casi imposible no imaginarse a Kevin Spacey andando por una calle mientras se enciende un cigarrillo pero la cita original es de Charles Baudelaire, poeta francés del siglo XIX.


2015

1
¡Engañemos al CSS!
01/10/2015

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....

2
REST API y el futuro de los Themes en WordPress
02/10/2015

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...

3
Animando SVG con VelocityJS
05/10/2015

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...

4
Trabajar con CSS en el 2015
06/10/2015

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,...

5
Técnicas para Efectos y Animaciones CSS3
07/10/2015

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...

6
Breve historia de un conflicto inexistente: Normalize vs Reset CSS
08/10/2015

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.

7
Mails responsive, del papel a la pantalla
09/10/2015

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...

8
Cosas que deberías tener en cuenta si decides trabajar con WordPress
12/10/2015

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,...

9
Psicología del Color aplicada al Diseño Web
13/10/2015

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í...

10
Adiós bases de datos, construyendo sitios rápidos con Grav
14/10/2015

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

11
Diseño atómico con SCSS + Blade
15/10/2015

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.

12
Aceptando lo inesperado
16/10/2015

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.

13
Animando experiencias
19/10/2015

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.

14
Introducción a PostCSS
20/10/2015

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....

15
¿Debe un diseñador web saber programar?
21/10/2015

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...

16
Newsletter basada en RSS con MailChimp
22/10/2015

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.

17
Manipulando CSS con jQuery
23/10/2015

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...

18
Receta: Trabajando con APIs (El tiempo en tu web)
26/10/2015

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...

19
Diseño del aprendizaje
27/10/2015

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.

20
¿Se ha convertido la web en algo aburrido?
28/10/2015

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...

21
Vigencia Planificada
29/10/2015

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,...

22
Yo de Affordance no sé nada, o ¿sí?
30/10/2015

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...


2014

1
Crear una fuente de iconos con Sketch
01/10/2014

En este artículo aprenderemos como configurar Sketch, junto con Sketch Tools, para poder crear fuentes de iconos personalizadas para tus proyectos web. Este proceso es un poco laborioso pero te permitirá optimizar tus tiempos a la hora de desarrollar proyectos...

2
Git para diseñadores: primeros pasos
02/10/2014

Da igual que seas desarrollador backend o frontend o diseñador web, el control de versiones es un aspecto que debes aprender para trabajar de forma profesional. En este artículo vemos una introducción a Git, uno de los sistemas más...

3
Custom Google Maps markers: estilos y animaciones CSS3
03/10/2014

Cómo personalizar los marcadores (marks) de Google Maps, utilizando las clases y métodos que nos ofrece su API. Veremos cómo personalizar su aspecto, pero también cómo podemos hacer que sean "atacables" desde CSS para animarlos con CSS3.

4
Sprites con SVG
06/10/2014

Ni los más optimistas creyeron en su resurrección, pero 16 años después ha llegado la hora de aprovechar todas y cada una de las ventajas que nos ofrece SVG para nuestros proyectos web.

5
Diario de compra de un uxuario
07/10/2014

Es una realidad que cada día más personas se aventuran a comprar a través de Internet, un gran centro comercial que nos abre sus puertas 24 horas al día. Yo soy uno de ellos. Mi objetivo en este artículo, es...

6
Introducción a Web Components: ¡El HTML ha muerto, larga vida al HTML!
08/10/2014

¿Conoces los Web Components? ¿No? Pues este artículo te ayudará a introducirte en este nuevo estandar HTML, que cambiará el diseño web por completo. ¡No seas el último en enterarte!

7
CSS3: galería con columnas de misma altura, autoajustable según contenido
09/10/2014

Tutorial para crear un diseño de galería con cajas de altura automática y responsive usando FlexBox de CSS3, sin usar Javascript.

8
Cómo crear un plugin en Sublime Text
10/10/2014

En este artículo vamos a ver como crear un plugin en Sublime Text. Para desarrollar un plugin necesitas conocimientos básicos de programación y también del lenguaje Python y por supuesto una idea, algo que tú creas que necesitas para...

9
Formularios en la era de HTML5
13/10/2014

Hasta hace muy poco un formulario tenia poco mas que 4 o 5 tipos de campo y teníamos que jugar con javascript para hacerlos más funcionales. Vamos a hablar de los nuevos tipos de campos que HTML5 trae bajo el...

10
WPO: Optimizando webs de alto tráfico
14/10/2014

En este artículo vamos a conocer qué es eso de WPO y cómo hacer para optimizar la velocidad de carga de nuestra web, algo que gustará a usuarios y buscadores.

11
Por un Diseño y Desarrollo Web Sustentable
15/10/2014

Un servidor web en promedio produce anualmente más de 630 kg. de CO² y consume 1.000 KW/h de energía. Un sitio del tamaño de Tumblr.com es responsable por la emisión de 2.600 toneladas de CO² por día. ¿Cómo lidiar...

12
Nombres de Clases por su apariencia. ¡No son semánticas?
16/10/2014

Si hay un trabajo duro y desesperante, incluso más que declarar CSS para compatibilizar con los IE's, es el dar nombre al valor del atributo "class" del HTML. Y si una vez decidido, y tras revisar el documento el...

13
WordPress, la potencia sin control no sirve de nada
17/10/2014

WordPress es el gestor de contenidos más utilizado, aproximadamente un 25% de todo internet está creado con él. Conoce el por qué de su popularidad y cómo sacarle el máximo partido.

14
Responsive Tables
20/10/2014

En este artículo abarcaremos diferentes opciones para mostrar contenido dentro de tablas html sin perder de vista su correcta visualización en todos los dispositivos si nuestra web es adaptativa. Intentaremos no utilizar frameworks ni lenguajes extras al CSS pero...

15
Organización del CSS en proyectos grandes
21/10/2014

¿Te enfrentas a un proyecto grande y no sabes cuál es la mejor manera de organizar tu CSS? Aprende cuál es la metodología que mejor se adapta a tu estilo y tu proyecto.

16
El poder de las sombras en CSS3
22/10/2014

Un recorrido por las funciones básicas de las propiedades box-shadow y text-shadow a priori poco relevantes. Pero pueden y de hecho tienen, un potencial enorme desconocido para crear bordes, falsos gradientes, relieves y incluso iconos. A lo largo del...

17
Patternizando
23/10/2014

La importancia de construir un lenguaje particular para cada proyecto; una serie de pautas que le dan coherencia al sistema en su conjunto. Aquí algunos pequeños pasajes, ejemplos y scripts...

18
Generando Gifs con HTML5 Canvas y Javascript
24/10/2014

Gif es uno de los formatos más famosos que podemos encontrar, este tuvo su repunte y éxito en la era de GeoCities y hoy en día en varias formas, colores y sabores en varias redes sociales o agregadores de...

19
AMCSS – El final de las clases
27/10/2014

Si has usado algún framework de CSS, algún componente de jQuery UI o el último script para hacer sliders responsive sabrás por propia experiencia qué es la clasitis, una enfermedad muy extendida a la que se ha tratado de...

20
Automatización y el Nuevo Mundo
28/10/2014

La Web nunca duerme. Las tecnologías evolucionan, surgen o desaparecen sin dar descanso. Nuestro papel como diseñadores y desarrolladores es equiparnos con herramientas a la altura de las circunstancias. Descubre nuevas herramientas y modelos de trabajo para liberarse...

21
Atomic PS Design
29/10/2014

Desde hace más de un año que leí a Brad Frost decir: “We're entering the Post-PSD Era of web design” mi preocupación ha ido en aumento, ¿cómo adaptarse a las necesidades actuales del mundo web?. Durante mis años como...

22
Element Query
30/10/2014

Desde la llegada de los mediaqueries hemos elegido breakpoints basados en el viewport sin saber que eso no es lo que en realidad queremos. La tendencia a modularizar todo nos obliga a ir más allá y buscar un query...

23
Pseudo-elementos CSS que molan (o que al menos te salvan de un aprieto)
31/10/2014

La vida está llena de pequeñas cosas que, sin darle mucha importancia al principio, comienzas a usarlas de forma recurrente, hasta que llega un viernes cualquiera en el que miras por la ventana, con el sol anaranjado el azul...