Tecnología

Inline editors y el placer de escribir (un blog)

·

No sé cuántos CMS y editores de texto he probado, pero os aseguro que han sido unos cuantos. Esas más de 7 millones de palabras que he escrito profesionalmente han salido de ellos, así que una de las cosas que aprecio cuando tengo que enfrentarme a una “página en blanco” es la de que el editor me ponga fáciles las cosas.

Ha habido de todo y para todos los gustos. En PC Actual hacíamos uso de Movable Type en los primeros tiempos, igual que en The Inquirer ES hasta que dimos el salto a WordPress. En los sitios ‘Muy’ que luego ayudé a crear y levantar al estrellato (je) tuvimos que lidiar con el que probablemente haya sido el peor CMS que me he encontrado en mi vida.

medium1

El editor de Medium es un prodigio de la usabilidad. Con él descubrí el placer de escribir online sin distracciones y directamente sobre la página tal y como luego quedaría. Un milagro.

Aquel desarrollo a medida -aquí llegué tarde y no pude convencer a los cofundadores de usar WordPress- hecho por una empresa de Barcelona llamada Oasys (no sé si siguen existiendo) fue un desastre total de principio a fin, algo que se notaba cuando hablabas con ellos y no entendían lo que era un CMS. Creo recordar que no conocían WordPress o Movable Type, así que se lanzaron a crearnos algo de cero con eBD, una plataforma de desarrollo que sigue existiendo y que igual sirve para otros proyectos, pero resultó ser una verdadera pesadilla para el nuestro.

Afortunadamente logré convencer a mis socios de entonces de que aquello no podía seguir así y acabamos migrando a WordPress tras una migración en la que mi mujer -que ya despuntaba como frontend developer– y yo logramos algo que recuerdo como un logro técnico alucinante. Si hubiérais visto la estructura de las BBDD de aquel CMS original lo entenderíais. Si es que antes no os murieseis del agotamiento y el aburrimiento, claro.

Más tarde llegó Xataka y otro CMS propietario y hecho a medida llamado LightPress. No es el mejor ni el peor que he usado, pero por lo menos te permite escribir en Markdown y tiene previsualización en tiempo real del artículo, algo que si escribes a pantalla completa -yo no lo hago- puede servir de ayuda.

wp-editor

El editor de WordPress.com es un digno intento por hacer un cliente nativo en Windows/macOS, pero me temo que para mí eso no es suficiente. Se nota demasiado que es un editor. Argh.

El problema en mi caso es que quiero el menor número posible de distracciones cuando escribo. Los editores con los llamados “modos libres de distracciones” son bastante conocidos y desde luego ofrecen una interfaz minimalista y limpita que me encantaría usar… si estuviese escribiendo una novela.

El problema es que (aún) no la estoy escribiendo, y lo que me toca es escribir online. Escribir en esos editores y luego copiar y pegar en el editor del CMS es una opción que no me planteo, así que cuando puedo hago uso de lo que me gusta, que es escribir directamente sobre la página en la que publico. Alguna vez he probado cosas como el editor de WordPress.com, pero la verdad, donde esté mi alternativa actual que se quite lo demás. Solo he hablado de CMSs utilizados en el trabajo, pero obviamente al escribir mi blog he dado un buen paseo por otras alternativas, incluyendo aquel Blogger original -que yo usé por primera vez ya tarde, en 2004- y terminando por el protagonista de hoy. Pasando por cosas como los generadores estáticos de blogs, aunque hay muchas alternativas –como estas– que por una u otra razón no he podido probar y que también me tientan para juguetear al menos un rato.

wp-frontend-editor1

WP Frontend Editor en acción. Como veis hay mucha inspiración de Medium, pero eso no importa: hay que copiar lo que funciona.

Es lo que hacen los inline editors, y lo que afortunadamente llevo haciendo desde hace dos años en Incognitosis gracias a WP Frontend Editor, un plugin insustituible para mí que me permite acceder a ese formato de escritura WYSIWYG que me encanta y -creo- me ayuda a estar un poco más inspirado ante esa página digital en blanco con la que me encuentro a todas horas.

