Tenemos una suite de Office en toda regla que está disponible en nuestras computadoras de escritorio. También tenemos una versión web que es lo suficientemente capaz para la mayor parte de nuestro trabajo. Pero, ¿qué tal pequeñas cosas como una nota rápida, una simple hoja de cálculo de tabla o un control deslizante de presentación? ¿Existe una versión más simple de Office para eso?
Permitame presentar la suite de oficina más pequeña del mundo, que es gratuito, está basado en la web y se puede ejecutar sin conexión sin Internet.
Palabra
Simplemente pegue el siguiente código en la barra de direcciones del navegador y podrá obtener rápidamente un bloc de notas para tomar notas.
data:text/html,<html contenteditable>
Lo bueno de esto es que puede imprimir o guardar sus notas en formato HTML.
¿Sientes la fuente aburrida? Apliquemos una fuente y un color diferentes.
data:text/html,<html contenteditable style="font-family:cablibri;font-size:14pt;color:green;">
PowerPoint
Aquí está el código que puede copiar en la barra de direcciones.
data:text/html,<style>@page{size: 6in 8in landscape;}</style><body><script>d=document;for(i=0;i<50;i++)d.body.innerHTML+='<div style="position:relative;width:90%;padding-top:60%;margin:5%;border:1px solid silver;page-break-after:always;"><div contenteditable style="outline:none;position:absolute;right:10%;bottom:10%;left:10%;top:10%;font-size:5vmin;"></div></div>';d.querySelectorAll("div>div").forEach(e=>e.onkeydown=e=>{n=e.ctrlKey&&e.altKey&&e.keyCode-49,x=["formatBlock","formatBlock","justifyLeft","justifyCenter","justifyRight","outdent","indent","insertUnorderedList"][n],y=["<h1>","<div>"][n],x&&document.execCommand(x,!1,y)})</script>
Crea 50 diapositivas en blanco para que las complete con teclas de acceso rápido para aplicar encabezados y cambiar alineaciones. Por ejemplo, presione Ctrl + Alt + 1 para convertir el texto en un encabezado H1, Ctrl + Alt + 2 para que el texto vuelva a la normalidad, 3… 5 cambie la alineación y 6, 7 para ajustar la sangría u 8 para comenzar una lista.
Nuevamente, puede imprimir el resultado o guardarlo.
Sobresalir
El código es cada vez más largo … pero aún no se parece en nada a la aplicación real.
data:text/html,<table id="t"><script>for(I=[],D={},C={},calc=()=>I.forEach(e=>{try{e.value=D[e.id]}catch(e){}}),t.style.borderCollapse="collapse",i=0;i<101;i++)for(r=t.insertRow(-1),j=0;j<27;j++)c=String.fromCharCode(65+j-1),d=r.insertCell(-1),d.style.border="1px solid gray",d.style.textAlign="right",d.innerHTML=i?j?"":i:c,i*j&&I.push(d.appendChild((f=>(f.id=c+i,f.style.border="none",f.style.width="4rem",f.style.textAlign="right",f.onfocus=e=>f.value=C[f.id]||"",f.onblur=e=>{C[f.id]=f.value,calc()},get=()=>{let v=C[f.id]||"";if("="!=v.charAt(0))return isNaN(parseFloat(v))?v:parseFloat(v);with(D)return eval(v.substring(1))},Object.defineProperty(D,f.id,{get:get}),Object.defineProperty(D,f.id.toLowerCase(),{get:get}),f))(document.createElement("input"))))</script>
No es tan elegante como la aplicación de Excel real, pero tampoco está mal.
Bono: dibujo rápido
Esto será extremadamente útil si tiene una computadora con Windows 10 equipada con pantalla táctil. Inicie en un navegador y dibuje o escriba con el dedo.
data:text/html,<canvas id="v"><script>d=document,d.body.style.margin=0,f=0,c=v.getContext("2d"),v.width=innerWidth,v.height=innerHeight,c.lineWidth=2,x=e=>e.clientX||e.touches[0].clientX,y=e=>e.clientY||e.touches[0].clientY,d.onmousedown=d.ontouchstart=e=>{f=1,e.preventDefault(),c.moveTo(x(e),y(e)),c.beginPath()},d.onmousemove=d.ontouchmove=e=>{f&&(c.lineTo(x(e),y(e)),c.stroke())},d.onmouseup=d.ontouchend=e=>f=0</script>
Todas estas ideas funcionan perfectamente en navegadores como Chrome, Firefox, así como en el nuevo Edge Chromium de Microsoft. Si te gusta alguno de ellos, marcarlos en tu barra de marcadores los hará más útiles.
Y nuevamente, los créditos completos van a
Y nuevamente, los créditos completos van a el tipo detrás estas ideas.