Slides: CSS-Tricks is a Poster Child WordPress Site

I just gave a talk at WordCamp Miami where I talked about, to some degree, how WordPress has been a great choice for CSS-Tricks over the last decade.

If I get a chance I’ll try to re-give the talk to my computer locally here so there will be a way you can watch the talk with some real context.


Slides: CSS-Tricks is a Poster Child WordPress Site is a post from CSS-Tricks

Recreating Legendary 8-bit Games Music with the Web Audio API

Greg Hovanesyan, who recently posted here an Introduction to the Web Audio API, follows up with another huge post on how to use it to create iconic music from our nerds past, like sounds from The Legend of Zelda and Metroid.

The final demo comes as a project you can explore. And don’t miss our recent roundup of some of the best Web Audio API Pens ever on CodePen.

Direct Link to ArticlePermalink


Recreating Legendary 8-bit Games Music with the Web Audio API is a post from CSS-Tricks

Building a CSS Grid Overlay

Let’s take a look at what it takes to build a grid overlay with CSS. It will be responsive, easily customizable and make heavy use of CSS variables (known more accurately as “CSS custom properties”). If you aren’t familiar with custom properties, I’d highly recommend reading What is the difference between CSS variables and preprocessor variables? and watching Lea Verou’s enlighting talk on using them.

This grid overlay that we’re building will consider a developer tool, as in, a tool …


Building a CSS Grid Overlay is a post from CSS-Tricks

How to Upload PDF Files to Your WordPress Site

Do you want to upload PDF files to your WordPress site? WordPress allows you to easily upload PDF files and make them available for download. In this article, we will show you how to easily upload PDF files to your WordPress site. Upload PDF Files… Read More »

The post How to Upload PDF Files to Your WordPress Site appeared first on WPBeginner.

30 Best WordPress Themes for Photographers (2017)

Are you looking for WordPress themes for photographers? A WordPress theme designed specifically for photographers can help showcase your work, find more clients, or connect with other like minded photographers. In this article, we have hand-picked some of the best WordPress themes for photographers that… Read More »

The post 30 Best WordPress Themes for Photographers (2017) appeared first on WPBeginner.

How to Create a Local WordPress Site Using XAMPP

Do you want to create a local WordPress site on your computer using XAMPP? Installing WordPress on your computer helps you try out WordPress, test themes / plugins, and learn WordPress development. In this article, we will show you how to create a local WordPress… Read More »

The post How to Create a Local WordPress Site Using XAMPP appeared first on WPBeginner.

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