Manipulating Pixels Using Canvas

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.

Read more

Headless CMS: The Developers’ Best Friend

(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.

Read more

​Headless CMS: Fresh Air for Developers

(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.

Read more

WPWeekly Episode 319 – The Gutenberg Plugin Turns 30

In this episode, John James Jacoby and I are joined by Gary Pendergast, a WordPress core contributor, to discuss what’s new with Gutenberg. We find out what happened with WordPress 4.9.6, and discuss WordPress’ future. We also discuss Microsoft’s acquisition of GitHub and when WordPress core development might transition to GitHub. (more…)
Read more

Simple:Press Forum Plugin Is Up for Adoption

Simple:Press, a forum plugin for WordPress that has been around for more than a dozen years, is available for adoption. Developers Andy Staines and Steve Klasen announced their plans to shutdown operations last August on their customer support forum and have had little luck finding a suitable replacement. Simple:Press Forum (more…)
Read more

The web can be anything we want it to be

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.

Read more

Background Design Trends & Styles for 2018

One of the most important early design decisions you will make is what kind of background will carry a project. Should it be a single color, colorless, use trendy elements such as geometric shapes, gradients or wood grain patterns? Or would a solid background design can help make a project shine? Staying on trend with […]
Read more

Animate Images and Videos with curtains.js

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.

Read more

CSS for Beginners: The CSS Box Model and How to Use it Correctly

When you run your own WordPress website, it’s only natural to want to gain more control over its design and functionality. One of the best ways to make sweeping changes to a site’s looks is CSS. With proficiency in CSS, you can change anything from the page layout over colors to fonts and background images. …
The post CSS for Beginners: The CSS Box Model and How to Use it Correctly appeared first on Torque.
Read more