Weekly Web Design & Development News: Collective #181

Here's the 181st Weekly Web Design & Development Collective that aims to introduce fresh new, trendy and easy-to-use web design & development resources (freebies, codes, graphics, tools, inspiration, etc) from the past week. Have fun with it and remember to share with your friends.

Web Design & Development News: Collective #181

moveTo

A lightweight scroll animation javascript library without any dependency.

[Demo] [Download]

loopy

A tool for thinking in systems.

[Demo] [Download]

SVGCircle-Module-for-FramerJS

Animate Circles (Strokes) easily.

[Demo] [Download]

html5sortable

Lightweight vanillajs micro-library for creating sortable lists and grids using native HTML5 drag and drop API.

[Demo] [Download]

Oblivion

Oblivion is a programming language that produces SVG files. It's a domain specific language dedicated to producing graphics and giving programmers as well as artists the tools to create art with code.

[Demo] [Download]

XSSJacking

This is an attack that can trigger Self-XSS if the page in question is also vulnerable to Clickjacking.

[Demo] [Download]

EFFECSS

Effecss is a pure and easy css animation framework. To use it just add to an element a class that corresponds to the animation you want to use.

[Demo] [Download]

sharp

High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP and TIFF images. Uses the libvips library.

[Download]

Click and Drag to Scroll

The user can scroll through the app by clicking and moving the cursor.

[Demo] [Download]

Radial Menu Animation

[Demo] [Download]

Responsive Navigation Menu Using Only CSS

[Demo] [Download]

Expanding Bar Navigation Concept

An experimental tab-like navigation concept where a content area is opened with an animation once an item is clicked.

[Demo] [Download]