Weekly Web Design & Development News: Collective #175

by jQuery Script,

Here's the 175th 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 #175

paint

Fluid Paint.

paint

[Demo] [Download]

loadme

loadme is a pure CSS library which provides a collection of well-designed and CSS3 animated loaders for your mobile web applications.

loadme

[Demo] [Download]

hyperapp

1kb JavaScript library for building modern UI applications

[Demo] [Download]

holy-grail-markup

All CSS methodologies compared examples at one place.

holy-grail-markup

[Demo] [Download]

maquette

Maquette is a Javascript utility which makes it easy to synchronize the DOM tree in the browser with your data. It uses a technique called 'Virtual DOM'.

maquette

[Demo] [Download]

fuse-box

FuseBox is a bundler/module loader that combines the power of webpack, JSPM and SystemJS.

fuse-box

[Demo] [Download]

Caption.js

Caption — Find the right subtitles. Easy.

Caption.js

[Demo] [Download]

scrolldir

ScrollDir, short for Scroll Direction, is a 0 dependency micro Javascript plugin to easily leverage vertical scroll direction in CSS via a data attribute.

scrolldir

[Demo] [Download]

deadbird

Save deleted tweets of Twitter users.

deadbird

[Demo] [Download]

speakemoji

Speakemoji set. An alternative emoji.

speakemoji

[Demo] [Download]

typographic-email

This is a responsive email template that is optimized for readability. This is used in my project - EmailThis. I created it because I needed a simple, minimal yet beautiful email template that focusses specifically on readability.

typographic-email

[Demo] [Download]

Rings Navigation Concept

Rings Navigation Concept

[Download]

Expanding card page transition effect

Expanding card page transition effect

[Demo] [Download]

Polyrize.js

Polyrize is a standalone JavaScript library (in alpha state) to build triangles on the base of image data.

Polyrize.js

[Demo] [Download]

Inspiration for Search UI Effects

A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations.

Inspiration for Search UI Effects

[Demo] [Download]

iOS 10 GUI (iPhone 7) PSD/Sketch

Designed to make it easy to design, build and test your new app in the context of iOS 10.

typographic-email

[Download]