Digging Into the Preview Loading Animation in WordPress
22.10.2019
WordPress shipped the Block Editor (aka Gutenberg) back in version 5.0 and with it came a snazzy new post preview screen that shows the WordPress logo drawing itself while the preview loads.
That's what you get when saving a post draft and clicking the "Preview" button in the editor. How'd they...
Netlify Build Plugins Announcement
22.10.2019
Netlify just dropped a new thing: Build Plugins. (It's in beta, so you have to request access for now.) Here's my crack at explaining it, which is heavily informed from David Well's announcement video.
You might think of Netlify as that service that makes it easy to sling up some static files from...
Collective #559
21.10.2019
Zero * ECSY * The problem with dropdown fields * Webwide * Gridsome * CoBeats * Faster Layouts with CSS Grid (and Subgrid!)
Collective #559 was written by Pedro Botelho and published on Codrops
Why Parcel Has Become My Go-To Bundler for Development
21.10.2019
Today we’re gonna talk about application bundlers — tools that simplify our lives as developers. At their core, bundlers pick your code from multiple files and put everything all together in one or more files in a logical order that are compiled and ready for use in a browser. Moreover, through...
Designing accessible color systems
21.10.2019
The team at Stripe explores how they’re refining their color palette to make it more accessible and legible for users across all their products and interfaces. Not only that but the team built a wonderful and yet entirely bonkers app for figuring out the ideal range of colors that they needed.
We...
How to Use JPEG 2000 (JP2) for a Faster Images on iPhone (Sponsored)
21.10.2019
Images Slow Down Websites Images slow down the page-loading performance of many websites. Audit tools like Google’s Lighthouse can quickly tell you how many seconds you can save by optimizing your images. When you are delivering to desktops or android devices running Chrome browser, a quick...
How to Create Motion Hover Effects with Image Distortions using Three.js
21.10.2019
In this tutorial you will learn how to achieve interesting looking hover effects with image distortions using Three.js.
How to Create Motion Hover Effects with Image Distortions using Three.js was written by Niccolò Miranda and published on Codrops
7 Best Real Estate WordPress Themes for Your Business
18.10.2019
Advertising real estate property on the web is a complicated task. You will need a professional, interactive website that works well on all screen sizes. Besides, your site will...
The post 7 Best Real Estate WordPress Themes for Your Business appeared first on Onextrapixel
Options for Hosting Your Own Non-JavaScript-Based Analytics
18.10.2019
There are loads of analytics platforms to help you track visitor and usage data on your sites. Perhaps most notably Google Analytics, which is widely used (including on this site), probably due to it's ease of integration, feature-richness, and the fact that it's free (until you need to jump up...
Laying the Foundations
18.10.2019
Here’s a new book by Andrew Couldwell all about design systems and his team’s experience at Sprout Social. For a while now they’ve been building Seeds, a brand guide that the internal team can and reference for brand and design-related things, including patterns, variables, and components....
JAMstack Tools and The Spectrum of Classification
17.10.2019
With the wonderful world of JAMstack getting big, all the categories of services and tools that help it along are as important as ever. There are static site generators, headless CMSs, and static file hosts.
I think those classifications are handy, and help conversations along. But there is a point...
Collective #558
17.10.2019
The Freelance Life * Spars * CSS Circles * The World-Wide Work * Open Doodles * Laying out Forms using Subgrid
Collective #558 was written by Pedro Botelho and published on Codrops