When you walk into a bakery, what’s the first thing you want to know? Do you care that the bakery was started back in the ’60s by the current owner’s immigrant Grandma? Or that the head pastry chef’s favorite dessert is a strawberry cheese Danish with the perfect blend of cheesiness, flakiness, and strawberry-ness? Or…Details
If you want to give your photographs a cartoon or comic book effect, you could spend painstaking hours perfecting every detail. Or, you could rely on Photoshop actions to take some of the guesswork and manual labor out of the process for you. In fact, Photoshop actions can save you time on a wide variety…Details
Fun fact: it’s possible to create responsive components without any media queries at all. Certainly, if we had container queries, those would be very useful for responsive design at the component level. But we don’t. Still, with or without container queries, we can do things to make our components surprisingly responsive. We’ll use concepts from…Details
Do you know what’s more daunting than setting up an eCommerce store? The idea of not setting it when your competitors are going global. Yes, you have to scratch your head, strategizing day in and out to keep up with your competitors’ pace, but every effort is worth the wait. From finalizing the product list…Details
OpenType fonts created a whole new world of possibilities for typography. And one of the best inventions made from OpenType features is color fonts. Some call color fonts the next big revolution in graphic design. Others say it’s going to change the way we use typography. One thing is for sure that color fonts can…Details
We could all use a little calm in our lives. What with the pressures that come along with web design and development – not to mention the state of the world. There are plenty of reasons to find an escape. And while getting out of the office is a great way to relax, it’s not…Details
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