Lo mejor de mi timeline del 26 de julio al 1 de agosto. WPML, GWT y plugins WordPress

Cómo traducir CF7 con

WPML read more

Leer más » 1 Comentario

Moda

Leer más » 2 Comentarios

Lo mejor de mi RSS del 24 al 30 de noviembre: cazando al que te roba Internet, JavaScript, WordPress.com y CSS

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 read more

Leer más » Comentar

Lo mejor de mi RSS del 8 al 14 de septiembre de 2014

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 read more

Leer más » 1 Comentario

CSS

Leer más » 2 Comentarios

Lo mejor de mi RSS del 7 al 13 de julio de 2014

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 read more

Leer más » 1 Comentario

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), 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:

Leer más » 1 Comentario

Alinear imágenes correctamente en una grilla sin usar tablas con HTML y CSS

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:

Grilla de imágenes

¿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.

Leer más » 5 Comentarios

Aligerando WordPress: optimizando el rendimiento

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

Leer más » 4 Comentarios

Añadir una hoja de estilos CSS a un tema o plugin WordPress

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.

Desarrollo con WordPress

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:

Leer más » 8 Comentarios

Lo mejor de mi timeline del 31 de marzo al 6 de abril

@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

Leer más » 2 Comentarios

Elementos que desaparecerán en breve de HTML

Logo HTML5Si 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>.

Leer más » 45 Comentarios

Combina y comprime todos los ficheros CSS y JS para optimizar WordPress con WP Minify

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:

WP Minify antes y después

Leer más » 2 Comentarios

Modificar el inicio de una lista ordenada en HTML

Siempre que usamos listas ordenadas en HTML (ordered lists definidas por el tag: <ol>), tenemos una serie de elementos ordenados por número (o por letra en función del CSS). Por ejemplo:

  1. Primer elemento
  2. Segundo elemento
  3. Tercer elemento

Si por cualquier razón queremos empezar por un elemento diferente a uno (por ejemplo porque queramos continuar la lista anterior en otro punto del documento HTML), tenemos el atributo “start“, veamos un ejemplo de su uso: read more

Leer más » 3 Comentarios