Tag Archives: web
AR.js: Efficient Augmented Reality for the Web
AR.js is Efficient Augmented Reality for the Web using ARToolKit. It is Fast! It runs efficiently even on phones. 60 fps on my 2 year-old phone! it is a pure javascript solution, fully opensource. It works on any phone with … Continue reading
Making accessibility simpler with ally.js
ally.js is a JavaScript library simplifying certain accessibility features, functions and behaviors. However, simply loading ally.js will not automagically make a web application accessible. The library provides certain standard functions the “web platform” should’ve provided itself, so JavaScript applications can … Continue reading
Implementing “Save For Offline” with Service Workers
Una Kravets implemented “Save For Offline” on her blog, using Service Workers. She described the reasoning, process, and code to implement. With “Save For Offline”, if someone is reading your blog on the subway, and loses their Internet connection, they … Continue reading
Why You Should Be Excited About Native CSS Variables
With CSS Variables now being under development for Edge (the last of the modern browsers to not support it yet) it’s time to dig up this brilliant post on CSS Variables. If you’re under the impression that CSS Variables offer … Continue reading
Saving bandwidth through machine learning
When requesting a high-resolution image with the Android Google+ app, one no longer gets the full version sent over. Instead, one gets a low-resolution version which is then processed by RAISR: RAISR, which was introduced in November, uses machine learning … Continue reading
Resilient Web Design
Jeremy Keith wrote a book, “Resilient Web Design”, on how to build a web that lasts: With a title like Resilient Web Design, you might think that this is a handbook for designing robust websites. This is not a handbook. … Continue reading
Laphs: Apple Live Photos on the Web
From the folks over at Tumblr: Add support for Apple’s Live Photos in web browsers. Install it using npm, or include the dist file: npm install –save laphs You can make Laphs work with existing elements: <img src="STILL-PHOTO.jpg" data-live-photo="LIVE-PHOTO.mov" data-live-photo-still-image-time="1.71"/> … Continue reading
Roundme 360° Virtual Tours
Roundme is a simple and beautiful online app that allows you to create, share and explore Spaces. A Space is a set of panoramic images connected through Portals and filled with multimedia content in Hotspots. An excursion around a property, … Continue reading
CSS Architecture for Design Systems
Excellent post by Brad Frost in which he explains how they’ve combined class prefixes with BEM. In addition to a global namespace, we added prefixes to each class to make it more apparent what job that class is doing. Here’s … Continue reading
favicon.ico and redirect links as a privacy leak
Without your consent most major web platforms leak whether you are logged in. This allows any website to detect on which platforms you’re signed up. Since there are lots of platforms with specific demographics an attacker could reason about your … Continue reading