Start2024-02-17T21:27:11-05:00

Aug­men­ted Rea­li­ty with Chro­me: Let Flowers Grow!

With Chro­me 81 Beta for An­droid, it’s now pos­si­ble to use im­mer­si­ve Aug­men­ted Rea­li­ty in the brow­ser. I have again crea­ted two va­ria­ti­ons of the ori­gi­nal demo source code to show what is ea­si­ly pos­si­ble. You can now walk around the earth, ha­ving a clo­ser look, and (hope­ful­ly) spread joy by pla­cing flowers whe­re­ver you like.

A mi­ni­mal Web Push examp­le

Web push no­ti­fi­ca­ti­ons allow users to opt-​in to asyn­chro­nous messa­ges from a ser­ver to a web ap­p­li­ca­ti­on. The mes­sa­ge can be sent at any time, even when the web ap­p­li­ca­ti­on or the web brow­ser is in­ac­ti­ve. This W3C stan­dard, based on the HTTP/2 pro­to­col, is now sup­por­ted by Chro­me, Fire­fox, Edge, Opera, and Sa­fa­ri – but not by iOS.

Chro­me 79 Beta: Vir­tu­al Rea­li­ty Comes to the Web

Chro­me 79 Beta is out and with it the pu­blic sup­port of the WebXR De­vice API. This API is about ac­ces­sing vir­tu­al and aug­men­ted rea­li­ty de­vices. One us­able de­vice is in your po­cket or lying next to you on the desk or you are even rea­ding this blog post with it: your mo­bi­le phone. So let’s play around a bit and see what can be done.

08.11.2019|AR, HTML5, VR, WebGL, WebXR|0 Com­ments
  1. 1
  2. 2

What web can do: a mo­bi­le speech-​to-speech trans­la­tor

In the 70s and 80s, some peop­le thought that you could soon tra­vel the world with a por­ta­ble com­pu­ter, only the size of a back­pack, that would trans­la­te any spo­ken ut­ter­an­ce to any other lan­guage. No­wa­days, with the Goog­le Trans­la­te App, you can ea­si­ly do this with any mo­bi­le de­vice. But is this also pos­si­ble using only HTML, CSS, and Ja­va­script?

Crea­ting a Do­cker image from a WSL in­stance

At some point, it may be ne­ces­sa­ry to pu­blish the cur­rent state of a Win­dows Sub­sys­tem for Linux dis­tri­bu­ti­on to a wider au­di­ence. A WSL in­stance can be ex­por­ted into a tar file, a Do­cker image can be crea­ted by im­por­ting a tar file. Then the image could be pu­blicly made avail­able to any host sys­tem run­ning Do­cker. Let's see if it's that easy.

What web can do today

Yes­ter­day I tried to crea­te a Pro­gres­si­ve Web App dis­play­ing an ar­ti­fi­cial ho­ri­zon over a live ca­me­ra view and was won­de­ring if this would be pos­si­ble with a mo­dern mo­bi­le web brow­ser. Du­ring the re­se­arch, I stumb­led over sever­al web­sites which you can use to test the hard­ware ca­pa­bi­li­ties and their soft­ware sup­port in web brow­sers and I wan­ted to share some links.

A CSS hack to show page ele­ment lay­outs

Today I stumb­led over an in­te­res­ting blog post by Gajus Kui­zi­nas. The idea is to in­ject a CSS style snip­pet into a web page to show the lay­out of all web page ele­ments. This can be achie­ved by set­ting a dif­fe­rent trans­lu­cent back­ground color for every depth of nodes. This way you can see the size, the mar­gin and the pad­ding of each ele­ment on the page.

09.09.2019|CSS, Web De­sign|0 Com­ments

Safe Brow­sing with the Win­dows Sand­box

The Win­dows May 2019 up­date brought the new Sand­box fea­ture. It can be used as a safe brow­sing en­vi­ron­ment wit­hout the risk of af­fec­ting the base Win­dows in­stal­la­ti­on with mal­wa­re of any kind. We will crea­te a host in­stal­la­ti­on of a Web brow­ser with a per­sis­tent con­fi­gu­ra­ti­on, which is mir­ro­red into the vir­tua­li­zed en­vi­ron­ment of the Sand­box when­e­ver nee­ded.

Nach oben