27个最好的设计和开发资源周报#15

Streamster Typeface

Streamster typeface, available for free download for personal use.

Forkio One Page Website Template

一个响应式 Bootstrap 网站模板来自 Pixel Buddha 和 PSD2HTML。漂亮的单页设计非常适合于Web开发、App或软件相关项目。

The freebie contains over 36 original high quality flat E-commerce Icons. The collection of icons includes a PNG file, a PSD file, AI formats and EPS files. You can freely use them in both your commercial and personal projects.

Nakropol – Free Web UI KIT / PSD

Ace iOS8 Mobile UI Kit Freebie

A free version of Ace iOS 8 Mobile UI Kit, a modern UI kit for designing apps and prototypes that will look just awesome on iPhones.

iOS Icon Template

A PSD template to generate all your icons.

Creative Gooey Effects

A set of examples that use a gooey SVG filter for creating a variety of different effects for all kinds of website components.

HTML5 Music Player

It is a music player that lives in your browser. It uses the powerful HTML5 File Reader and Audio APIs. As a result, you can just drag and drop mp3 files from your computer into the browser, and they are automatically added to your playlist.

Contact Form

A simple and easy to customize contact form.

Full-Screen Menu Overlay

A Full-Screen Menu, showcasing your brand and website navigation.

CIRCULUS.SVG

The SVG Circular Menu Generator.

66 CSS effects for notifications using animate.css

This tutorial is aimed to show you some very common CSS transitions used in development. I chose to illustrate this on notifications because i can use the both hidden and visible states of elements to display a broad range of animations.

Off canvas zoom navigation

Animated offscreen zoom navigation.

Direction-aware hover effect

boids.js

This library allows you to simulate bird flock and fish school.

sapo.js

Interactive procedural texture generator for fun.

skyblue

CSS framework (made with SASS)

lost

Lost Grid is a grid system for SCSS or Stylus. It makes use of calc() to create stunning grids based on fractions you define, and falls back to percentage-based Jeet on older browsers.

doppler

It enables you to detect motion using only the microphone and speakers!

textures

Textures.js is a Javascript library for creating SVG patterns. Made on top of d3.js, it is designed for data visualizaton.

tree-view

Tree viewing widget for the browser. Uses React so it only re-renders parts of the tree that need updating without having to re-render the entire tree on every change.

ShiftJS

Mini JavaScript library that triggers CSS3 transitions and transforms.

dgrid

The dgrid project provides widgets for lists of data, including simple sets of scrolling rows, grids of data, on-demand lazy-loaded data, and various mixins for additional functionality.

Centurion

Centurion is a web-based framework for rapid prototyping and building larger web projects.

mui

MUI is a lightweight HTML, CSS and JS framework for sites that follow Google’sMaterial Design guidelines

uglipop.js

A Lightweight Non-fancy Modal/Lightbox.