Seguro que hubo algún editor que lo hizo antes, pero creo que el primero que dio el campanazo con este tipo de editores fue Medium, ese fantástico servicio en el que escribir es un placer pero en el que cedes demasiadas cosas -personalización, control, publi (si la quieres)- al sistema de publicación. Hablé de ello en julio de 2014 por primera vez, pero bastante antes ya había hablado de Medium y de otros sistemas pijos y preciosistas para publicar -nadie se acuerda prácticamente ya de Svbtle, por ejemplo- como Ghost, que afortunadamente sigue por buen camino aunque nunca me haya decidido a usarlo por ese enfoque a escribir en Markdown que yo soporto para trabajar, pero no para disfrutar de la redacción.

Mi interés por WP Frontend Editor es tal que ha sido el proyecto en el que con diferencia más he participado en GitHub. Solo en modo feedback, ya sabéis, dando opiniones y contrastándolas con Ella van Thorpe, su desarrolladora, que ha hecho un trabajo prodigioso y que hace que escribir en Incognitosis y The Unshut se convierta en un pequeño placer los días que publico algo.

El caso es que hoy descubría una alternativa interesante en este segmento. Se trata de Postleaf, del que hablaban en TechCrunch y que ha sido creado por Cory LaViska, fundador de SurrealCMS -este tampoco lo conocía-. Este nuevo CMS precisamente destaca su sencillez, su simplicidad y, atención, su editor inline integrado de forma nativa. Cualquier cosa que edites la editarás sobre el diseño final de esa página web. Como si estuvieses trabajando en Photoshop, para que te hagas una idea.

A ello se suman otras cosas como su modo Zen -menos distracciones es casi imposible-, su soporte oEmbed -para poder embeber código de sitios como youTube, Instagram o Twitter fácilmente- o su integración nativa de un Diseño Responsive. Lo de poder crear backups fácilmente, el buscador integrado y el soporte de temas hacen que este desarrollo basado en PHP (¡herejía!, dirán algunos) sea una pequeña maravilla. Lamentablemente no hay soporte para plugins, pero parece algo que podría llegar en el futuro, porque por el momento todo está en fase beta.

postleaf-3

El editor de Postleaf en acción. Precioso y funcional, lástima la barra superior, pero eso sí, me mola ese panel lateral para ciertas cosas. Buenas ideas para el plugin de WP, creo yo.

Dudo que cambie a Postleaf, pero he querido trastear un poco con el CMS así que he creado un pequeño blog en uno de mis VPS y en 10 minutos ya lo tenía funcionando en mi infraestructura -Nginx y MariaDB al poder- gracias a que ayudan en el ficherito de configuración para toquetear a mi gusto. Las sensaciones han sido fantásticas: el CMS es rápido, es ligero -habrá que ver cómo se comporta cuando el número de posts crece, y también qué pasa en entornos multiusuario que atacan sin parar la BBDD- y sobre todo es bonito de pelotas cojones narices. Le encuentro una única pega: que al contrario de lo que hacen Medium y WP Frontend Editor los accesos a las funciones de edición -poner negritas, blockquotes, insertar imágenes o código- están en la barra superior, cuando lo suyo sería que apareciesen al seleccionar un bloque de texto o una línea vacía, como ocurre en estos dos que he usado más.

Espero sinceramente que mucha gente comience a usar Postleaf. Es una fantástica alternativa a WordPress, más simple pero mucho más usable para novatos, y se trata de una alternativa genial si eres capaz de hospedar tu propio blog. No sé si acabarán haciendo un servicio hospedado (en Postleaf.org la versión descargable para que te lo instales tú y la documentación, en Postleaf.com -que está a la venta- la versión hospedada), pero podría tener sentido. Si quieres simplicidad y te atrae eso de escribir directamente con un inline editor, creo que hay pocas opciones como esta. Sencillamente maravilloso.

