Enlace:
]]>Los datos sobre las que se basa la infografía están tomados sobre usuarios y estadísticas americanas, pero sirve para entender la relevancia de conseguir que cualquier sitio web sea lo más rápido posible, porque esto afecta de forma directa a la experiencia y satisfacción de sus usuarios.
Click en la imagen para ampliarla y ver la infografía completa.
Enlace:
]]>
La idea es sencilla: siempre que se seleccione un texto con el ratón, en cualquier aplicación del sistema, PopClip mostrará automáticamente un pequeño popup muy al estilo de iOS con las acciones que pueden hacerse sobre esa selección. Además, también tiene extensiones para poder incorporar nuevas acciones sobre las selecciones.
Algunas acciones que pueden hacerse en PopClip:
- Copiar un texto.
- Buscar en el diccionario el texto seleccionado.
- Abrir una dirección web (detecta que el texto seleccionado es una URL y se ofrece a abrirla con el navegador).
- Extensión: traducir un texto en Google Translate. Con un click, te abre Google Translate con el texto que tenías seleccionado ya traducido.
- Extensión: crear un tweet con el texto seleccionado.
- Extensión: crear una nota de Evernote con el texto seleccionado.
- …
Enlaces:
]]>
Todavía se encuentra en fase beta, pero ya es una herramienta muy completa y útil que puedes probar sin ni siquiera registrarte como usuario (aunque lo tienes que hacer para guardar tus trabajos online). Ahora mismo, las funcionalidades más importantes que ya están implementadas son:
- Más de 60 plantillas vectoriales (SVG) para utilizar en tus bocetos.
- Tratamiento por capas, con posibilidad de poder subir y bajar objetos en la pila.
- Guías inteligentes, como ayuda para el dibujo, y cuadrícula personalizable.
- Exportar el lienzo a PDF y PNG.
- Funciones de deshacer y rehacer acciones.
- Objetos pegajosos: una ayuda para colocar con precisión los elementos en el lienzo.
- Atajos de teclado como si fuera una aplicación de escritorio.
- Subir tus propias imágenes.
- Búsqueda muy cómoda de stencils o plantillas, además de estar bien catalogadas.
- …
Sin duda es la mejor herramienta online que he probado para el prototipado rápido y sencillo de pantallas. El equipo de desarrollo pide la participación de la comunidad aportando ideas para planificar las siguientes funcionalidades a implementar, así que ya sabes, :)
Enlaces:
]]>Una vez instalado, el acceso a la sección “Formularios” está por defecto restringida a los usuarios con rol “administrador”. Sin embargo, el equipo de RocketGenius tienen publicada una página con toda la información sobre la gestión de roles de usuarios, donde se detallan todas las competencias o capabilities que tiene definidas Gravity Forms.
De esta forma, podemos personalizar los permisos de acceso y de edición de los formularios para cada tipo de usuario de WordPress. Por ejemplo, podríamos hacer fácilmente que un usuario editor pueda ver el formulario, los envíos y las notificaciones configuradas, pero que no pueda modificarlas.
Los nombres de las capabilities se explican por sí mismas. Para modificar los permisos, sólo tienes que copiar y pegar este bloque de código en el fichero functions.php de tu theme activo. Tendrás que cambiar el rol del usuario “editor” por el que quieras modificar (“subscriber”, author”, etc) y después comentar las líneas de las competencias que no quieras activarle:
/* Gravity Forms: añadir competencias personalizadas a los usuarios */ // Primero elegimos el rol sobre el que modificar los permisos $role = get_role( 'editor' ); // Lista de todas las competencias sobre ese rol de usuario $role->add_cap( 'gravityforms_edit_forms' ); $role->add_cap( 'gravityforms_delete_forms' ); $role->add_cap( 'gravityforms_create_form' ); $role->add_cap( 'gravityforms_view_entries' ); $role->add_cap( 'gravityforms_edit_entries' ); $role->add_cap( 'gravityforms_delete_entries' ); $role->add_cap( 'gravityforms_view_settings' ); $role->add_cap( 'gravityforms_edit_settings' ); $role->add_cap( 'gravityforms_export_entries' ); $role->add_cap( 'gravityforms_view_entry_notes' ); $role->add_cap( 'gravityforms_edit_entry_notes' );
Estas son las competencias básicas y más importantes, pero también están las aplicables sobre los complementos y addons de Gravity Forms:
/* Gravity Forms: competencias personalizadas de addons */ // Campaign Monitor Addon // $role->add_cap( 'gravityforms_campaignmonitor' ); // $role->add_cap( 'gravityforms_campaignmonitor_uninstall' ); // Freshbooks Addon // $role->add_cap( 'gravityforms_freshbooks' ); // $role->add_cap( 'gravityforms_freshbooks_uninstall' ); // MailChimp Addon // $role->add_cap( 'gravityforms_mailchimp' ); // $role->add_cap( 'gravityforms_mailchimp_uninstall' ); // PayPal Addon // $role->add_cap( 'gravityforms_paypal' ); // $role->add_cap( 'gravityforms_paypal_uninstall' ); // User Registration Addon // $role->add_cap( 'gravityforms_user_registration' ); // $role->add_cap( 'gravityforms_user_registration_uninstall' );
Enlaces:
]]>Por ejemplo, imaginemos un plugin para un portafolio personal, que crea automáticamente el tipo de contenido personalizado Portafolio, pero que no tiene activada la característica de sumario o excerpt. Si modificamos el plugin para redefinir el tipo de contenido, lo perderemos cuando hagamos una actualización automática del plugin cuando saquen una versión nueva.
Lo mejor, en este caso, es utilizar la función add_post_type_support(), que permite añadir una funcionalidad de WordPress a cualquier tipo personalizado. Por ejemplo, en nuestro ejemplo, solamente tendríamos que escribir en el fichero functions.php del tema activo:
//Añadir la funcionalidad "excerpt" al tipo de contenido "portfolio"
add_post_type_support('portfolio','excerpt');
O también podemos pasarle un array de características si queremos aplicar varias funcionalidades sobre el tipo de contenido personalizado. Por ejemplo, para añadir la funcionalidad “thumbnail”, “excerpt” y “comments” al tipo “portfolio”, lo haríamos de la siguiente manera:
$features = array('thumbnail', 'excerpt', 'comments');
add_post_type_support('portfolio', $features);
Lo mismo ocurre para el caso contrario, cuando queremos quitarle una funcionalidad a un tipo de contenido, pero en este caso utilizaremos la función remove_post_type_support().
Puedes encontrar la definición completa, la lista de funcionalidades de WordPress y ejemplos de uso de estas funciones en el Codex de WordPress.
]]>El sábado 2 de junio tuvo lugar el Espacio WordPress, con cuatro ponencias sobre WordPress, cubriendo todos los niveles de usuario hasta la introducción al desarrollo de sitios web con WP como gestor de contenidos, en el que intentamos crear un sitio web en directo con algunas funcionalidades populares actualmente:
- una página de inicio personalizada
- un par de menús personalizables desde el panel
- una plantilla mostrando un sumario de la página junto con la galería de imágenes asociada
- un tipo de contenido personalizado, junto con una nueva taxonomía, para la publicación de noticias
- …
Esta fue la presentación de la ponencia de Idibay, llamada “Desarrollo de sitios web con WordPress como CMS”:
A continuación enlazo al material utilizado durante la segunda parte de la misma, la que fue en un formato taller más práctico. Cuelgo directamente el WordPress para descargarlo libremente, que viene con el theme personalizado durante la ponencia, y una copia de la base de datos por si quieres importarla para hacer pruebas:
]]>La acción de generar los diferentes tamaños se realiza en el momento de subir la imagen original, por lo que si tenemos varias imágenes ya subidas y modificamos estos tamaños en los ajustes, las que ya se habían subido y generado no cambiarán su tamaño, se mantendrán como estaban antes del cambio.
Por tanto, es necesario hacer un barrido por todas las imágenes subidas anteriormente para que WordPress regenere sus versiones de acuerdo a los nuevos tamaños especificados ahora en los ajustes multimedia. Por supuesto, existe un plugin que lo hace, :)
Regenerate Thumbnails es un plugin que realiza exactamente esa acción: busca todas las imágenes subidas desde el panel de administración y regenera sus tamaños de acuerdo a los especificados en los ajustes, manteniendo siempre la imagen original con su tamaño inicial.
El plugin está disponible en el repositorio oficial de WordPress, por lo que puede instalarse desde la sección Plugins del panel de administración. Una vez instalado, veremos una nueva opción en la sección Herramientas -> Regenerate Thumbnails, que es donde podremos iniciar el proceso.
Enlace:
]]>Como se ve en el video, la idea es muy similar a la de Prezi: el usuario dispone de un lienzo infinito sobre el que define los espacios que formarán cada slide, su contenido y los efectos tanto en los diferentes elementos como en las transiciones.
Impress.js utiliza las últimas tecnologías soportadas por los navegadores, de modo que las presentaciones requieren ser visualizadas en las últimas versiones de los navegadores modernos, como Google Chrome, Firefox, Opera o Safari. En caso de usar un navegador más antiguo, Impress.js le mostrará la presentación de forma funcional y bien ordenada, pero sin los efectos ni animaciones.
El sistema también crea modificaciones en las URL’s, de modo que cada diapositiva tiene una única dirección y así puedes enlazar a un paso concreto de tu presentación.
Viendo el código del ejemplo que puedes descargar desde GitHub, la verdad es que es muy limpio y está muy bien pensado para tener un canvas infinito y disponer sobre él los elementos y las transiciones entre las diapositivas. Es una forma diferente de pensar en las presentaciones y probablemente al principio costará hacerse con el sistema, pero nada que no se cure con unos pocos ensayos.
Como dice su autor, el único límite es la imaginación, :)
Yo no lo he usado todavía para ninguna presentación pero tengo bastantes tentaciones. En cuanto lo haga, publico mi experiencia.
Enlaces:
]]>
Después de unos días desde la publicación de WordPress 3.3, ya se han reportado errores encontrados en el gestor de contenidos y Automattic ha liberado una nueva versión de la rama para solucionar en total 15 fallos de seguridad y modificaciones de mantenimiento del código.
Si accedes al panel de administración de tu WordPress verás el aviso de la nueva versión y el enlace para realizar la actualización automática. También está ya disponible para descargar desde la página oficial.
Enlace:
]]>