Home » NewsBlog » CSS

Manipulating Pixels Using Canvas

2018-06-08T03:05:39+00:00 June 8th, 2018|Categories: News, Tutorials|Tags: |

Modern browsers support playing video via the 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 [...]

Headless CMS: The Developers’ Best Friend

2018-06-08T03:05:34+00:00 June 8th, 2018|Categories: News, Tutorials|Tags: |

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

The web can be anything we want it to be

2018-06-07T03:05:53+00:00 June 7th, 2018|Categories: News, Tutorials|Tags: |

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 [...]

Animate Images and Videos with curtains.js

2018-06-07T03:05:38+00:00 June 7th, 2018|Categories: News, Tutorials|Tags: |

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 [...]

HSL() / HSLa() is great for programmatic color control

2018-06-02T03:06:20+00:00 June 2nd, 2018|Categories: News, Tutorials|Tags: |

If you ever need to hand-manipulate a color in native CSS, HSL is pretty much the only way. HSL (the hsl() and hsla() functions in CSS) stands for hue, saturation, lightness, and optionally, alpha. We've talked about it before but we can break it down a little more and do some interesting things with it. [...]

Frustration

2018-06-01T03:06:09+00:00 June 1st, 2018|Categories: News, Tutorials|Tags: |

Jeremy Keith talks about a couple of recent frustrating moments in his life. One regarding a musical instrument, one involving a build process: That feeling of frustration I get from having wiring issues with a musical instrument is the same feeling I get whenever something goes awry with my web server. I know just enough [...]

Forms, Auth and Serverless Functions on Gatsby and Netlify

2018-06-01T03:05:47+00:00 June 1st, 2018|Categories: News, Tutorials|Tags: |

Abstracting infrastructure is in our DNA. Roads, schools, water supply networks—you get the idea. Web development is no exception: serverless architectures are a beautiful expression of that phenomenon. Static sites, in particular, are turning into dynamic, rich experiences. Handling static forms, authentication, and backend functions on statically-generated sites is now a thing. Especially with the [...]