9 Sites That Will Pay You To Test Websites – The Web Designer
NocoDB | Turns your SQL database into a Nocode platform. Free & Open Source.
Free & Open Source Airtable alternative. Turns any SQL database into a smart spreadsheet. Supports MySQL, Postgres, SQL server, MariaDB & SQLite.
Elder.js, the new kid on the block
Elder.js is a new meta framework based on Svelte. What does it bring to the table? by @jbmoelker @devoorhoede
The case for Distributed Persistent Rendering
Let’s explore what Distributed Persistent Rendering (DPR) means for the future of Jamstack.
Eleventy Serverless (formerly Eleventy Cloud) Thus Far—zachleat.com
A post by Zach Leatherman (zachleat)
Dynamic Favicons for WordPress | CSS-Tricks
Typically, a single favicon is used across a whole domain. But there are times you wanna step it up with different favicons depending on context. A
Harold Getting Started - Static sites generator
Harold is a static site generator that can help quickly set up websites, blogs, documentation sites, and other simple static websites.
GitHub OCTO | Flat Data
OCTO Project: Flat explores how to make it easy to work with data in git and GitHub. It builds on the “[git scraping” approach pioneered by Simon Willison](https://simonwillison.net/2020/Oct/9/git-scraping/) to offer a simple pattern for bringing working datasets into your repositories and versioning them, because developing against local datasets is faster and easier than working with data over the wire.
Gettin' Practical with Tabs - Vue Challenge
Clean, neat, minimal JS, accessible Vue.js tab swithcing. CodePen challenge May 2020....
Vue tabs tutorial-Dynamically switch components
In this tutorial, we are going to learn about how to dynamically switch from one
component to another component by creating a tabbed…
Creating Your Own Reusable Vue Tabs Component – LearnVue
Reusable components are super important in VueJS. It helps you save so much time and when done right, really makes your project more readable and maintainable. In this tutorial, we'll be making a…
Make a website with a single HTML file
There is a clever way to create a whole website with just a single HTML, some CSS, and no JS. Did you...
Creating Stylesheet Feature Flags With Sass !default | CSS-Tricks
!default is a Sass flag that indicates conditional assignment to a variable — it assigns a value only if the variable was previously undefined or null.
Useful VS Code Extensions For Front-End Developers — Smashing Magazine
Meet useful Visual Studio Code extensions for web developers: little helpers to minimize slow-downs and frustrations, and boost developer’s workflow along the way. Recently, we’ve also covered [CSS auditing tools](https://www.smashingmagazine.com/2021/03/css-auditing-tools/), [CSS generators](https://www.smashingmagazine.com/2021/03/css-generators/) and [accessible front-end components](https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/) — you might find them useful, too.
Links on Web Components | CSS-Tricks
How we use Web Components at GitHub — Kristján Oddsson talks about how GitHub is using web components. I remember they were very early adopters, and it
Seeing Weird Characters On Your Blog? Here’s How To Fix Your WordPress Character Encoding (Latin1 to UTF8)
Most people don't start looking for 'how to convert my Wordpress character encoding from Latin1 to UTF8'. Nope, not at first, but they often end up here. Usually it begins something like...
A New Way To Reduce Font Loading Impact: CSS Font Descriptors — Smashing Magazine
Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Upcoming font options may finally deliver on the promise of making it easier to align fallback fonts to the final fonts.
PINTR
Create single line SVG illustrations from your pictures.
Print | Vintage Map
Easily create your own custom vintage map
I made 100 CSS loaders for your next project
You either make a super fast website/application or you use loaders. I think most of us fall into the...
Screen Sizes
A complete guide for Apple displays
Vuestic UI — Vue.js 3.0 UI Framework
Vuestic UI is a modern Vue.js UI framework designed to be simple and customizable for applications of any type and scale
fit-content and fit-content() — ppk
Today we will look at fit-content and fit-content(), which are special values for width and grid definitions. It’s ... complicated — not as a concept, but in its practical application....
https://d-qn.shinyapps.io/rtify/
aspect-ratio — ppk
This week we’ll take a look at the new aspect-ratio declaration and its use. Una Kravets wrote the introductory article, but there are some additional technical points to be made. I also wrote a little fallback that you might use...
Iconoir | SVG Icons Library
The Simple and Definitive hand-crafted SVG Icons Library.
Uniform CSS - Supercharged utility-first CSS framework built on Sass.
Fully customizable utility-first CSS framework built in Sass. Say good-bye to CSS bloat and start building future-proof sites today.
Frustrating Design Patterns: Mega-Dropdown Hover Menus — Smashing Magazine
Do we need mega-dropdown hover menus in 2021? Probably not. Let’s explore things to keep in mind when designing and building a mega-dropdown, alternatives to hover menus and fine details for designing a better UX.
svg-loader: A Different Way to Work With External SVG | CSS-Tricks
SVGs are awesome: they are small, look sharp on any scale, and can be customized without creating a separate file. However, there is something I feel is
Nginx Configuration Files for Laravel Valet – Corey Salzano