Diseño web

User Styles: Si no te gusta el aspecto de la web, cámbialo

·

Hace tiempo que uso la extensión Stylish de Google Chrome, que permite aplicar los llamados user styles de forma sencilla a páginas web que por una u otra razón no me convencen en su diseño web. El ejemplo más claro en mi caso es Twitter, que se empeñó en mover a la izquierda la caja de herramientas cuando yo siempre he querido esa columna a la derecha, para que el timeline aparezca como primera columna. Es una pequeña manía, y como cualquier otra manía, da gusto poder no tener que soportarla. Porque los User Styles son sencillamente mágicos, y hay un catálogo con posibilidades casi ilimitadas.

No había publicado nada sobre el tema -curioso, sobre todo cuando el diseño web es cada vez más apasionante para mí- pero ayer encontré una sencilla web en la que precisamente rescataban algunos estilos de usuarios muy relevantes que precisamente tenían como objetivo presentar la información de una forma más clara y legible. El resultado es sorprendente, sobre todo cuando uno lo aplica a webs sencillamente horrendas como TechCrunch o una discutible Daring Fireball que no me acaba de convencer con su característica selección de colores de fondo y de texto. Y ahí es donde me di cuenta de nuevo de la potencia de las hojas de estilo.

Porque los estilos de usuario no son más que eso: hojas de estilo que uno puede aplicar a aquellas webs que más rabia le den. En los ejemplos que menciona esa sencilla web de la que hablaba el proceso es muy sencillo: instalas Stylish, pinchas en Gestionar estilos instalados, pinchas en Escribir nuevo estilo y copias el código del CSS en cuestión para luego aplicarlo a la URL de la que quieres modificar el aspecto visual. Tras guardar los cambios, voilà, ya tienes ese sitio web a tu imagen y semejanza.

techcrunch

daringfireball

El después y el antes, el antes y el después (vaya lio) de TechCrunch y Daring Fireball

La cosa se pone interesante cuando uno se da cuenta que dejar cualquier web a nuestro gusto no es demasiado complicado, sobre todo con extensiones adicionales como Stylebot, una especie de FireBug en directo que acaba siendo como un adictivo juego para los que gustamos de toquetear en los estilos que imponen los diseñadores y desarrolladores web. Ya podéis cambiar tipografías, colores, márgenes y paddings, o colores de los hiperenlaces para dejarlo todo a vuestro gusto. Los ejemplos son múltiples, y esta es una excelente forma de leer sin que se nos salten los ojos webs imprescindibles como HackerNews (aunque yo siempre tiro de su clon 2.0, HckrNews) o Reddit. Parece mentira que contenidos tan impresionantes tengan éxito a pesar de esos diseños tan ochenteros.

Y sí, pequeños mamones. Es más que probable que usando Stylebot podáis crear con relativa facilidad un estilo para evitar leer Incognitosis en mis queridas dos columnas. No seré yo el que busque la forma de hacerlo, no obstante 😉


Incognichollos

