18 个最好的Web设计和开发资源周报#22

过去一周推出全新的，时尚和易于使用的网页设计及开发资源（赠品，编码，图形，工具，灵感等）。

15+ Fresh New Pattern & Texture Packs For Free Download

15+ free new pattern & texture packs for web & graphic designers.

Structure (Free Font)

Structure is a modern geometric Typeface. The idea was to create a thin and high font, that is suitable for titles, for using in brochures, posters, logos etc. It consists of uppercase and low case alphabet, numerals and basic punctuation.

Phantasm Font

Phantasm Font designed by Adil Siddiqui.

GEOM Display Typeface

GEOM is a free display type inspired in basic geometric forms and grids, it’s just my daily study. Feel free to use (personal and commercial work) and adjust.

ASK FREE UI Kit

30+ Free elements UI KIT For personal and commercial use.

Shophia – Free PSD eCommerce Template

Apple Watch Icon Template

JavaScript Load Image

JavaScript Load Image is a library to load images provided as File or Blob objects or via URL. It returns an optionally scaled and/or cropped HTML img or canvas element. It also provides a method to parse image meta data to extract Exif tags and thumbnails and to restore the complete image header after resizing.

BigScreen

A simple library for using the JavaScript Full Screen API.

Interactive Apple Watch Lap Timer/Stopwatch

Vertical Responsive Menu

A mobile first vertical responsive menu using HTML, CSS & JS.

Clusterize.js

Tiny vanilla JS plugin to display large data sets easily.

medium-style-confirm

medium.com style confirm dialog.

Material Design Stopwatch, Alarm and Timer

It consists of three parts – an alarm clock, a stopwatch and a timer. The application is responsive and has a bunch of subtle animations that react to user input.

betty

Betty (or Ben for the ones who prefer a male receptionist) is your own customizable receptionist, to forward call and messages to your team anywhere in the world. It’s particularly useful if your organization is operating in the US, but based in another countries.

CSS Element Queries

Element Queries is a polyfill adding support for element based media-queries to all new browsers (incl. IE7+). It allows not only to define media-queries based on window-size but also adds ‘media-queries’ functionality depending on element (any selector supported) size while not causing performance lags due to event based implementation.

PleaseWait.js

A simple library to show your users a beautiful splash page while your application loads.

ramjet

Morph DOM elements from one state to another with smooth transitions.