Sign up with your email address to be the first to know about new products, VIP offers, blog features & more.

Tag Archives jquery

Lo mejor de mi RSS del 1 al 7 de junio de 2015: temas WordPress, jQuery, plugins, tipados y permisos

Con el verano ya encima, aunque no en lo astronómico, sí en lo climático, os traigo este resumen semanal de enlaces interesantes que viene un día más tarde de lo normal, lunes en vez de domingo. Como veréis hay cantidad de enlaces así que comenzamos:

Localizar calendario datepicker de jQuery UI: formato de fecha y nombres de los meses

Cuando hacemos desarrollos web para proyectos con algún apartado de gestión basado en formularios, lo más normal, es que terminemos teniendo que introducir fechas. Las fechas son un tanto problemáticas, tanto por su posterior manejo, como por su introducción por parte del usuario. ¿Por qué? Por dos razones:

  • Hay que introducirlas en un determinado formato, en español es primero el día, luego el mes y luego el año, todo separado por barras “tipo Unix”. Podemos hablar de diferentes formatos, depende del país y la cultura y podemos hablar también de fechas incluyendo el día de la semana o incluso el nombre del mes con letras.

Agrupar misma regla CSS para varios elementos

Cuando estás creando reglas CSS, es muy frecuente que diseñes reglas para cada elemento o grupo de elemento definiendo clases. Es correcto agrupar elementos en grupos mediante las clases, sin embargo, también es correcto definir una sola regla CSS para varios identificadores y clases o partes de reglas que son comunes a varias.

Esto es correcto pero es menos usado y conocido y de ahí la entrada de hoy.

¿Por qué conviene hacerlo?

Básicamente por simplidad y velocidad. Velocidad en dos aspectos, por un lado, por tiempo de transmisión (menos tamaño del fichero CSS resultante),

Controlando el evento resize en JavaScript

Si trabajamos con diseños web responsive, muy probablemente hagas algún tipo de acción con JavaScript para detectar el evento resize. Este evento, como indica su nombre en inglés, indica que la web ha sufrido un cambio de tamaño. Si en lugar de trabajar con JavaScript directamente sois como yo, usuarios de jQuery el ejemplo típico sería el siguiente:

¿Qué problema nos surgirá tras usar este código tal cual, dependiendo del navegador llegaremos a obtener respuestas diferentes. En Google Chrome he comprobado, por ejemplo, que en cada redimensionamiento en lugar de saltar un sólo evento se disparaban cuatro: uno con el tamaño antiguo,

Limitar el número de palabras o caracteres en el editor de WordPress

No suele ser lo normal, porque lo más frecuente es que quieras limitar el tamaño del extracto (excerpt) pero en ocasiones puede dársenos el caso de que necesitemos para un cliente limitar el tamaño del contenido de nuestra entrada. Probablemente estemos hablando de un custom post type y a veces tendremos que limitar en función al número de palabras y otras veces, en función al número de caracteres.

El código es el siguiente y deberá ir insertado en vuestro fichero functions.php del tema que estéis usando:

[Usabilidad] Click sobre label cuando trabajamos con input en desarrollo web

Cuando trabajamos desarrollando interfaces web, al igual que ocurre con cualquier otro diseño de interfaz, una de las labores básica es aumentar la usabilidad. Hay que hacer fácil y natural el funcionamiento.

Si tenemos un formulario, con una lista con botones de tipo radio o checkbox y al lado una serie de etiquetas label como aparece en la imagen:

Lista con input

  • Es incómodo tener que presionar el control…
  • … pudiendo presionar cualquier parte de la etiqueta para que se active el control

Hacer esto a mano,