After all the hubbub with WWDC over the past couple of days, Ethan Marcotte is excited about the news that the Apple Watch will be able to view web content.
He writes:
If I had to guess, I’d imagine some sort of “reader mode” is coming to the Watch: in other words, when you open a link on your Watch, this minified version of WebKit wouldn’t act like a full browser. Instead of rendering all your scripts, styles, and …
The post World wide wrist appeared first on CSS-Tricks.
Modern browsers support playing video via the <video> element. Most browsers also have access to webcams via the MediaDevices.getUserMedia() API. But even with those two things combined, we can’t really access and manipulate those pixels directly.
Fortunately, browsers have a Canvas API that allows us to draw graphics using JavaScript. We can actually draw images to the <canvas> from the video itself, which gives us the ability to manipulate and play with those pixels.
Everything you learn here about how …
The post Manipulating Pixels Using Canvas appeared first on CSS-Tricks.
(This is a sponsored post.)
Your current CMS sucks! You know that for some time already but have not decided yet what your next solution should be.
You’ve noticed all the buzz around headless CMS but you’re still not sure what is in it for you and how it can solve all your woes.
What is the difference between traditional on-premise CMS with REST API and true API-first cloud based CMS? How does headless CMS fit to your scenarios? …
The post Headless CMS: Fresh Air for Developers appeared first on CSS-Tricks.
(This is a sponsored post.)
Your current CMS sucks! You know that for some time already but have not decided yet what your next solution should be.
You’ve noticed all the buzz around headless CMS but you’re still not sure what is in it for you and how it can solve all your woes.
What is the difference between traditional on-premise CMS with REST API and true API-first cloud based CMS? How does headless CMS fit to your scenarios? …
The post Headless CMS: The Developers’ Best Friend appeared first on CSS-Tricks.
I really enjoyed this chat between Bruce Lawson and Mustafa Kurtuldu where they talked about browser support and the health of the web. Bruce expands upon a lot of the thoughts in a post he wrote last year called World Wide Web, Not Wealthy Western Web where he writes:
…across the world, regardless of disposable income, regardless of hardware or network speed, people want to consume the same kinds of goods and services. And if your websites are made for …
The post The web can be anything we want it to be appeared first on CSS-Tricks.
While browsing the latest award-winning websites, you may notice a lot of fancy image distortion animations or neat 3D effects. Most of them are created with WebGL, an API allowing GPU-accelerated image processing effects and animations. They also tend to use libraries built on top of WebGL such as three.js or pixi.js. Both are very powerful tools to create respectively 2D and 3D scenes.
But, you should keep in mind that those libraries were not originally designed to …
The post Animate Images and Videos with curtains.js appeared first on CSS-Tricks.
Explore what the world is searching. Enter a search term or a topic.
