Mutable Gallery
Develop. Preview. Ship. - Vercel
Vercel is the easiest way to deploy websites. Host your web projects with zero configuration, automatic SSL, and global CDN.
Building Documentation Sites with the JAMstack | Stackbit
Documentation sites are a longstanding and common use case for the JAMstack. In this post we explore some of the options available to you for developing them and show an example of how to build one.
Managing Content Relationships in Git-based Headless CMS | Stackbit
Relationships between content items are key to developing a good content model. This post explores how to handle these relationships in a JAMstack site that uses a git-based content management system.
Eleventy basics you might need for creating a generic design
Before creating the final structure of the design I show you how to handle some basic use cases with eleventy.
ACF | Creating a WP archive with custom field filter
This video tutorial will cover the basics of creating a WP archive that displays posts filtered by a checkbox custom field. Please watch the video first,
Jules Forrest
Typography, product design and web development.
New media queries you need to know - LogRocket Blog
This article will take you through some of the most interesting new media queries in this new specification, and show you how to use them.
Getting Started
A guide on creating a template for Boilerplato.
Cooltipz.css - Cool tooltips made from pure CSS
Simple and customisable tooltips made of pure CSS, no JavaScript. Easily apply to HTML elements. Install Cooltipz.css via npm, CDN or download.
krisk/Fuse
Lightweight fuzzy-search, in JavaScript. Contribute to krisk/Fuse development by creating an account on GitHub.
pattern.css - Background Patterns in CSS
CSS only library to fill your empty background with beautiful patterns.
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.
Compare Cell Phone Plans, Internet Plans, Tablet Plans & TV Packages | WhistleOut
Compare 1043+ Cell Phone Plans, Internet Plans, Tablet Plans and TV Packages from 69 carriers. WhistleOut is fast, free & easy to get the best deal.
Inclusive Design vs Accessible Design (with Infographic)
What’s the difference between accessible design and inclusive design? Both aim to lower interaction barriers for people with diverse backgrounds and abilities, but key differences remain. #business #product #accessibility #inclusion #ui #design #ux #infographic
Website screenshot API
Generate beautiful website screenshots using our fast website screenshot API. Our API is easy to use and build for scale.
Better Form Inputs for Better Mobile User Experiences
Here’s one simple, practical way to make apps perform better on mobile devices: always configure HTML input fields with the correct type, inputmode, and
Creating Color Themes With Custom Properties, HSL, and a Little calc() | CSS-Tricks
Before the advent of CSS custom properties (we might call them “variables” in this article as that’s the spirit of them), implementing multiple color
Heydon/watched-box
Contribute to Heydon/watched-box development by creating an account on GitHub.
Dynamic, Date-Based Color with JavaScript, HSL, and CSS Variables | Rob Weychert
A rational system for generating thousands of possible color schemes
Tinnitus Tracker
The live music diary of Rob Weychert, a music nerd living in Brooklyn, NY.
No-Class CSS Frameworks | CSS-Tricks
I linked up Water.css not long ago as an interesting sort of CSS framework. No classes. No . You just use semantic HTML and get
Styling Ordered Lists with CSS Counters
Here's a scenario I find myself in now and then: I want an ordered list, and I want it to be pretty. Because semantic HTML is important, I…
How to prepare and use variable fonts on the web
A primer on subsetting, formatting, and CSS font features.
Radius: A Design System Accelerator
Rangle partners with organizations to build high-quality, customer-centric software experiences. We help companies that strive to put their customers first, while scaling capacity and capability quickly.
CSS Section Separator Generator
A collection of customizable CSS section separators, with the possibility to easily copy the code.
Lordicon
Stand out your web or mobile project with animated web icons. Explore hundreds of interactive icons now!
Honeycomb
Honeycomb is a configurable, mobile first, fluid scss framework for creating websites and web apps that respond gracefully to any screen size. Unlike traditional frameworks, where font sizes and gutters snap to a fixed size based on breakpoints, Honeycomb resizes all of these elements in co-ordination with with the users viewport, for UI's that look great on any sized device.
Baking Structured Data Into The Design Process — Smashing Magazine
Retrofitting search engine optimization only gets you so far. As metadata gets smarter, it’s more important than ever to build it into the design process from the start.
Free photos face doll search, download - needpix.com
Free photos search by face doll keyword. You can freely use this picture ✓ For commercial use ✓ No attribution required