WPML
Suelo escribir los domingos por la mañana pero esta vez no he podido y hoy lunes os traigo lo mejor de lo que he leído en Feedly estos días. Quizás hoy sea mejor día aún porque así hay noticias de un día más que recopilar que no es poco. Veamos qué hemos podido disfrutar esta semana:
Las Wifi en bloques de vecinos tienen un problema, que alguien te robe la señal: ¿Me roban Internet? Cazando al cazador – Ubuntizando el planeta Porque depurar con JavaScript puede ser más sencillo si usamos un log: Usando Log4Javascript – Genbeta Dev Si quieres mejorar en tus nociones de CSS, nada mejor que estudiar y obtener datos de tus desarrollos hechos con hojas de estilos: CSSstats: Herramienta gratuita para analizar hojas de estilo (CSS) – Kabytes Por seguridad y por comodidad, puedes hacer que tus conexiones SSH no requieran de usuario y contraseña:Configurar SSH para acceso sin contraseña – Ubunlog
Con septiembre acelera el movimiento en todo tipo de proyectos y parece que nuestros plugins liberados para WordPress siguen acelerando su número de descargas: Clean Login y Import users from CSV with meta. Mientras tanto, la blogosfera trae nuevas noticias y tutoriales y aquí hago un breve resumen de las mismas:
Porque me gusta navegar rápido y Chrome en ocasiones es algo pesado: Acelera Chrome moviendo su caché a la RAM de tu PC – Ubuntizando el planeta No soy nada simpatizante de Apple, sus productos y sus servicios, más razones para no tenerles mucho cariño: Declaración de la FSF respecto al nuevo iPhone, Apple Pay, y Apple Watch – Desde Linux Pequeños consejos para conseguir grandes mejoras:CSS arriba, scripts abajo… y otras recomendaciones para optimizar la carga de páginas web – Genbeta Dev
Metidos más que de lleno en el verano y con unas temperaturas cada vez más altas llega este resumen semanal de actividad en la blogosfera linuxera y del software libre, principalmente en español aunque los que me seguís ya sabréis que algún enlace en inglés puede caer. Estamos ya a lunes, en esta ocasión no he sido tan puntual como suelo ser todos los domingos pero es parte del verano que los fines de semana, lo sean más aún. Sin más vueltas, los enlaces:
Cuando nació JavaScript nadie pensó (o quizás sí, quién sabe si alguien fue realmente visionario) que llegara a convertirse en un lenguaje del lado del servidor, y a día de hoy lo es:¿Cómo funciona Node.js? – Genbeta Dev
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), por otro lado, por tiempo de interpretación (menos reglas que interpretar y menos reglas sobre las que buscar al renderizar).
¿Cómo se hace?
Probablemente ya lo sepáis pero merece la pena volver a comentar la sintaxis. Tened en cuenta que ciertos framework como jQuery también hacen uso de la misma sintaxis y puede seros útil.
Veamos un ejemplo esclarecedor:
Es bien posible que en más de una ocasión hayáis tenido que colocar imágenes una detrás de otra formando filas y columnas. Algo como lo que muestro a continuación:
¿Cuál es el problema? Si lo hacéis a mano directamente con HTML y CSS sin usar una galería o un framework que te la cree correctamente, os habréis peleado para dejarlas perfectamente alineadas.
Aprovechando la celebración de la Meetup WordPress Córdoba 2012, la segunda que se celebra y de la que hablaré más y mejor en otra entrada, preparé una ponencia sobre rendimiento en WordPress. La presentación va dirigida a la fórmula más popular: WordPress ejecutando en un servidor de alojamiento compartido.
Dentro de la ponencia no se habla de mejoras a nivel de servi
Cuando trabajamos desarrollando para WordPress, no debemos incluir ficheros CSS de la forma tradicional (usando las etiquetas <style> o <link>), sino que debemos utilizar una función creada para tal efecto, que nos asegura una forma segura y correcta de hacerlo.
La idea es la siguiente:
Para ello usaremos una función que se encargue de ello y la llamaremos según nos convenga, en nuestro caso, la asociaremos a una acción. Veamos el código en cuestión:
@javierburon Pantalla táctil para tablets y smartphones. Lo último.
@TuXapuntes GNU/Linux: Programación de Sistemas
@hackplayers Apple tiene la clave maestra para descifrar tus datos de iCloud
@ahornero Fractalizer para Gimp. Simplemente cumple su función, y bien
@googlechrome Modo multitarea en Google Chrome / Chromium
@BradBirdsall Sintaxis para MoreCSS
Si te dedicas al mundo del desarrollo web, sabrás que con cada versión nueva de HTML, al igual que ocurren en otras tecnologías, hay elementos que aparecen y otros que desaparecen o se marcan como deprecated para avisar de que deseparecerán en breve.
Con el tránsito definitivo a HTML5 del que tantísimo se lleva hablando, algunos elementos dejarán de existir. Aquí os traigo un listado de ellos, cuál era su función y cómo debemos sustituir su funcionalidad.
<acronym>
Se usaba para describir acrónimos (por ejemplo NASA) en HTML4, sin embargo ahora deberemos usar la etiqueta <abbr>.
Si ya hemos explicado cómo cambiar el logo en el inicio de sesión de WordPress, probablemente nuestro cliente también quiera ver su logo en el escritorio. ¿Cómo? Siguiendo el mismo método de antes:
El código a incluir dentro de nuestro “functions.php” será el siguiente:
Cada vez que accedemos a una web, independientemente del CMS que usemos (como si no usamos ninguno), el navegador empieza la descarga del sitio en HTML y todo lo que trae consigo (principalmente imágenes, hojas de estilo y ficheros de script del lado del cliente como JavaScript) mediante protocolo HTTP.
¿Qué problema tiene HTTP? Para cada petición de este tipo, abre y cierra la conexión. ¿Eso qué conlleva? Un aumento del tiempo de transferencia.
Como se puede observar, el problema en parte es abordable ya que aunque no podemos (por ahora) reunir todas las imágenes en una sola transmisión, sí que es cierto que podemos hacer que si tenemos 4 ficheros de hojas de estilo CSS y 10 ficheros JavaScript que cargar; podemos limitarnos a enviar un sólo fichero de cada tipo al navegador. El resultado no cambia y aceleramos el proceso.
Si usamos WordPress, podemos instalar WP Minify para que automatice este proceso por nosotros y nos olvidemos, junto con otra mejora, comprime ambos ficheros resultantes lo que lleva a una mejora mayor aún de la ya comentada.
Podéis ver el efecto de usarlo en las capturas siguientes: