Responsive design llega a WordPress

Wordpress y responsive designSi sos diseñador y/o desarrollador de sitios web con WordPress  seguramente tengas sitios ahi afuera que se ven espantosos en una pantalla u otra. Cuando un sitio no se ve bien hace que sus visitantes se vayan, cosa muy común hoy dia con tantos dispositivos que están proliferando tán rápido que nadie puede recordar cómo nombrarlos.

Atrás han quedado los días del “fixed layout”  en la que diseñabamos para una medida standard y el sitio se veia bien. Y  los diseños  fluidos ya no son suficientes cuando las personas que visitan tu sitio utilizan smartphones, tabletas, ordenadores portátiles de variados tamaños o diferentes  gigantescos monitores con resoluciones de proporciones titánicas.

Aquí es donde el Responsive Web Design (RWD) entra en juego

Desde que Ethan Marcotte acuñó el nuevo término en 2010 más y más diseñadores y desarrolladores han desarrollado proyectos de esta índole (Responsive Web Design); sitios que detectan a con que tipo de pantalla estan siendo vistos  para adaptarse y hacer la experiencia del usuario tan buena como pueda ser.

Entonces, ¿cuales son aspectos que te importan o deben importar como diseñador y/o desarrollador de sitios web con WordPress? Code Poet consultó a personas con amplia experienca y armó un libro que se puede descargar gratuitamente. En este pequeño libro Chris Coyier, Ian Stewart y Cannon Sara te diran la verdad sobre los usos del mundo real y las estrategias para el diseño de WordPress responsablemente …

Fuente y Descarga de Libro en PDF: Code Poet

HTML5 doctype

HTML5Para empezar a trabajar con html5 vamos a ver los cambios que hay en la definición del doctype y en algunas etiquetas que usamos en el header:

  • Doctype
  • Script para incluir acrhivos javascript
  • Script para escribir código javascript
  • Link para incluir archivos de estilo css
  • Style para escribir codigo css

Primero veamos un ejemplo de html4:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/TR/strict.dtd">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<script type="text/javascript" src="js/jquery.js">
<script type="text/javascript">
var now = Date();
</script>
<link type="text/css" rel="stylesheet" href="css/style.css" media="screen">
<style type="text/css">
</style>

En HTML5 todo se simplifica

Simplemente debemos especificar que el doctype es “html”

<!DOCTYPE html>

Eliminamos unos cuantos caracteres y simplmente decimos que es utf-8

<meta charset="utf-8">

Al incluir un archivo con la etiqueta “script” no es necesario especificar el type ya que se entiende que es javascript.

<script src="js/jquery.js">

Lo mismo ocurre si vamos a escribir el javascript en el documento html5

<script>
var now = Date();
</script>

Al incluir un archivo css no es necesario incluir el type ya que al especificar rel=”stylesheet” se entiende que es css

<link rel="stylesheet" href="css/style.css" media="screen">

Al incluir css directamente en el documento usando la etiqueta <style> tampoco es necesario especificar el type ya el que navegador asume que es css

<style>
body { background: #ccc; }
</style>

Cuatro errores al contratar empleados

Estuve leyendo 13 Business Mistakes That Can Nearly Break You … Literally (Neil Patel) asi que voy a ir publicando algunas partes traducidas

La contratación no resuelve todos sus problemas.

Éstos son los cuatro grandes errores que cometí contratando empleados:

  1. Sólo porque alguien funciono muy bien en su último trabajo no significa que va a funcionar bien en su compañía. Por ejemplo, si se tratara de un vendedor estrella que trabajó para la competencia, no quiere decir que será un vendedor estrella para su empresa.
  2. Contratar más empleados es la forma en que un hombre perezoso resuelve los problemas. Si desea aumentar sus ventas, trate de hacerlo usted mismo antes de contratar a alguien. Si quiere hacer crecer su negocio en el largo plazo deberá contratar empleados, pero asegurese de saber a qué problemas los empleados se enfrentarán en el proceso.
  3. Hay muchos más costos asociados con la contratación de un empleado que sólo su salario. Su espacio de oficina, seguros, computadoras, etc. El mayor de estos gastos es la gestión de los propios trabajadores.
  4. Contratar empleados virtuales suena muy bien al principio, pero en realidad, algunas personas no son muy eficientes cuando trabajan de forma remota. Si tiene trabajadores remotos, considere el uso de software de seguimiento de proyectos para saber cómo emplean su tiempo.

 

Rolex Tracker

Hace unos meses que venimos trabajando en este proyecto que es muy interesante, un sitio web donde registrar relojes Rolex, la idea es sencilla pero muy util.

  • El dueño de un reloj Rolex lo registra en RolexTracker.com
  • En caso de robo del Rolex o pérdida, el dueño lo puede denunciar en RolexTracker.com
  • La persona que quiere comprar un reloj usado consulta el estado de un Rolex usando el Numero de Serie y de esta forma evita comprar un Rolex denunciado como robado.

Así que si tenes un Rolex te lo recomiendo, yo ha voy a registrar los míos 😉

Rolex Tracker en Ingles

Rolex Tracker en Español

Rolex Tracker en Portugues

FileZilla Tutorial Paso a Paso

Este Tutorial paso a paso describe como usar FileZilla Client para subir archivos a un servidor ftp.

FileZilla Client es un cliente FTP, FTPS y SFTP. Rápido, confiable y multiplataforma con un montón de características útiles y una interfaz gráfica de usuario muy intuitiva. Continúa leyendo FileZilla Tutorial Paso a Paso