Tag webdev

14 bookmarks have this tag.

2025-08-23

612.

How to use KaTeX with Eleventy

benborgers.com/eleventy-katex

First, go to the layout for your blog posts, and pipe the page’s contents through a latex filter that we’ll create in a moment:

{# before: #}
{​{ content | safe }}
{# after: #}
{​{ content | latex | safe }}

2025-02-15

504.

Please Make Your Table Headings Sticky

btxx.org/posts/Please_Make_Your_Table_Headings_Sticky

2025-01-25

488.

JavaScript dos and donts @ Mu-An Chiou

muan.co/posts/javascript

Do

When the core functionality of a feature cannot function with only HTML.
When the core functionality of a feature can benefit from some JavaScript. Start with only HTML, then progressively enhance it, so it can still work without Jav...

2024-07-13

269.

CSS Grid Generator

cssgridgenerator.io

CSS Grid Generator - a user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.

2024-06-10

247.

The Complete Guide to Centering in CSS | Modern CSS Solutions

moderncss.dev/complete-guide-to-centering-in-css

Learn how to finally solve the mystery of centering in CSS using grid, flexbox, and classic block element layout.

245.

Beautiful CSS box-shadow examples - CSS Scan

getcssscan.com/css-box-shadow-examples

🎨 Curated collection of 95 free beautiful CSS box-shadow, ready-to-use for your next projects. Click to copy.

236.

Simple PWA

simplepwa.com

Simple Progressive Web App (PWA) template

194.

Boba Ipsum | Lorem ipsum generator for boba, matcha, taro, and thai tea lovers

boba-ipsum.com

BOBA IPSUM GENERATOR

193.

Phosphor Icons

phosphoricons.com

A flexible icon family for interfaces, diagrams, presentations — whatever, really.

192.

FontIcon 💙 Font Awesome Favicon Generator 🔥

gauger.io/fonticon

Create favicons using Font Awesome icons 🚀. Preview favicons live in browser 🖥️.

191.

Favicon.io - The Ultimate Favicon Generator (Free)

favicon.io

With Favicon.io you can quickly generate a favicon for your website for free!

190.

Fancy Border Radius Generator

9elements.github.io/fancy-border-radius

Generator to build organic shapes with CSS3 border-radius

189.

Contrast Ratio - WCAG Color Contrast Checker

www.siegemedia.com/contrast-ratio

Check the contrast ratio between your website’s background and font colors with our free interactive tool based on WCAG guidelines.

142.

coolLabs Fonts

fonts.coollabs.io

A privacy-friendly drop-in replacement for Google Fonts