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
A tool for thinking in systems.
Animate Circles (Strokes) easily.
Lightweight vanillajs micro-library for creating sortable lists and grids using native HTML5 drag and drop API.
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.
This is an attack that can trigger Self-XSS if the page in question is also vulnerable to Clickjacking.
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.
High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP and TIFF images. Uses the libvips library.
Click and Drag to Scroll
The user can scroll through the app by clicking and moving the cursor.
Responsive Navigation Menu Using Only CSS
Expanding Bar Navigation Concept
An experimental tab-like navigation concept where a content area is opened with an animation once an item is clicked.