Chris Coyier

My-Grunt-Boilerplate. Right. Like the title.

Simple-Offline-Site. JavaScript

Fluid-Width-Video. That maintains aspect ratio and works with all major video hosts

css-tricks-functionality-plugin. An example of the real plugin in use at CSS-Tricks.com

SurveyMonkey-Design-Patterns. JavaScript

server-side-mustard-cut. JavaScript, cookies, and a possible reload to get a server-side choice of documents.

linting-html-with-css. Demo of Ire Aderinokun's https://bitsofco.de/linting-html-using-css/

inline-or-cache-svg---both. Let's see how possible this is.

Slides. PHP/HTML5/CSS3/jQuery framework for creating a simple slide deck.

HTML-Ipsum. Lorem Ipsum text surrounded in HTML tags

practical-svg. JavaScript

inline-svg-with-grunticon-fallback. In case you want to start with <svg> in your document.

astro-css-trickzz. Astro version of Alex Riviere's https://css-tricks.com/css-trickz-an-experiment-with-netlifys-on-demand-builders/

simple-lightning-css-setup. Example of minimal usage of Lightning CSS

Effeckt.css. UI-less, performant transitions & animations

smashburgers-in-bend. Few but mighty.

PinnedAudio. WordPress theme with persistent audio player

Interlink-Workshop. 2012

breakfast-burritos. Astro

learning-go. Go

CSS-Tricks-v10. Public Issues Repository for problems with CSS-Tricks.com v10 Design

static-site-lol. HTML

kids-events. Little idea to scrape sites and display aggregate kids events.

Google-Maps-Mobile-Demo. Small screens don't need iframe Google Maps, so they get a static image and link. Large screens get the fully interactive iframe.

chriscoyier.

test_an_edge_function. https://ecstatic-wozniak-384ec5.chriscoyier.edge-handlers.dev/

website. BendJS website - Built with NextJS and open for the community to hack on!

KiwiSite. For a workshop. Demo: http://css-tricks.com/examples/KiwiSite/

Wufoo-Shortcode-WordPress-Plugin. Allows the use of a special short code [wufoo] for embedding Wufoo forms.

select2. Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

2017-Workshop. HTML

full-stack-talk. HTML

toms-myspace-page. A static clone of Tom's iconic 2006 Myspace profile page.

smallweb. Kagi Small Web

personal-cdn. JavaScript

aprilcoppini. PHP

Modernizr. Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.

use-state-in-custom-properties. A react hook for injecting your react state into CSS variables.

SuperTinyIcons. Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos

grunt-svgstore. Merge svgs from a folder

my-portfolio. This is the website for my personal portfolio.

nutshell. Make expandable explanations!

Webtask-Storage. JavaScript