Creating a Book Cover Using JavaScript and p5.js

I recently published a book and an interactive course called Coding for Visual Learners. It teaches coding to beginners from scratch using the widely popular JavaScript programming language and the p5.js programming library. Since p5.js a great and an easy to use drawing library, I wanted to make use of it to create the cover of my book and course as well. This is a tutorial on how to create this particular visual using JavaScript and p5.js.

p5.js is …


Creating a Book Cover Using JavaScript and p5.js is a post from CSS-Tricks

Guetzli

Geutzili, Google’s new open source algorithm…

…that creates high-quality JPEG images with file sizes 35% smaller than currently available methods, enabling webmasters to create webpages that can load faster and use even less data.

I’ve seen this fairly widely reported, and that’s great because images are the main cause of web bloat these days and fighting back with tech seems smart.

I also saw Anselm Hannemann note:

This is great, but to put things into perspective, we also have …


Guetzli is a post from CSS-Tricks

The Next Smashing Magazine

Congrats to the big team over there assembled to take on this major redesign process. Unlike our redesigns around here that are usually more like realignments with minor dev work and UX sprinkles each iteration, this was a ground-up rebuild for them. They migrated a bunch of different platforms all into one, a static-site based system with all front end APIs. It’s gotta feel good to pull all that stuff into one system. I remember when I used to have …


The Next Smashing Magazine is a post from CSS-Tricks

Zeroing the Desk

Brendan Dawes:

After a recording session on one of those large mixing desks, after you’ve twiddled countless knobs and push around many faders you do something called zeroing the desk. This is were you turn every control and push every fader back to zero, so that when the next engineer comes in he or she isn’t going to jump out of their seat when a large sub-bass whacks them straight in the face and possibly blows something up. It’s a …


Zeroing the Desk is a post from CSS-Tricks

Text Effects with CSS (and a little contenteditable trick)

Mandy Michael has been creating some incredible text effects with just the power of CSS. She uses every trick in the book: gradients, transforms, pseudo elements, shadows, and clipping paths to name a few. They are all real web text too. Custom fonts typically, but no images, canvas, or SVG or anything like that.

Take a look at this beautiful effect:

See the Pen CSS only 3D paper fold text effect by Mandy Michael (@mandymichael) on CodePen.…


Text Effects with CSS (and a little contenteditable trick) is a post from CSS-Tricks

25 Best WordPress Video Themes (2017)

Are you looking for a WordPress video theme for your website? WordPress makes it super easy to upload or embed videos, which makes it a great platform to build your video website. In this article, we have hand-picked some of the best WordPress video themes… Read More »

The post 25 Best WordPress Video Themes (2017) appeared first on WPBeginner.

How to Display the Total Number of Comments in WordPress

Do you want to show total number of comments on your WordPress site? Comments allow users to participate and engage with content on your WordPress site. By showing off your total comment count, you can encourage more users to join the conversation. In this article,… Read More »

The post How to Display the Total Number of Comments in WordPress appeared first on WPBeginner.