Incognitosis

Incognitosis 6.0: Responsive Design al poder

·

Llevaba mucho tiempo queriendo hacerle un lavadito de cara a Incognitosis, pero el tiempo que le puedo dedicar tanto a escribir como a mejorar su rendimiento y su diseño es muy limitado, así que el cambio ha tardado en llegar más de la cuenta. No importa: eso me ha servido para empaparme de tendencias muy interesantes en el campo del diseño web, de las cuales la que me tira especialmente la filosofía de diseño adaptable (o flexible), una traducción libre de responsive design, el término del que ya hablé hace bien poquito y que es una solución perfecta… en ciertos casos, como el mío. Por primera vez Incognitosis se leerá casi igual de bien en vuestro móvil, en vuestro tablet o en vuestro PC o portátil, y todo gracias a la magia de las media queries que logran que en todo momento imágenes, textos y estructura general del blog se adapten a la pantalla en la que cada uno vez este blog.

Aprovechando la llegada de esta filosofía responsive design a mi blog he querido darle un nuevo aire a Incognitosis, dos años después de aquel Incognitosis v5.0. Mejor dicho: le he querido dar más aire. La columna lateral  que he tenido hasta ahora solo servía para dos cosas: ofrecer la caja de búsquedas en todo momento, y sobre todo mostrar algún que otro anuncio de publicidad vía AdSense. Los ingresos por publi eran más bien anecdóticos, y aunque no descarto tirar de otros formatos (nada de MPUs, quizás algún interstitial ocasional) para sacarle un poco de jugo al blog, he preferido (de momento) no ensuciar el diseño con publicidad que solo molesta. Así que Incognitosis se centra total y absolutamente en el contenido, y lo hace con cierto regustillo a los periódicos y revistas de toda la vida.

Y es que como habréis notado, el tema con el que renuevo el diseño  tiene una particularidad: se trata de un formato que muestra el texto en dos columnas, algo que no se suele ver en medios online pero que para mi permite recuperar al menos parte del encanto del papel. En realidad puedo elegir si mostrar los posts en una o dos columnas según los vaya publicando, y puede que en alguna ocasión recupere el formato tradicional, pero me gusta mucho ese formato de columna doble, así que de momento así dejaré el diseño. Para los curiosos, el tema que he utilizado es Duet, de The Theme Foundry, un desarrollo que vi hace semanas y que era firme candidato a ser la base del nuevo Incognitosis. Al final me decidí y lo compré, y tras algunas modificaciones de mi mujercita (¡pipi!), que es un hacha en programar con PHP, HTML y CSS, ya tenía tema nuevo.

Más novedades:  aparece la tipografía Open Sans, que podéis ver gracias a la «magia» de Google Web Fonts, desaparecen los iconos sociales -si queréis compartir los posts, seguro que sabréis como hacerlo sin estos botoncitos- y, atención, incluyo la opción de que podáis recibir notificaciones de nuevos posts por e-mail, algo que por unas cosas o por otras -sobre todo por estupidez, me temo- jamás incluí en Incognitosis. Podéis suscribiros por mail en este enlace, y así no tendréis que estar visitando la página o revisando vuestros feeds RSS cada tres por cuatro, aunque las nuevas entradas también saldrán notificadas en mis cuentas de Twitter y Facebook, como de costumbre. Hay algún detallito más, pero os animo a que seáis vosotros mismos los que los descubráis y comentéis sobre vuestras impresiones. Por cierto: de momento no hay caja de búsquedas, pero la habrá, y será responsive, por supuesto. No ha dado tiempo a solucionar un problema técnico con ella en ese apartado, aunque espero resolver esa limitación esta misma semana.