A ver si otros aprenden (incluidos mis jefes) y entienden que escribir es mucho más fácil cuando no tienes millones de botoncitos y tonterías rondando en la pantalla. Que vivan los inline editors.


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. Aprovecha, que no suelen durar mucho tiempo:

  • Portátil Huawei Matebook 13: atentos a este maquinón, versión “lite” del Mateboox X. Con pantalla de 13 pulgadas 2K (1440p), un Core i5-8265U, 8 GB de RAM, 256 GB de capacidad, una GeForce MX150 y lector de huella dactilar. Lo tenéis a 745 euros en AliExpress. La batería de 41,7 Whr es algo limitada quizás, pero es que claro, es súper delgado (14,9 mm) y ligero (1,28 kg).
  • Xiaomi Mi Notebook Ruby: un portátil curioso. 15,6 pulgadas 1920×1200, Core i3-8130U, 4 GB de RAM, 128 GB de SSD (ampliables), USB 3.0, HDMI, Gigabit Ethernet, lector de tarjetas. Está a 477 euros en Banggood con el cupón B12G304
  • Pala pádel Royal Padel EFE Carbon Amarilla: offtopic, como juego al pádel se me ha ocurrido poner esta oferta que me tienta hasta a mí. Hablan muy bien de esta pala que cuesta 109 euros en Amazon en lugar de los 329 de otras tiendas (comprobado). Chollazo.
  • iPad 9,7 pulgadas (2018): el modelo más reciente con soporte para el Apple Pencil. Color gris espacial, 32 GB de capacidad y con WiFi. Está a 269,99 euros en eBay, el precio más bajo que he visto. En Amazon está a 309 euros.
  • 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,24 en AliExpress.
  • PC Medion Akoya PCC722: atentos que aquí tenéis un equipo sobre el que luego crecer mucho (un SSD y gráfica modesta por ej) y bien: Core i3-8100, 8 GB de RAM, 1 TB de disco HDD, sin sistema operativo. Está a 319 euros en Amazon.
  • Samsung Galaxy Tab A: buena tableta Android con pantalla de 10,1 pulgadas FullHD, procesador octa-core, 2 GB de RAM, 32 GB de capacidad, ANdroid 7.0 actualizable, color blanco. Está a 167,50 euros en Amazon.
  • Hub USB-C 7 en 1: para los que solo tenéis puertos USB-C en el portátil, este es un súper-dongle. Salida HDMI, 3xUSB 3.0, USB-C, lector SD y micro SD. Todo por 20,99 euros en Amazon con el cupón LGUZWW3D.
  • iPad Pro (2017): el de segunda generación, no el más reciente, pero atentos, CPU Apple A10X Fusion, 12,9 pulgadas, 256 GB de capacidad, WiFi y un precio estupendo, 881,39 euros en Amazon
  • iPhone XR: el telefonazo “económico” de Apple baja un poco de precio. Pantalla de 6,1 pulgadas (LCD), cámara de 12 MP, Face ID, CPU APple A12 Bionic, carga inalámbrica, resistencia al agua. Está a 749 euros en Amazon en color azul.
  • Intel NUC: un miniPC que solo incluye placa y procesador: tienes que comprar aparte RAM y SSD. Aún así curioso por formato y puertos. LLega con un Celeron J3455 y con HDMI, VGA, USB3, Ethernet y puertos M.2 y DDR3. Está a 119 euros en Amazon
  • Xiaomi PocoPhone F1: el móvil súper chollo de los últimos meses baja también en Amazon. 6,18 pulgadas, Snapdragon 845, 6GB de RAM y 128 GB de capacidad (ole) además de cámara dual 12+5 MP. Está a 305 euros en Amazon.
  • Xiaomi Mi Mix 3: el súper teléfono sin marcos baja de precio: con pantalla de 6,39” deslizable para la cámara selfie y Snapdragon 845, 6 GB de RAM 128 GB de ROM y cámara dual 12+12. Estupenda opción por 436,86 euros en AliExpress (aplicad cupón de 7 euros en la página).
  • PC Lenovo IdeaCentre AIO 330-20AST: un Todo-en-uno modesto pero estupendo para ahorrar espacio en el escritorio. 19,5”, CPPU AMD A6-9200, 4 GB de RAM; 1 TB de HDD, gráfica AMD Radeon R4, Windows 10, ratón y teclado. Todo por 259,99 euros en Amazon.
  • Móvil ProTruly D7: pantalla 5,5 pulgadas, Helio P20, 3 GB de RAM, 32 GB de capacidad (ampliables) pero atentos a la cámara VR de 26 MP que permite grabar vídeos en modo “panorama 360”, o eso promete. Está a 92,53 euros en Banggood. Curioso es, desde luego.
  • Nokia 8: pantalla de 5,3 pulgadas, Snapdragon 835, 6 GB de RAM, 128 GB de capacidad (y ampliables, uauh) y cámara dual 13+13. Curioso lo de su pantalla con 700 nits de brillo máximo. Está a 240 euros en Banggood. En Amazon esta versión está a 410 euros.
  • Acer RT280KABMIIPX: monitor de 28 pulgadas con panel TN, resolución UHD (3840×2160), 1 ms de respuesta, 2 x HDMI (2.0), 1 x HDMI (1.2), altavoces integrados. Está a 262 euros en Amazon Italia envío incluido.
  • Xiaomi Notebook Air 13,3”: el portátil con una CPU algo más antigua, el Core i5-7200U. Por lo demás, impresionante por sus 8 GB de RAM, 256 GB de capacidad y GeForce MX150 además de lector de huella. Brutal por 603,90 euros en Banggood con el cupón 12CRI01.
  • Reloj inteligente Huawei Watch GT: pantalla AMOLED 1,39” (454×454), GPS/Galileo, sensor de frec. cardiaca, notificaciones, sumergible. Está a 150 euros en AliExpress por 150 euros con el cupón HuaweiGT (en Amazon 199).
  • Mando Bluetooth para juegos móviles IPega PG-9076: con su soporte para el móvil, pero que también sirve para la tableta o el portátil, por ejemplo. Está a 16,98 euros en GearBest.
  • Xiaomi Notebook Air 13,3 pulgadas: precio/prestaciones casi sin parangón. 13,3 pulgadas FullHD, Core i7-8550U, 8 GB de RAM, 256 GB SSD, GeForce MX150, HDMI. Está a 763,76 euros en Banggood con el cupón 19BGA729.
  • Portátil Lenovo Ideapad 330-15IKB: 15,6 pulgadas HD (1366×768), Core i3-6006U, 4 GB de RAM, 500 GB de HDD y sin sistema operativo, así que perfecto para #Linux. Tiene Ethernet lector SD, USB, USB-C, HDMI ¡y grabadora de DVD! Está a 299 euros en Amazon.
  • Colorful iGame RTX 2060: esta marca es algo así como la Gigabyte china: toda una RTX 2060 con 6 GB de GDDR6 a un precio brutal, 352,56 euros en Banggood con el cupón fee6c3.
  • Xiaomi MiBand 3: con pantalla de 0,78 pulgadas (128×80 píxeles), batería de 110 mAh con autonomía de 20 días, sumergible hasta 50 metros y con Bluetooth 4.2. Envío desde España, está a 22,49 euros en Amazon.
  • Monitor gaming Aopen 24HC1QRPbidpx: atentos a su diseño curvo, diagonal de pantalla de 23,6 pulgadas, Full HD pero sobre todo soporte 144 Hz. Tiene entradas HDMI, DVI y DisplayPort y soporte para FreeSync. A jugar chicos. Está en Amazon a 179,99 euros.
  • Impresora Epson EcoTank ET-2650: no usa cartuchos de tinta, sino depósitos recargables que salen (teóricamente) mucho más baratos. Es una multifunción de inyección con WiFi. Está a 159 euros en Amazon  En PCComponentes cuesta 205 euros, por ej.
  • Xiaomi Mi A2 Lite: el telefonazo chollo por excelencia, 5,84 pulgadas, Snapdragon 625, 4 GB de RAM, 64 GB de capacidad, cámara dual 12+5 MP, batería de 4.000 mAh, sin NFC eso sí pero aún así triunfada. Atentos porque el modelo de 3 GB y 32 GB es impresionante en precio: 150 euros en GearBest. Pero es que atención: en Amazon está a 162 euros ahora mismo.
  • Pendrive USB Kingston DataTraveler 128 GB: atentos a esta llave USB con nada menos que 128 GB de almacenamiento por un precio absurdo: 18,32 euros en Amazon. El modelo de 64 GB está a 9,62 euros en Amazon, también muy interesante. Si no os gusta ese diseño, el pendrive SanDisk Ultra de 128 GB está a 19,99 euros en Amazon.
  • Disco duro externo Maxtor 4 TB: yo me compré hace tiempo uno igual por 130 euros. COn conexión USB 3.0-3.1 y sin necesidad de alimentación externa. La rebaja en precio es bastante importante, así que ahí lo dejo: ahora está a 96,89 euros en Amazon.
  • Fire TV Stick: el dongle HDMI de Amazon compatible con todo tipo de servicios de streaming mola por el mandito a distancia. Está  a 39,99 euros en Amazon.
  • Monitor HP 32s: si necesitáis un monitor grande, atentos al modelo de HP de 32 pulgadas con resolución FullHD, conectores VGA y HDMI por 251 euros en Amazon.
  • Huawei Mate 20 Pro: el súper teléfono de Huawei, incluso por encima del P20 Pro. Pantalla de 6,39 pulgadas, Kirin 980, 8 GB de RAM, 128 GB de capacidad, 4.200 mAh y una cámara triple que está entre las tres mejores del mercado. Está a 739,99 euros en eBay.
  • SSD SanDisk 1 TB: una unidad de estado sólido SATA de 1 TB a 131,43 euros en Amazon. No hay mucho más que decir. Otra opción: la unidad Crucial MX500 también de 1 TB por 121,92 euros en Amazon.
  • Monitor gaming BenQ XL2411P ZOWIE: un monitor estupendo para jugones con diagonal de 24 pulgadas, resolución 1080p, conectores HDMI y DisplayPort y sobre todo soporte de tasa de refresco de hasta 144 Hz. Fantástico por 247 euros en Amazon, el precio más bajo que he visto nunca.
  • Smart TVTelevisión Sharp 65 pulgadas 4K: si tenéis otras necesidades atentos, porque aquí tenemos un pedazo televisor con todo lo que se le puede pedir a un cacharro de este tipo. 65 pulgadas, 4K, HDR, 3 puertos HDMI, 2 USB, y sonido Harman Kardon. Todo por 799,99 euros en Amazon.
  • Xiaomi Mi 8 (Global): con dos años de garantía en España, envío inmediato. Pantalla AMOLED de 6,21 pulgadas FHD+, Snapdragon 845, 6 GB de RAM, 64 GB de capacidad, cámara trasera 12+12 MP, cámara frontal de 20 MP, lector de huellas trasero, batería de 3.400 mAh. Está en color negro a 363,22 euros en Banggood.
  • Smartwatch Huawei Watch 2: un reloj inteligente con Android Wear 2.0 y con pantalla de 1,2 pulgadas. Tiene GPS, es resistente al agua y tiene batería de 420 mAh. Está a 164 euros en Amazon Italia, envío incluido.
  • Forza Horizon 4: el juegazo de coches está de rebajas: 31,89 euros en CDKeys. Por poner otro buen chollo, el Grand Theft Auto V para PC está a 10,79 euros en CDKeys.
  • Monitor Acer V6 V226HQL: monitor de 21,5 pulgadas Full HD (1920 x 1080) con entradas VGA, DVI y HDMI. Atentos al precio: 83,48 euros en AliExpress Plaza, envío desde España y garantía de dos años.
  • Patinete Eléctrico Ninebot ES1 No. 9: otro patinete similar al anterior pero algo menos potente. Hasta 20 km/h y hasta 25 km de autonomía, muy bien también por su precio, 288,51 euros en GearBest con dos años de garantía en España. Desactivad el seguro de envío, eso sí.

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

