STYLE SWITCHER

Grav

Building Faster Websites with Grav, a Modern Flat-file CMS

Nowadays, there’s an interesting get-back-to-the-basics tendency among web developers. Some modern, best-in-class technologies — like Markdown, Twig, and YAML — are often used together to produce many new, lightweight CMSs, focused on speed, simplicity and productivity. The principle they all follow is pretty straightforward: when things get too complex, it’s better to start from scratch, instead of trying to clean up the existing mess.

Website
More

Delighters.JS

Add CSS animations to delight users as they scroll down.

A tiny javascript library by Q42 https://github.com/Q42/delighters

Website
More

< css-doodle /> – A web component for drawing patterns with CSS

is based on Shadow DOM v1 and Custom Elements v1. You can use it on latest Chrome and Safari right now without polyfills. The component will generate a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an animated graph. The limit is the limit of CSS itself.

#Getting Started

Include the script directly from cdnjs and everything is ready:

<script src="https://cdnjs.cloudflare.com/ajax/libs/css-doodle/0.2.3/css-doodle.min.js"></script>

<css-doodle>
/* put your code here */
</css-doodle>

You can also install it from npm and import the module in javascript:

npm install css-doodle
Website
More

Pico.js – Lightweight JavaScript Face Detection Library

pico.js is lightweight face detection library in 200 lines of JavaScript. pico.js has real-time detection capabilities (200+ FPS in a practical setting)

If your platform supports the getUserMedia API call, you can try the pico.js real-time face detector. Simply click the button below and allow the page to access your webcam.

DownloadWebsite
More

Glide.js -JavaScript ES6 slider and carousel

Glide.js is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide, no less.

Features:

  • Dependency-free. Everything included, ready for action.
  • Lightweight. Only ~22kb (~7kb gzipped) with every functionality on board.
  • Modular. Remove unused modules and drop script weight even more.
  • Extendable. Plug-in your own modules with additional functionalities.
  • Bundlers ready.
WebsiteDownload
More