¡Que disfrutéis de Incognitosis 6.0!


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.

  • Xiaomi Mi A3: el nuevo cholloteléfono de Xiaomi. 6,01″, Snapdragon 665, 4 GB de RAM, 64 GB de capacidad, cámara triple (48+8+2 MP), Android One (puro, sin MIUI), lector de huella bajo pantalla, sin NFC, brutal: 203 euros en GeekBuying con el código 3FUYCD7F
  • Xiaomi Mi 9T: 6,39″ AMOLED, Snapdragon 730, 6 GB de RAM, 128 GB de capacidad, cámara triple (48+8+13), cámara frontal retráctil (20 MP), lector de huella bajo pantalla, 4000 mAh. Brutal por 271 euros en GearBest con el código MI9T128BLACK
  • Xiaomi Mi 9: atentos, chicos. AMOLED 6,39» , Snapdragon 855, 6 GB de RAM, GB de capacidad, huella dactilar en pantalla, carga inalámbrica y rápida, cámara triple (48+12+16 MP). Brutal por 316 euros en GearBest con el código GBM964BLACK
  • Monitor AOC: atentos a este chollazo, 21,5 pulgadas y resolución 1080p a un precio escandaloso, 69,99 euros en Amazon. Absolutamente brutal, con HDMI y VGA.
  • Raspberry Pi 3 B+ Starter Kit: acaba de salir la 4, pero eso abarata este kit. Incluye la RPi 3 B+, adaptador de corriente con interruptor, 3 radiadores, caja, cable HDMI, micro SD con NOOBs. Está a 51 euros en Amazon con el código JF8I4CDN
  • Auriculares Xiaomi AirDots Pro: los competidores de los AirPods de Apple, con controles de reproducción, llamadas y asistente de voz, compatibles con iOS y Android, hasta 10 horas de uso, están a 40 euros en Banggood con el código BGAirTWSES
  • SSD Samsung 860 QVO 2 TB: la unidad SSD de 2 TB de Samsung sigue estando de ofertón. Con tecnología QVO, mejores tasas y eficiencia, hasta 560 MB/s en lectura, está a 187 euros en Amazon Francia, envío incluido
  • Huawei MateBook D: un portátil ultradelgado de 15,6″ Fulll HD con un Core i3-8130U, 8 GB de RAM, 256 GB de capacidad, Windows 10 y teclado en español. Buen precio para un buen equipo, 499 euros en Amazon
  • Lenovo IdeaPad 330-15ICH: el 15,6″ Full HD con ambición gaming. Core i5-8300H, 8 GB de RAM, 1 TB de HDD, y una GTX 1050 para jugar con cierta alegría. Sin sistema operativo, está a 499 euros en Amazon
  • Xiaomi Mi Band 4: la nueva versión de la pulsera cuantificadora con pantalla AMOLED a color, 5 ATM de resistencia (a nadar sin fin) sensor de ritmo cardiaco, notificaciones, monitor de sueño, está a 27 euros en Banggood con el código BGMiband4es01
  • Smart TV LG 55UM7100ALEXA: una tele inteligente de 55 pulgadas 4K HDR10 y HLG con WebOS 4.5, conectividad ThinQ, soporte Alexa, sonido Ultra Surround. Está a tan solo 538,99 euros en Amazon.
  • NAS WD My Cloud EX2 Ultra: un NAS de nada menos que 8 TB de capacidad con dos bahías, RAID, sincronización de archivos, servidor multimedia, está a 268,99 euros en Amazon.
  • Chuwi Aerobook: 13,3″ con un Intel Core m3-6Y30, 8 GB de RAM y 256 GB de SSD, Windows 10 (teclado en inglés, touchpad gigante, ). Compacto, ligero y con bastantes más puertos que el de Apple 🙂 Está a 337 euros en Banggood con el código BGOPCOUPON001
  • Portátil Jumper EZBook 3 PRO: uno parecido estoy usando para escribir esto. Ultradelgado, 13,3″ Full HD, Intel Celeron N3450, 6 GB de RAM, 64 GB eMMC, ranura MicroSD, puerto M.2, BT 4.0, HDMI, 4.500 mAh, está a 192 euros en Banggood con el código BGJU4679
  • Lenovo Legion T530: un PC de sobremesa con un Core i7-8700, 8 GB de RAM; 1 TB de HDD, 128 GB de SSD y una GTX 1050 Ti para jugar. Yo luego añadiría aparte un SSD y quizás mejor gráfica, pero a este precio está muy bien, 679,18 euros en Amazon. No incluye Windows 10, que tendréis que comprar aparte. En eBay las tenéis por 3 euros, no hay problema
  • Tableta Chuwi Hi9 Plus: 10,8″ con un MediaTek Helio X27, 4 GB de RAM, 64 GB de capacidad (ampliables), soporte stylus , webcam 8 MP, WiFi ac, BT 4.1, minijack, USB-C, 7.000 mAh, GPS, radio FM, dual SIM. Está a 142 euros en Banggood con el código BG924355. La versión con 128 GB de capacidad está muy poco por encima, solo 211 euros en Banggoodcon el código BGJU4679
  • Volante para Nintendo Switch: dos volantes AmazonBasics en rojo y azul para la Nintendo Switch para insertar el mando joy-con. Perfectos para Super Mario Cars, por supuesto. Está a 8,95 euros en Amazon.
  • Xiaomi Mi 9 SE: 5,97 pulgadas, Snapdragon 712, 6 GB de RAM, 128 GB de capacidad (uauh), triple cámara (48+12+16), lector de huella en pantalla, está a tan solo 270 euros en GearBest
  • Cinta de andar Xiaomi Youpin A1: velocidad máxima de 6 km/h, soporta 90 kg y es además plegable para su fácil almacenamiento. Está a 348,16 euros en GearBest.
  • Xiaomi Redmi Note 7: 6,3» Snapdragon 660, 4 GB de RAM, 64 GB de capacidad (ampliables vía MicroSD), 4.000 mAh, minijack y cámara dual de 48+5 MP realmente estupendo por 147 euros en Banggood con el código BGEMN764. La versión de 3/32 GB está a 132,46 euros en GearBest.
  • Portátil Jumper X4 Pro: un 14″ Full HD con un Core i3-5005U, 8 GB de RAM, 256 GB de SSD, webcam, WiFi ac, BT 4.2, jack de audio, HDMI, lector microSD, puerto USB-C, 4 altavoces. Tremendo por 352 euros en Banggood con el código BGJL3D10
  • Xiaomi AMAZFIT Bip: el reloj cuantificador tipo Pebble. 45 días de autonomía (y no es broma, análisis aquí chulo), GPS, monitor de sueño y pulsaciones, notificaciones, está a 45,9 euros en Banggood con el código BGSALEBIP
  • Tableta Teclast T20: más ambiciosa. 10,1″, pantalla Sharp 2,5K, Helio X27, 4 GB RAM, 64 GB capacidad, 8100 mAh, webcam 13 MP, lector de huella, WiFi, 4G, está a 142 euros en Banggood con el código BG88b402
  • 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 401,66 euros en AliExpress.
  • Samsung Galaxy A60: curioso este móvil de 6,3″ con un Snapdragon 675, 6 GB de RAM, 64 GB de capacidad, cámara triple (32+5+8) y frontal de 16 MP, 3500 mAh, está a 205,85 euros en GearBest.
  • Chuwi Aerobook: una especie de ‘MacBook’ de 13,3″ con un Intel Core m3-6Y30, 8 GB de RAM y 256 GB de SSD, Windows 10 (teclado en inglés, touchpad gigante, ). Compacto, ligero y con bastantes más puertos que el de Apple 🙂 Está a 384 euros en GearBest.
  • Lenovo IdeaPad 330-15IKBR: atentos a la configuración. 15,6″ HD (es la única pega, no FullHD), Core i7-8550U, 8 GB de RAM, 256 GB SSD. Teclado español, sin sistema operativo. Brutal por 479 euros en Amazon
  • SSD Samsung 860 QVO 2 TB: una unidad SSD SATA brutal de 2 TB de capacidad y con tecnología QVO, superior en eficiencia y rendimiento, hasta 550 MB/s. Está a 187 euros en Amazon Francia, envío incluido.
  • AMD Ryzen 5 2600X: desbloqueado para overclocking, esta CPU con 8 núcleos y 16 hilos de ejecución funciona a 4,25 GHz con Turbo. Incluye ventilador Wraith Spire. Está a 178,45 euros en Amazon
  • Xbox One S 1 TB All-digital: es la nueva edición sin lector Blu-ray, pero llega con un mando y un disco de 1 TB de capacidad. Regalan el juego Sea of Thieves y el Forza Horizon 3. Súper barata, 180 euros en Aliexpress Plaza
  • Xiaomi Mi Air 13: vuelve a estar insteresante. 13,3″ Full HD con Core i7-8550U, 8/256GB, GeForce MX150, lector de huella, buena opción en Banggood, está a 679 euros con el código BGXM2972.
  • Pack teclado y ratón Logitech MK120: las críticas son fantásticas, y a este precio no me extraña. Teclado de perfil plano, eespañol (la foto está mal) silencioso, con cable USB, ratón con cable USB. Está a 13,95 euros en Amazon.
  • OnePlus 7 Pro: 6,67 pulgadas a 90 Hz (dicen que son la pera), 8 GB de RAM, 256 GB capacidad, cámara triple (48+16+8), cámara frontal retráctil 16 MP, lector de huella en apntalla, 4.000 mAh. Está a 599 euros en Banggood con el código BGOP7PRO
  • Xiaomi Mi A2: está de oferta. Pantalla de 5,99 pulgadas, Snapdragon 660, 4 GB de RAM, 64 GB de capacidad (no ampliables), cámara dual (12+20), está a 145 euros en Amazon. Jamás había estado tan barato allí.
  • MiniPC: atentos a este equipo en formato NUC con un Core i3-7100U, 8 GB de RAM, 120 GB de SSD, WiFi 300 Mbps, 6 x USB, RJ-45, Ethernet, VGA, HDMI, toma auriculares. Por 205,94 euros, nada mal en AliExpress. Te regalan montura VESA.
  • Amazfit Verge Lite: sin NFC, pero con una autonomía de hasta 20 días. Pantalla AMOLED de 1,3″ 360×360 Corning Gorilla Glass. Frecuencia cardíaca, gran variedad de modos deportivos. GPS + GLONASS. Está a 89,18 euros en AliExpress

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

