Todos los artículos categorizados en

Desarrollo de Software

El blog es tu casa digital

El blog es tu casa digital

Desde hace años se viene repitiendo que los blogs están muertos, y más últimamente con el auge de las distintas redes sociales, y que no tiene sentido abrir un blog en estos tiempos. Sin embargo, se siguen creando miles de blogs todos los días. Por lo que siguen estando muy vivos. Pese a que la mayor parte de la conversación surgida se ha trasladado a las redes sociales, los blogs siguen siendo fuente de información … Seguir leyendo

Selectores avanzados de CSS

Selectores básicos de CSS

Hace poco vimos los cinco selectores básicos de CSS con los que podemos maquetar nuestras webs. Pero existen otros selectores avanzados de CSS que nos permiten simplicar las hojas de estilos. Veamos cuáles son. Selector de hijo El selector de hijo viene representado por el signo de mayor que (>): p > span { color: red; }p > span { color: red; } Es similar al selector descendiente, pero en este caso selecciona aquellos elementos … Seguir leyendo

Sticky Footer con Flexbox

Sticky Footer con Flexbox

Un efecto muy feo en páginas con poco contenido es aquel en el que el pie de página queda en mitad de la pantalla. Con Flexbox es muy sencillo poner el Footer al final de la página eliminando este efecto no deseado. Veamos cómo. Primero el marcado HTML de una página sencilla: <html lang="en"> <head> <meta charset="UTF-8" /> <title>Sticky Footer with Flexbox</title> </head> <body> <header> <h1>Sticky Footer with Flexbox</h1> </header> <main class="content"> <p>Lorem ipsum dolor … Seguir leyendo

Responsive Web Design

Responsive Web Design

Hace unos años, diseñar una web era muy fácil porque podíamos centrarnos en una resolución de 800×600 y maquetar sólo para ella. Pero en los últimos años, con la gran cantidad de dispositivos con acceso a Internet, debemos crear una web que se adapte lo mejor posible a todo tipo de resoluciones y dispositivos. Y ahí nace Responsive Web Design, RWD, o diseño de web adaptativo. Se trata de una técnica de diseño o filosofía … Seguir leyendo

Selectores básicos de CSS

Selectores básicos de CSS

Los selectores de CSS nos permiten elegir al elemento o elementos a los que queremos aplicar unas ciertas reglas de presentación. De este modo, podemos dar estilo a todos los elementos HTML que queramos de nuestras páginas. Hay 5 selectores básicos de CSS. Selector universal El selector universal viene representado con un asterisco (*): * { color: red; }* { color: red; } Selecciona todos los elementos de la página, algo útil cuando queremos aplicar … Seguir leyendo

¡Muerte a los floats!

Float Left/Right

Desde el comienzo de la web, se han ido mejorando las técnicas para poder maquetar nuestras webs y hacernos las cosas más fáciles y más semánticas para los robots de Google. La tendencia de hace unos años era maquetar con tablas pero ya vimos hace tiempo por qué maquetar con tablas no era buena idea. Y hasta ahora se estaba utilizando mucho la propiedad float de CSS para disponer elementos en la pantalla (en este … Seguir leyendo

El embudo de conversión

Embudo de conversión

El embudo de conversión es un término de marketing para explicar las distintas etapas por las que puede ir pasando un usuario potencial en nuestra aplicación hasta cumplir un objetivo determinado. En cada una de las etapas el número de usuarios va disminuyendo; por eso, el símil con un embudo identifica muy bien este concepto. Las distintas etapas del embudo de conversión son: Adquisición La primera fase es la llegada de usuarios a tu aplicación … Seguir leyendo

¿Cómo puedo mejorar el SEO de mi web?

Search Engine Optimization

Una parte importante cuando estás creando un proyecto web es atraer el mayor número de usuarios a tu página para poder venderles, ofrecerles o lo que sea que haga tu web. Es la primera entrada del embudo de conversión y nos interesa que cuanto más grande sea mejor. Hay varias formas para que te lleguen visitantes: a través de las redes sociales, con referencias en otras webs y/o blogs, pagando por salir en anuncios, etc. … Seguir leyendo

¿Qué es el Growth Hacking?

Growth Hacker

Uno de los últimos términos llegados al mundo estartapil es el de growth hacking o growth hacker. Aunque lleva sonando algún tiempo en territorio americano, en los últimos meses está sonando más fuerte por aquí. Pero, ¿de qué va esto? ¿Qué es un growth hacker? Growth hackers are a hybrid of marketer and coder. – Andrew Chen – Un growth hacker tiene que tener habilidades de marketing y de desarrollo y centrar su trabajo en … Seguir leyendo

Delay al escribir texto en un input

jQuery typing

Hay a veces que quieres controlar cuándo está el usuario de tu web escribiendo y cuándo deja de hacerlo para mostrar un mensaje (el típico XXX está escribiendo…) o para ejecutar una acción. El plugin para jQuery jQuery-typing te permite hacer esto fácilmente. Puedes realizar acciones mientras se está escribiendo, cuando se para y seleccionar el tiempo de espera, siendo todas opcionales. $(’:text’).typing({ start: function (event, $elem) { $elem.css(’background’, ‘#fa0’); }, stop: function (event, $elem) … Seguir leyendo