Skip to content

Instantly share code, notes, and snippets.

@maximelebreton
Last active January 5, 2023 16:52
Show Gist options
  • Save maximelebreton/fdd484643f96a328006fea8e0f315996 to your computer and use it in GitHub Desktop.
Save maximelebreton/fdd484643f96a328006fea8e0f315996 to your computer and use it in GitHub Desktop.
Front end developer toolkit

Because I think that the best css/js framework is composed by many agnostic micro libraries.

JavaScript

Vue

Sass MQ

A Sass mixin that helps you compose media queries in an elegant way.

My favourite to make perfectly customized media queries

https://github.com/sass-mq/sass-mq

LazySizes

High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.

Amazingly powerfull

https://github.com/aFarkas/lazysizes

Flickity

Touch, responsive, flickable carousels

Not perfect, but better than buggy owl carousel

https://github.com/metafizzy/flickity

Toggles Switches

A declarative pattern for applying CSS states and animations based on user interaction

For things like responsive nav

https://github.com/digitalsurgeons/toggles-switches

Impetus

Agnostic utility for adding momentum to anything. It's like iScroll, except not for scrolling. Supports mouse and touch events.

Simple but very limited (no callbacks)

https://github.com/chrisbateman/impetus

Sass burger

A Sass mixin for creating hamburger icons.
https://github.com/jorenvanhee/sass-burger

Needs jQuery

Zoom.js

Medium's Image Zoom for jQuery
https://github.com/fat/zoom.js

Untested

Flow.js

A JavaScript library providing multiple simultaneous, stable, fault-tolerant and resumable/restartable file uploads via the HTML5 File API.
https://github.com/flowjs/flow.js

Dragdealer

Drag-based JavaScript component, embracing endless UI solutions

Untested but very promising

https://github.com/skidding/dragdealer

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment