WebRTC finally works on iOS home screen PWA apps! Here’s an Off-White inspired experiment to show off the camera. Say hello to the “CAMERA.” Link within.
If you aren’t aware, both iOS and Android allow users to add websites to their home screen sorta like a bookmark. If that website was built in a progressive way it really could feel like a native app. I was aware of this but never really pursued it because home screen apps were missing access to two features I love: the camera and the microphone. Well, you could just about imagine my surprise this weekend while hacking when I found out that Apple had finally added support for these features.
As a test, I revisited an experiment from 2018 called the “CAMERA.” This is a custom camera built as a web app which can label photos in the style of Virgil Abloh’s fashion brand Off-White. Namely, all caps bold Helvetica in quotes. This new version was built as a progressive web app so it really feels like a native camera app sitting on the user’s home screen. The labeling itself is powered by a Tensorflow object detection model which can detect 80 different classes of objects in realtime.
As a web developer, I find this update absolutely fascinating. The camera is one of the most powerful and user friendly marketing platforms we have. We now have the opportunity to build highly tailored mobile camera experiences using all of what the open web has to offer.
Animations can make a site stand out. Or, they can just as easily kill the experience. When working with web animations, there are a few things that could go wrong like adding animations that serve no purpose, setting durations that are too long or too quick, or not using right type of animation in the…Details
Do you want to increase engagement and the amount of time visitors spend on your website? That’s where a WordPress video player can help. You can increase engagement by adding a video player plugin to your WordPress website. Not only does this reflect well on your brand but it also helps your SEO ranking. WordPress…Details
In today’s collection, we’re bringing you a set of fresh new modern, professional PowerPoint templates for creating presentations that stand out from the crowd. Give your presentation a modern edge, and convey your message in a professional way. We handpicked a collection of unique and modern PowerPoint templates that you can use for crafting slideshows…Details
When it comes to web technology, most solutions tend to come and go at lightning speed. What was once a legitimate benefit to users gets replaced by something else. It’s the cycle of life that we’ve come to expect. Still, there are a few items that actually do stick around well past their prime. This…Details
12 size variants of one image. Multiply that with 8. Is there a better and optimized way to scaling images?
By the way, this is a snippet of the tree structure of the JSON response.
I have seen similar things before in websites that are either built by site builder, magazines, and luxury product sites. I can understand the need for resolution but is this the industry standard?
To be honest, I am just curious about the process and how did they come to this decision. I am trying to learn by reverse engineering websites.
Like what’s going through the mind of the back end developers mind? 12 variants for the same image. Does the web designer show the design and the front end guy says “yeah I need twelve different size variants of the same image” something like that?
And the backend developers solution is to store 12 variants of each image in the database? How unusually large the storage must be for a single website. So, what will be the other solution then is to create or resize a mother image to the desired scale based on the API call? So more computation cost.
The reasoning behind this is the question.
URLs are rarely short and sweet. They usually contain multiple keywords and are accompanied by extra parameters to help with the tracking of different campaigns or incoming traffic. These long URLs with so many parameters can sometimes be off-putting for potential visitors. Therefore, it’s usually a better idea to use a URL shortener script and…Details
Here are some examples
I am always super inspired by websites and agencies that do this sort of work, but I’m not really sure what to call it. The only thing I know to call it is “Interactive Web Design/UX” but I’m not sure if there’s any other name for it.
Does anyone know where to find good tutorials/courses for this kind of mixed media webdesign, all these agencies seamlessly mix CSS Canvas and WebGL but I never see anyone teaching this kind of stuff.
Thanks in advance for any leads!