Standard

23 comentarios en “Incognitosis 6.0: Responsive Design al poder

  1. La verdad es que me gusta bastante los diseños bajo ‘Responsive Design’, sólo que veo algo extraño el tener que, leyendo un artículo, hacer scroll hacía arriba para leer la columna derecha cuando se puede aprovechar el largo infinito’ de las WWW para la lectura.

  2. Edu Blanco dice:

    El diseño es atractivo, però no veo ninguna ventaja a la doble columna, un recurso de medios impresos que no cuadra con barras de desplazamiento y perjudica la usabilidad.

  3. Chema dice:

    Me encanta lo «limpito» que ha quedado el diseño. Muy agradable de leer. Lo que no me gusta tanto es el tema de tener que hacer scroll de nuevo hacia arriba para seguir con la columna de la derecha. En los posts que caben justo en la pantalla no hay problema pero en los que te extiendes un poco toca tirar de rueda.
    Mi opinión personal es que me resultaba más cómodo con una única columna.

  4. Kschneidertz dice:

    Para los que quieran leer mucho más cómodos, sin el inconveniente de múltiple columna pueden usar el modo Reader para navegador Safari ó si usan Chrome la extensión iReader va de lujo.

    Bueno, realmente esta recomendación no es solamente para Incognitosis, pueden usarla para leer cualquier sitio de artículos, blogs, etc…

  5. Fran dice:

    Está muy bien estéticamente. Pero para leer en monitor de PC que es panorámico sería mejor que el contenido estuviese más ancho ocupando toda la pantalla, porque ahora se quedan los laterales vacíos y si haces zoom se ponen las letras enormes. Podría ser simulando papel con columnas y todo eso pero en vez de en «folios verticales» como ahora hacer la distribución de los contenidos simulando «folios horizontales». Aunque para tablets viene mejor tal como está ahora supongo.

  6. freax dice:

    Felicitaciones Javi! te ha quedado de lujo, muy muy limpio; que placer leer un blog que además de interesante se vea bonito sin ser distraído por publicidad molesta.

    El diseño a dos columnas me parece interesante y no creo que sea tan estresante tener que hacer scroll para seguir leyendo.

    Ojalá otros sitios siguieran tu ejemplo y dejaran de sobrecargar sus paginas con banners, encuestas, contadores, nubes de tags, publicidad intrusiva y widgets sociales que no hacen más que distraer del contenido.

  7. Umm Javi …

    seguro que las «Media Query» tienen algún truco para ver las dos columnas en un IE 9.x.

    Aunque, de todas maneras, me gusta como queda en una columna todo lo ancho de la pantalla (¿has usado 960 grid o similar?).

    Por lo demás, felicidades por el diseño. Voy a ver qué tal se ve desde mi lector RSS del móvil (NewRob) y ya te diré. Que antes tenía que acceder al navegador para acabar de leer el artículo 😉

    Nos vemos.

  8. disinerge dice:

    Mucho más bonito que antes, lo admito.

    Pero que pereza da leer ahora a dos columnas. Lamentándolo mucho creo que mis visitas serán menos frecuentes.

  9. Está muy bonito el diseño para leer el blog en una tablet y en un smartphone. Pero en la laptop, uhm…, no sé, demasiado blanco, mucho para mi vista. Y la lectura en dos columnas, deberías considerar modificar eso.

    Por último, creo que deberías activar el feed completo =P

  10. Pingback: Microsoft Surface: quiero y no puedo | Incognitosis

  11. Pingback: Responsive Web Design, más allá de la moda: un análisis del nuevo Time.com | Incognitosis

Comentarios cerrados