Standard

13 comentarios en “Inline editors y el placer de escribir (un blog)

  1. ¡No lo entiendo!

    ¿Dónde está la ventaja de ver el aspecto pseudo-definitivo de lo que escribes?

    Es verdad que, cuando escribo, lo hago en muchas pasadas:

    – Primero el contenido de texto (si acaso los enlaces los voy incluyendo sobre la marcha).

    – Luego inserto las fotos y gráficos por el medio.

    – Luego doy una pasada de formateo estético (principalmente subtítulos, colores, justificados, etc).

    Aquí siempre tengo que pasar a la versión de código html para arreglar ciertos espaciados. En este paso por la variante en código, aprovecho para meter algún div con alguna clase css que ya tengo preparada para dar algún efecto de resalte.

    Y finalmente meto las negritas (yo plago mis textos de negritas).

    Y todo esto lo cuento para decir que, creo que escribir “on-the-fly” para ver cómo quedará, en realidad no me aportaría ninguna ventaja, porque yo hasta el final del final, no veo como queda realmente.

    Y es que no acabo de entender qué botones distraen o cómo logran distraer.

    Sí que es verdad que javipas.com es esencialmente texto plano, sólo con enlaces y alguna foto. En cambio, yo formateo bastante más el texto.

    Igual ahí está la diferencia.

    O igual no, y me estoy perdiendo una experiencia sublime escribiendo desde el backend de wordpress…

    Por cierto, me gustó mucho la página personal de Sally. Está escrita a mano, sin CMS ¿verdad?

    • Pues parece que tenemos formas distintas de escribir, lo cual es completamente normal. Para mí lo de poder ver cómo queda directamente es muy útil, sobre todo porque escribir en cajas como que me -y perdón por la patada al diccionario- “desinspira”.

      Los inline editors no impiden que puedas formatear más el texto, ojo, en mi caso la plantilla es simple pero uno puede usarlos en un tema más complejo sin problemas, que yo sepa. De todos modos bien por las opciones. Ah, y lo de Sally es un WordPress con un tema portfolio bastante retocado 😉

  2. Anonimox dice:

    Quiero ver el esquema de esa bbdd que dices 🙂 y luego te enseño yo una con la que me estoy peleando de un cms propietario donde curro y luego nos reímos un poco Ja Ja Ja, a mi me pasa como a ti yo prefiero ver cómo va quedando la cosa según escribo, y así al final aparte de un repaso ortográfico no gasto más tiempo en maquetar y de paso según veo como queda meto más morcillas y demás zarandajas. Viva el WYSIWYG, es lo más cómodo.

    • Pues creo que todo lo que hicimos para la migración quedó destruido porque acabamos hasta no sabes dónde 🙂 De todos modos está claro que estos no habían estudiado mucho de BBDD. Viva el WYSIWG, di que sí.

  3. Jean dice:

    Hola, Javi. Interesantísimo post. Desde hace algún tiempo he querido preguntarte cuál es tu opinión de Joomla como cms y si conoces los editores.
    ¡Muchos saludos!

    • ¡Joomla no!

      Yo lo he sufrido mucho. No lo recomiendo en absoluto.

      Podría estar muy bien, pero no tienen buena compatibilidad hacia atrás y las versiones no son lo suficientemente estables. Te pasas la vida manteniéndolo.

      Es mi opinión.

    • Joomla tuvo su momento, desde luego, pero hace mucho que -al menos por lo que sé- está de capa caída y no es tan popular como antaño. Una buena alternativa si quieres algo en esa línea -más complejo y potente que WordPress- es, según dicen, Drupal.

      Me temo que apenas he tocado ni uno ni otro, así que no te puedo decir mucho más.

  4. Yo voy a volver a dar la lata con Open Live Writer ? http://openlivewriter.org/ (sobre todo para ver si algún día hay masa critica y lo portan a GNU/Linux y a Mac).
    Está basado en Windows Live Writer de Microsoft que liberó el código y es un completo editor de post con funcionalidades como Autorrellenado de Links (para esos links que usas sistemáticamente), captura el portapapeles para pegado rápido de links, …
    Probadlo alguno y veréis que merece la pena.

Comentarios cerrados