webstack
Tips for Building Online Courses with WordPress
Creating online courses has never been easier. Thanks to content management systems (CMS) such as WordPress, along with the plethora of available plugins, developers can build courses to fit every need. It’s no wonder that organizations are increasingly moving their in-person educational programs on..
Detecting Media Query Support in CSS and JavaScript
You can’t just do @media (prefers-reduced-data: no-preference) alone because, as Kilian Valkhof says:
[…] that would be false if either there was no support (since the browser wouldn’t understand the media query) or if it was supported but the user wanted to preserve data.
Usually @supports is th..
20 Best New Sites, August 2021
Often, when designing a website or branding, it is easy to get wrapped up in the details–typography, graphics, color, the grid–and lose the bigger picture. Of course, these things are vitally important, but they are building blocks that go together to form a greater whole.
A good website creates an..
Native JavaScript Routing?
We can update the URL in JavaScript. We’ve got these APIs:
// Adds to browser history
history.pushState({}, "About Page", "/about");
// Doesn't
history.replaceState({}, "About Page", "/about");
JavaScript is also capable of replacing any content in the DOM.
// Hardcore
document.body.innerH..
8 CSS & JavaScript Snippets for Creating Hand-Drawn Elements
We often see code used to create high-tech design elements. That makes sense, as there is a natural correlation between the latest CSS/JavaScript techniques and a futuristic vision. But what if we wanted to create something with a more traditional, hand-drawn look?
As it turns out, you can accompli..
Popular Design News of the Week: August 16 2021 – August 22, 2021
Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.
The best way to keep up with the most important stories..
10 Best Stationery Templates for Creating Professional Documents
Professionally designed stationery is an important part of any brand identity. However, designing a full stationery suite can be time-consuming. The good news is that you don’t have to start from scratch.
If you’re pressed for time, check out this collection of beautifully designed stationery templ..
“Disambiguating Tailwind”
I appreciated this bit of nuance from a post on Viget’s blog:
There could be a whole article written about the many flavours of Tailwind, but broadly speaking those flavours are:
1. Stock tailwind, ie. no changes to the configuration,
2. Tailwind that heavily relies on @apply in CSS files but still..
Creating a Headless WordPress Site With Frontity
Frontity is a WordPress-focused React-based server-side dynamic-rendering framework (phew!) that allows us to create fast headless websites. Chris has a good introduction to Frontity. I guess you could think of it like Next.js for WordPress. And while the demand for headless WordPress sites may be a..
7 Landing Pages Comparisons To Improve Your Conversions in 2022
Landing pages are crucial for conversions. User-friendly landing pages rank higher in the search engines and generate the maximum leads.
Interestingly, user behavior changes every year, and new website design trends should be kept in mind to continue acquiring sales from your existing landing pages..