Esta es una selección con las mejores ofertas tecnológicas actualizadas casi diariamente, como expliqué aquí. Aunque estés en un post «antiguo» las ofertas son de última hora, los Incognichollos los actualizo aparte. También puedes seguir los Incognichollos en Twitter o en el nuevo canal de Telegram 🙂 . Aprovecha, que no suelen durar mucho tiempo.

  • OnePlus 7: la evolución del 6T con 6,41?, Snapdragon 855, 8 GB de RAM, mininotch, 256 GB de capacidad (uauh), cámara dual 48+5, 3700 mAh de batería, huella en pantalla. Está a 437,49 euros en AliExpress.
  • Lenovo Yoga 920: un convertible de 13,9 pulgadas con un Core i5-8250U, 8 GB de RAM, 256 GB SSD y Windows 10. Estupendo a este precio, 749,98 euros en Amazon.
  • Auriculares Sennheiser Momentum 2.0: diadema ajustable, micrófono incorporado, diseño chulísimo y una calidad de sonido top según dicen las críticas. Nunca los había visto tan baratos, 108 euros en Amazon Alemania, envío incluido.
  • Altavoz Bluetooth Xiaomi Square Box II: un altavoz portátil con tecnología Bluetooth 4.2, micrófono, manos libres, cancelación de ruido, 1200 mAh, autonomía 10 horas, incluye entrada de minijack de 3,5 mm. Está a 21 euros en Banggood con el código e2db5f
  • Huawei Honor Band 4: con pantalla AMOLED de 0,95?, monitor de sueño, soporte de natación (reconoce distintas brazadas), hasta 50 m de profundidad, lector de frecuencia cardíaca. Muy chula por 24,90 euros en Banggood con el código BGHWBand4es.
  • Xiaomi Mi Band 4: la nueva pulsera cuantificadora con pantalla AMOLED 0,95?, hasta 50 m profundidad y 5 ATM, sensor cardíaco, comandos de voz, notificaciones, brutal por 30,9 euros en AliExpress.
  • OnePlus 7 Pro: el súper teléfono a tope: 6,67 pulgadas a 90 Hz (dicen que son la pera), 8 GB de RAM, 256 GB de capacidad, cámara triple (48+16+8), cámara frontal retráctil 16 MP, lector de huella en apntalla, 4.000 mAh. Está a 657 euros en GearBest.
  • Medion Ultrafino S6445: un ultrabook de 15,6? FullHD con un Core i3-8145U, 8 GB de RAM y 256 GB de capacidad, teclado QWERTY español, Windows 10 Home. Todo por 399,99 euros en Amazon, estupendo.
  • Monitor gaming ASUS MG248QR: con 24 pulgadas y resolución 1080p, pero sobre todo con soporte de tasa de 144 Hz. Fantástico por 239,99 euros en Amazon (299 en PCComponentes).
  • SSD Samsung 2 TB: una unidad SSD con esta capacidad y a este precio es tela. Velocidades de 550 MB/s, está a 195 euros en Amazon Francia, envío incluido.
  • Portátil ASUS VivoBook S14: un 14? Ful HD con un Core i5-8265U, 8 GB de RAM, 256 GB de SSD, teclado español y Windows. El touchpad es además teclado numérico. Está a 499,99 euros en Amazon.
  • Mando Sony DualShock 4 para PS4: el mando en versión 2, inalámbrico, color negro, está a 37,99 euros en Amazon.
  • Windows 10 Pro: una licencia para el sistema operativo de Microsoft. Te la mandan por correo junto a algunas instrucciones. Está a 3 euros en Amazon.
  • Xiaomi Mi 9: si queréis el telefonazo de Xiaomi, atentos. Pantalla de 6,39 euros sin marcos, Snapdargon 855, 6 GB de RAM, 64 GB de capacidad, cámara triple de 48+16+12 MP, está a 384,74 euros en Banggood con el código BG6M9128.
  • iPhone X 256 GB: el telefonazo de Apple del año pasado sigue siendo un gran terminal. 5,8?, Apple A11 Bionic, 3 GB de RAM, 256 GB de capacidad, cámara dual de 12 MP, está a 899 euros en Amazon (1.089 precio normal).
  • OPPO Realme X: el rival a batir en gama media rompedora. Tremendo, 6,53? sin marcos, Snapdragon 710, 4 GB de RAM, 64 GB de capacidad, cámara dual 48+5, cámara frontal periscópica, 3765 mAh, lector de huellas en pantalla. Brutal por 236,45 euros en Banggood.
  • Xiaomi Redmi Note 7: 6,3» Snapdragon 660, 4 GB de RAM, 128 GB de capacidad (ampliables vía MicroSD), 4.000 mAh, minijack y cámara dual de 48+5 MP realmente estupendo por 180,95 euros en Banggood con el código BG5RN74. La versión de 3/32 está a 141 euros en AliExpress, y la de 4/64 está a 163 euros en Banggood con el código BG5RN7.
  • iPad Air (2019): atentos a la nueva versión de la tableta con pantalla de 10,5? y el potente procesador A12 Bionic, además de cámara de 8 MP y 256 GB de capacidad. A tope por 591,06 euros en Amazon (719 en Apple).
  • Xiaomi Mi 9 SE: y la versión compacta: 5,97 pulgadas, Snapdragon 712, 6 GB de RAM, 64 GB de capacidad, triple cámara (48+12+16), lector de huella en pantalla, está a 266,61 euros en Banggood con el cupón 5BGM96SE. Brutal.
  • Portátil HP Pavilion 15-bc450ns: un equipo de 15,6? Full HD con un Core i5-8300H, 8 GB de RAM, 1 TB de HDD, 128 GB SSD (uauh) y GeForce GTX 1050 (uauh!), sin Windows (hay incognichollo ahí de 1,5 euros para resolver). Está a 629,99 euros en Amazon.
  • Unidad SSD Lexar 120 GB: modelo SATA 6 GB/s, hasta 550 MB/s de velocidad de lectura, fantástico como complemento para tu PC o portátil sobre todo a este precio mísero: 21,29 euros en Amazon. La versión de 240 GB, a 36,19 euros.
  • Asus ZenFone 6: el nuevo telefonazo de Asus con pantalla sin marcos de 6,4 pulgadas, 6 GB de RAM, 64 GB de capacidad y esa cámara desplegable dual que funciona tanto como frontal como trasera. Está a 477 euros en GearBest
  • Xbox One S Digital + 3 juegos: la consola de Microsoft sin unidad de Blu-ray incluye un mando y Minecraft, Sea of Thieves y Forza Horizon 3. Está a 175 euros en AliexpressPlaza con el código «plazaoff«. Envío desde España, 2 años garantía.
  • HP Noteboook 15: portátil de 15,6 pulgadas HD (1366×768, el único fallito), CPU AMD A9-9425 (tipo Celeron), 12 GB de RAM, 256 GB de SSD, Windows 10, teclado español. Modesto en CPU y pantalla pero muy bien lo demás, el precio mola: 449,99 euros en Amazon.
  • Tablet Amazon Fire 7: la renovada tableta de Amazon con mejor procesador y sobre todo con el doble de capacidad que el modelo de 2017. La versión de 16 GB (ampliable vía microSD) está a tan solo 69,99 euros en Amazon.
  • Bolígrafo Xiaomi Mijia Pen + 3 recambios: el boli de 0,5 mm con tecnología suiza (o eso dicen) que enamora. Yo ya he comprado varios, y la verdad es que molan, y por este precio, más. El boli + tres recambios sale por 3,41 en AliExpress.

¿Quieres recibir un correo de aviso cuando publique nuevas entradas?

Standard

6 comentarios en “User Styles: Si no te gusta el aspecto de la web, cámbialo

  1. La extensión que comentas sería similar a stylish de firefox? hace tiempo que ando buscando una extensión que me permita cambiar al «modo noche» la web… pero me asusta lo de «hojas de estilo» CSS, probaré a ver qué tal…

  2. Me gusta mucho jugar con el css pero no lo aplicaría a excepción de casos que en realidad lo ameritan como ya lo mencionaste TechCrunch, lo de las dos columnas de Incognitosis no aplica con migo ya que fue aparte del contenido lo que me engancho al blog.

    PD: quería comentar tu artículo sobre el Raspberry Pi pero lo desconocía hasta hoy.

  3. Aficionado dice:

    Me encanta el estilo minimalista para Twitter, lástima que solo funcione correctamente para Chrome.

    Ahora me he puesto a buscar como locos mas «styles» en la web que has mencionado.

    PD: Acabo de encontrarte googleando y vas para mi G. Reader 😉

    Saludos

Comentarios cerrados