• Stars
    star
    159
  • Rank 228,579 (Top 5 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 4 years ago
  • Updated 10 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A collection of useful JavaScript snippets curated by Zell

JavaScript

I put together a collection of JavaScript functions I use. I found them exceptionally useful and I hope you will too.

Note: This collection is ESM only and cannot be used with CommonJS.

Installation and usage with npm

You can install the library with npm:

npm install @zellwk/javascript

All files are found within there folders:

  • browser β€” usable only in browsers
  • node β€” usable only in Node
  • utils β€” usable in both browsers and node

Just import whatever file you need from these folders. When importing, you can skip the src path because that is already handled for you in the package.json file.

Example for using Local Store:

import * as localStore from '@zellwk/javascript/browser/local-store.js'

Installation and usage without npm

You can use these libraries in the frontend even if you don't use a bundler. All you need to do is retrieve the library from a CDN like JsDelivr.

When you use this method, you need to include the src folder in your path.

Here's an example:

import localStore from 'https://cdn.jsdelivr.net/npm/@zellwk/[email protected]/src/browser/localstore.js'

See this article to make this nicer for your project.

WIP Warning

This repository is always a Work in Progress. I may change anything anytime!

Changelog

Detailed changes for each release are documented in the release notes.

More Repositories

1

typi

A sass mixin to make responsive typography easy
CSS
860
star
2

gulp-starter-csstricks

Gulp starter for CSS Tricks article
JavaScript
393
star
3

mappy-breakpoints

Breakpoints with Maps in Sass
SCSS
384
star
4

zellwk.com

Github repo for https://zellwk.com
MDX
348
star
5

zl-fetch

A library that makes the Fetch API a breeze
JavaScript
276
star
6

crud-express-mongo

Repo for Zell's CRUD, Express and Mongo tutorial
JavaScript
176
star
7

dotfiles

Shell
170
star
8

crud-demo

Source code for "Building a CRUD app with Node, Express, and MongoDB tutorial"
JavaScript
165
star
9

css-reset

Zell's personal CSS Reset
CSS
149
star
10

adaptive-placeholders

Float label pattern built with pure SCSS
CSS
129
star
11

endpoint-testing-example

JavaScript
47
star
12

gulp-susy-starter

Susy Starter that uses LibSass with Gulp
CSS
39
star
13

themify

Sass Mixin to create multiple themes easily
CSS
34
star
14

vertical-rhythms-without-compass

CSS
18
star
15

ama

A repository where you can ask anything and Zell will answer.
9
star
16

source-for-automating-workflow-book

JavaScript
9
star
17

build-and-deploy-workshop

Astro
9
star
18

grunt-susy-starter

Susy Starter that uses LibSass with Grunt
CSS
8
star
19

devfest

github repo for the devfest.asia 2015
JavaScript
7
star
20

Learnjavascript-api

API for Learn JavaScript
JavaScript
6
star
21

convertkit-cli

A Simple CLI for Convertkit
JavaScript
6
star
22

CSSConf.Asia-animating-svg

JavaScript
6
star
23

demos

JavaScript
5
star
24

responsive-typography-slides

JavaScript
5
star
25

responsive-css-components-slides

JavaScript
5
star
26

devfest-2016

CSS
4
star
27

webpack-starter

Webpack starter (without React)
JavaScript
4
star
28

better-share-buttons

CSS
4
star
29

buffalo

Simple Blog site generator
JavaScript
4
star
30

Learning-Susy

The walkthrough codes for Learning Susy
CSS
3
star
31

simple-workflow

HTML
3
star
32

responsive-typography-workshop

CSS
3
star
33

FEWD

HTML
3
star
34

basic-susy-starter

A very simple Susy Starter that uses the terminal to compile Sass into CSS
CSS
3
star
35

learngit.io

Website for learngit.io
HTML
3
star
36

ava-mdb-test

JavaScript
2
star
37

Dojo-Playground

Astro
2
star
38

countdown

A simple countdown timer to a specific date (with timezone support)
JavaScript
2
star
39

shuffle-and-split

Shuffles and splits and array into equal groups
JavaScript
2
star
40

chatapp-polymer

Chatapp built with Polymer
HTML
2
star
41

simple-susy-starter

For easy Susy related layouts / tests
CSS
2
star
42

susy-helpers

Helpers for Susy
CSS
2
star
43

scalable-components

JavaScript
2
star
44

publishing-to-npm

An example repository to teach people how to publish to npm
2
star
45

resize-images

Resizes images. Suitable for use directly in Node, or with a Gulp workflow
JavaScript
2
star
46

build-and-deploy-workshop-sanity

JavaScript
1
star
47

ayw

Website for AYW
Nunjucks
1
star
48

roam-css

CSS
1
star
49

cssnano-issue

JavaScript
1
star
50

devops

1
star
51

slides-scaling-components-cn

Slides for CSSConf China #4
JavaScript
1
star
52

compass-susy-starter

A very simple Susy Starter that uses Compass to compile Sass into CSS
CSS
1
star
53

jsroadmap.com

SCSS
1
star
54

zellwk-pdf-maker

Helps to make PDFs for https://zellwk.com
JavaScript
1
star
55

github-actions-tutorial

1
star
56

count-to-date

A simple countdown timer to a specific date
JavaScript
1
star
57

cohort19x

CSS
1
star
58

window-sizer

Small helper to make debugging responsive websites easier
JavaScript
1
star