Previewed
Stacked Cards with Sticky Positioning and a Dash of Sass
The other day, I spotted this particularly lovely bit from Corey Ginnivan’s website where a collection of cards stack on top of one another as you scroll.
Delivering content with Strapi and Nuxt - LogRocket Blog
Learn how to set up a Strapi backend in Nuxt.js, add data to your CMS, and enable the GraphQL API in this comprehensive tutorial.
Search results for '' - Prismic People
Learn to build beautiful websites with support from the Prismic Community.
Rethinking Accessible Drop Caps
An alternative approach to designing accessible drop caps.
PDF: Still Unfit for Human Consumption, 20 Years Later
Research spanning 20 years proves PDFs are problematic for online reading. Yet they’re still prevalent and users continue to get lost in them. They’re unpleasant to read and navigate and remain unfit for digital-content display.
Add a Shopping Cart to your website, mobile or desktop app in minutes | Apicart
Add a Shopping Cart to your website, mobile or desktop app in minutes. Compatible with any CMS, framework, platform and site or app builders. Free testing program.
System UIcons
A free icon set designed for systems and products. Use how you want, without attribution.
Optimizing CSS for faster page loads
Learn how CSS affects page load times and how you can improve it by optimizing your CSS build pipeline and the way you load it.
Fluid interfaces using CSS
Fluid interfaces allow you scale elements of your website based on on the available space, without using media-queries
Modern CSS grid solutions to common layout problems
Responsive layouts are one of the more complicated problems in CSS. With the addition of CSS grids, we are now able to solve complex problems.
Howto: Draft Posts With Gridsome
Gridsome does not have a native way to separate draft posts but it's easy to implement yourself.
google webfonts helper
A Hassle-Free Way to Self-Host Google Fonts. Get eot, ttf, svg, woff and woff2 files + CSS snippets!
Forge Icons - 300+ right mix of SVG icons for use in e-commerce, travel, social media, app design and much more.
Free Download of over 300+ SVG icons for your next project. Pick thickness, color and size. Icons ideal for e-commerce, travel, social media, app design and much more.
A Complete Guide to Netlify Forms
Forms are a standard requirement for any site. Netlify's Forms feature makes forms in Jamstack sites easy - and it's built into Stackbit sites. This guide shows you everything you need to know about Netlify Forms.
Creating A Static Blog With Sapper And Strapi
This article will take you through how to build a Svelte-powered static blog with Sapper and Strapi, as well as how to deploy the website to Netlify.
Reuse Graphql queries in GatsbyJS and Gridsome
Fetching the same data in different components? Reuse your graphQL queries.
A Lightweight Masonry Solution | CSS-Tricks
Back in May, I learned about Firefox adding masonry to CSS grid. Masonry layouts are something I've been wanting to do on my own from scratch for a very
Multiple Graphql Queries on a Single Page with Gridsome
Ever wonder how include multiple queries on the same page, when using Gridsome? Well, this is how.
Image manipulation with CSS
We discuss 7 ways you can manipulate images using CSS
Icons
Copy and paste individual icons as inline SVGs or CSS code directly into websites or Illustrator.
Understanding Variables, Scope, and Hoisting in JavaScript
Let’s see in detail var, let and const. How do they work? their differences? and why it’s so important to know them.
Textdb
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