Image Mosaic Effect with CSS Grids & Blend Modes
Natively Format JavaScript Dates and Times
Modern browsers provide advanced JavaScript date/time formatting with locale and time zone support
mayashavin/tours-nuxt-full-static
A demo travel blog app for full static in Nuxt with @nuxt/content and @nuxtjs/colour-mode - mayashavin/tours-nuxt-full-static
floatingdots/floatingdots.com
.• Floating Dots is a digital design studio in NYC. Repo for our website that development with JAMStack. Vue, Nuxt, Sanity CMS, Cloudinary, and Zeit now. - floatingdots/floatingdots.com
Shoelace
Shoelace provides a collection of professionally designed, every day UI components built on a framework-agnostic technology.
miragecraft/razorgrid
Ultralight weight, zero dependency CSS grid. Contribute to miragecraft/razorgrid development by creating an account on GitHub.
Container Query Round 2
Designing Adaptive Components, Beyond Responsive Breakpoints by Stéphanie Walter - UX designer & Mobile Expert.
Designing systems of reusable components that adapt to responsive layouts, containers, work with different content states and adapt to user needs, behaviour and context.
Progressive overflow management with a scroll track utility - Andy Bell
Flexible layouts without media queries - LogRocket Blog
Create flexible layout components with CSS Grid and math functions to gain more control over the hypothetical instructions we inscribe into our components.
Responsive components without media-queries
...
Look Ma, No Media Queries! Responsive Layouts Using CSS Grid
Not only has CSS Grid reshaped the way we think and build layouts for the web, but it has also contributed to writing more resilient code, replacing
Modern JavaScript Date Utility Library
date-fns provides the most comprehensive yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js.
Vssue
A Vue-powered Issue-based Comment Plugin
Teenyicons — Tiny minimal 1px icons
An elegant icon set by Anja van Staden with more than a thousand icons.
Unholy Albatross
A Font-Like SVG Icon System for Vue
Managing a custom collection of icons in a Vue app can be challenging at times. An icon font is easy to use, but for customization, you have to rely on
Beyond screen sizes: responsive design in 2020
Kilian Valkhof considers a new type of responsiveness. One that doesn't just look at the width and height of the screen, but also at what your user prefers.
A CSS-only, animated, wrapping underline.
Underlines are hard. Complications quickly arise if you want to do anything fancier than the good ol' CSS text-decoration: underline…
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…