URL-encoder for SVG
Code
GitHub - djrrb/Python-For-Visual-Designers-2020: Resources for my Type@Cooper course
Resources for my Type@Cooper course. Contribute to djrrb/Python-For-Visual-Designers-2020 development by creating an account on GitHub.
Beginners resources - Python resources for everybody
Curated list of learning resources for all sorts of Python usage
Raster—CSS Grid System
Welcome! | Python for Designers
An introductory manual to Python3 and DrawBot
Min-Max-Value Interpolation
A tool that calculates the CSS clamp formula to interpolate between two values in a given viewport range.
How to password protect a static site on Vercel, Netlify, or any JAMStack site | Al Power
Eleventy (11ty) Tutorial
Mechanical Ragger: Print typesetting for the web
The web has never been a place for perfectionism. Typesetting in particular has been a long-neglected facet of web design because we’ve lacked the tools to give long texts the editorial care they need.
Building a button component
A foundational overview of how to build color-adaptive, responsive, and accessible button components.
fullPage scroll snapping. Create full screen pages fast and simple
Mouse wheel snap to sections. Fast and simple to use.
GitHub - hotwired/turbo: The speed of a single-page web application without having to write any JavaScript
The speed of a single-page web application without having to write any JavaScript - GitHub - hotwired/turbo: The speed of a single-page web application without having to write any JavaScript
Scroll Animation - CSS-Tricks
There are some scroll animations that are possible in CSS without any JavaScript at all. Just look at the chapter on the Scroll Indicator, which is clearly CSS magic. But we can do a lot of scroll animation work directly in CSS with just one little bit of information provided by JavaScript: how far the page has scrolled.
GitHub - 5t3ph/11ty-email-generator: Generate simple, responsive email templates, with inlined CSS on build using 11ty.
Generate simple, responsive email templates, with inlined CSS on build using 11ty. - GitHub - 5t3ph/11ty-email-generator: Generate simple, responsive email templates, with inlined CSS on build usin...
Text to Speech | Microsoft Azure
Build apps and services that speak naturally and engage customers globally with Text to Speech conversions.
Typebot - Open-source conversational apps builder
Powerful blocks to create unique chat experiences. Embed them anywhere on your apps and start collecting results like magic.
Spirit - Interactive Animation Tool
Spirit is an animation toolkit built to help you create animations for the web directly in the browser
What's New Since CSS3 in 2015?
CSS3 was a massive success for CSS. No doubt loads of people boned up during that time. How has CSS changed since? Let's count the ways.
Aligning Content In Different Wrappers - Ahmad Shadeed
How to align content with another section given that they are placed in different wrappers
Inspecting Web Views in macOS
Variable Fonts | Compressa
Develop for Playdate
It’s yellow. It fits in your pocket. There’s a crank. It comes with 24 free games to get you started. Say hi to Playdate from Panic.
CSSUI - Interactive components in Pure CSS
CSSUI is a collection of interactive user interface components realized in pure CSS.
CSS { In Real Life } | Aspect Ratio is Great
Tips, tricks and tutorials on the web’s most beautiful language.
How to Favicon in 2022: Six files that fit most needs — Martian Chronicles
Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Wepback.
Fluid type sizes and spacing — Piper Haywood
I’ve been using a fluid type and spacing system on the most recent builds I’ve completed. Here’s why I use it, and how I approach it. I mainly use SCSS (a
TextEvo 2
TextEvo allows you to easily animate your text with delay based on letters, words or lines.
How to Write a Git Commit Message
Commit messages matter. Here's how to write them well.
Floating UI - Positioning for tooltips, popovers, dropdowns, and more
CS50: Introduction to Computer Science | Harvard University
An introduction to the intellectual enterprises of computer science and the art of programming.
Your Career in Web Development Starts Here | The Odin Project
The Odin Project empowers aspiring web developers to learn together for free