Chris Coyier (@chriscoyier)
github

chriscoyier

Twitter logo Share LinkedIn logo Share Facebook logo Share
  • Stars
    star
    1,819
  • Global Rank 16,977 (Top 0.6 %)
  • Followers 10,816
  • Following 259
  • Registered over 15 years ago
  • Most used languages
    JavaScript
         34.3 %
    HTML
         25.7 %
    PHP
         17.1 %
    Astro     5.7 %
    Go
         5.7 %
    CSS
         2.9 %
    Nunjucks     2.9 %
    Ruby
         2.9 %
    Vue     2.9 %
  • Location 🇺🇸 United States
  • Country Total Rank 5,442
  • Country Ranking
    Astro     47
    Nunjucks     90
    HTML
         628
    PHP
         814
    CSS
         1,657
    JavaScript
         1,843
    Vue     4,395
    Go
         5,426

Top repositories

1

My-Grunt-Boilerplate

Right. Like the title.
JavaScript
453
star
2

Simple-Offline-Site

JavaScript
291
star
3

Fluid-Width-Video

That maintains aspect ratio and works with all major video hosts
HTML
229
star
4

css-tricks-functionality-plugin

An example of the real plugin in use at CSS-Tricks.com
PHP
120
star
5

SurveyMonkey-Design-Patterns

JavaScript
85
star
6

server-side-mustard-cut

JavaScript, cookies, and a possible reload to get a server-side choice of documents.
PHP
54
star
7

linting-html-with-css

Demo of Ire Aderinokun's https://bitsofco.de/linting-html-using-css/
CSS
41
star
8

inline-or-cache-svg---both

Let's see how possible this is.
HTML
38
star
9

HTML-Ipsum

Lorem Ipsum text surrounded in HTML tags
HTML
34
star
10

Slides

PHP/HTML5/CSS3/jQuery framework for creating a simple slide deck.
PHP
34
star
11

inline-svg-with-grunticon-fallback

In case you want to start with <svg> in your document.
HTML
27
star
12

practical-svg

JavaScript
27
star
13

astro-css-trickzz

Astro version of Alex Riviere's https://css-tricks.com/css-trickz-an-experiment-with-netlifys-on-demand-builders/
JavaScript
26
star
14

smashburgers-in-bend

Few but mighty.
Astro
17
star
15

PinnedAudio

WordPress theme with persistent audio player
JavaScript
16
star
16

simple-lightning-css-setup

Example of minimal usage of Lightning CSS
HTML
16
star
17

Interlink-Workshop

2012
PHP
15
star
18

breakfast-burritos

Astro
11
star
19

learning-go

Go
9
star
20

CSS-Tricks-v10

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

static-site-lol

HTML
7
star
22

kids-events

Little idea to scrape sites and display aggregate kids events.
Go
7
star
23

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.
JavaScript
6
star
24

test_an_edge_function

https://ecstatic-wozniak-384ec5.chriscoyier.edge-handlers.dev/
JavaScript
6
star
25

KiwiSite

For a workshop. Demo: http://css-tricks.com/examples/KiwiSite/
JavaScript
6
star
26

chriscoyier

5
star
27

Wufoo-Shortcode-WordPress-Plugin

Allows the use of a special short code [wufoo] for embedding Wufoo forms.
PHP
5
star
28

2017-Workshop

HTML
4
star
29

full-stack-talk

HTML
4
star
30

backlight-test-design-system

A simple Tech Sample starter kit based on Nunjucks for templating components
Nunjucks
3
star
31

personal-cdn

JavaScript
2
star
32

next-netlify-starter

JavaScript
2
star
33

laundry-storage

2
star
34

Hover-or-Tap-Reveal-Dropdown-Menu-Demo

You don't have to do a whole lot to get a hover-revealed menu to work on iOS. The first click triggers the hover state which reveals the menu.
Ruby
2
star
35

Webtask-Storage

JavaScript
1
star
36

aaa-next

Vue
1
star
37

aprilcoppini

PHP
1
star
38

YWebCA_Website

Place to play with a potential revamp of the YWebCA site.
HTML
1
star