css-media-vars from PropJockey
3D Book Image CSS Generator
Generate an animated 3D image from a book cover and export to HTML/CSS to embed on your website.
Easings Are Rad
Modern CSS Techniques To Improve Legibility — Smashing Magazine
In this article, we cover how we can improve websites legibility using some modern CSS techniques, great new technologies like variable fonts and putting into practise what we learned from doing scientific researches.
Creating A Spotify-Powered App Using Nuxt.js — Smashing Magazine
With Spotify, machine learning and social media has gone musical. In this tutorial, you’ll learn how to compose your own application to share what you’re listening to on Spotify using Vue.js and Nuxt.
cherscarlett/cherislistening
What if the Internet could experience your algo-rhythm? - cherscarlett/cherislistening
Bejamas Blog - All you need to know about JAMstack
Team of JAMstack freaks sharing stories, thoughts, and tips on modern web development and how to raise your web performance to the maximum. Both bor more and less technology oriented people.
FormSubmit Interactive Playground
FormSubmit is a form backend, API and email service for HTML forms. It sends your site's form submission directly into your inbox without a need for any backend code or SMTP setup.
How to handle forms on your Jamstack website?
How to handle forms state, validate fields, what to do with sensitive data, etc. in Jamstack? Well, it depends. Let me explain!
Using Flexbox and text ellipsis together · Leonardo Faria
Another day I was asked to build a table containing a list of files uploaded by the users. Imagine a table similar to the list of files in Finder:
The second it
Responsive Background Images Using Blade Components
Originally published at: https://roots.io/guides/responsive-background-images-using-blade-components/ You’ll probably agree that using the same background image for a desktop screen as well as for a mobile device is not good for performance. And to make matters worse usually full viewport background image is the main above the fold element of most home pages. Wouldn’t be nice if we had the same responsive…
Buttondown
Spotify - jamstackfns
Deploy serverless functions to Vercel or Netlify for your static site.
Spotify - jamstackfns
Deploy serverless functions to Vercel or Netlify for your static site.
Keyframes
Keyframes helps you write better CSS with a suite of tools to create CSS @Keyframe animations, box shadows, colors, & more
Plyr - A simple, customizable HTML5 Video, Audio, YouTube and Vimeo player
A simple HTML5 media player with custom controls and WebVTT captions.
Eleventy Walk Through - Intro
Sam Beckham's Personal Website
The personal website, blog, portfolio, and playground of Sam Beckham. Frontend engineering manager at GitLab
Introducing the Sanity source plugin for Gridsome
With our new source plugin for the Vue.js based static site generator Gridsome, you can now build fast by default websites powered by structured content. The plugin gives you fast and frugal builds. With watchMode you get low latency real-time content previews while you develop, without having to save or publish.
Mobile hidden Menu without JavaScript - CUTCODEDOWN
How to make a simple responsive layout menu with just CSS3 and simple markup, no JavaScript needed!
Chakra UI Vue | Documentation
Build Accessible Vue Apps with Speed ⚡️
Marvin Visions — An Expressive Variable Font
Marvin Visions is a modern and consistent reinterpretation of Marvin, a typeface originally designed by Michael Chave. It has been revived and expanded by Mathieu Triay for the identity of Visions, a new science fiction magazine.
Carilliantine | Webfont & Desktop font | MyFonts
Carilliantine Font: Carilliantine updates the organic curves of Art Nouveau typefaces typified by John F. Cumming's Desdemona, designed around 1886. ...
Free
The Heritage Library collects beautiful illustrations from the past which are 100% free to use. Get inspired by our free illustration bundles and create gorgeous packaging, postcards and more.
Halfmoon - Front-end framework with a built-in dark mode, designed for rapidly building beautiful dashboards and product pages
Halfmoon is a responsive front-end framework, designed for quickly building beautiful dashboards and product pages. Built-in dark mode, optional JavaScript library (no jQuery), Bootstrap like classes, and cross-browser compatibility (including IE11).
Halfmoon - Front-end framework with a built-in dark mode, designed for rapidly building beautiful dashboards and product pages
Halfmoon is a responsive front-end framework, designed for quickly building beautiful dashboards and product pages. Built-in dark mode, optional JavaScript library (no jQuery), Bootstrap like classes, and cross-browser compatibility (including IE11).
Capsize
Flipping how we define typography in CSS.
iendeavor/form-validation.js
The most customizable validation framework for JavaScript. - iendeavor/form-validation.js
Build a static generated blog with Nuxt v2.13.0 and @nuxt/content
This blog will be built with markdown and have syntax highlighting
Accessibility Matters - Mobile Navigation
Documenting everything through the journey of learning web accessibility.