25 个非常好的网页设计和开发的资源

点这里

Here’s the 25 Best Weekly Web Design & Development Resources #18 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.

Bukhari Script – Free Font

Bukhari Script is a bold monoline cursive font.

Bobz Type

mono16

Monospaced font made for programming.

FREE MATERIAL DESIGN UI KIT

1000+ Material Design Icons. Set of more than thousand material design icons in over 20 categories, and 7 resolutions. 7000+ files included, and it’s free!!!

1000 MATERIAL DESIGN ICONS

1000+ Material Design   Icons. Set of more than thousand material design icons in over 20 categories, and 7 resolutions. 7000+ files included, and it’s free!!!

Teracy Wireframe Kit

This is the Wireframe kit created to help speed up your wireframing process. This kit includes basics UI elements for web, UI elements for Mobile and other devices will be updated in the future.

Prism Effect   Slider   with Canvas

A tutorial on how to create a slider with a “prism” effect using HTML5 canvas globalCompositeOperation and a layering technique.

Responsible

Responsible.js – Give visitors the choice of what mobile experience they want. Adds Toggle for mobile to desktop switching without page reloads

Pintsize

Pintsize is the ideal place to start your next web project. As well as providing you with the basics to get building quickly, it’s nice and tidy file structure makes it easy to scale your projects efficiently.

wavesurfer.js

Interactive navigable audio visualization using Web Audio and Canvas.

AnchorJS

A tiny JavaScript utility for adding deep anchor links to existing page content.

cta.js

cta.js or “Call to Animation” is a light-weight performant library to animate any element (“action”) onto any other element (“effect”) on the page.

yeti.css

yeti.css is a pattern library consisting of lightweight, reusable modules. It has been built to reflect &yet’s visual and branding guidelines.

Responsive   Waterfall

Responsive waterfall grid   implement in pure javascript without any dependencies. Compatibility: IE9+

Dom Animator

A nifty JavaScript library, used to show small ascii animations within comments in your dom. It’s a little easter egg for anyone inspecting your code. Nothing more, nothing less.

Canvas image slider

Github.js

Github.js is a JavaScript plugin over GitHub APIs v3. It gives an easy way to feature your GitHub open-source contributions on your website or portfolio.

sticky-sidebar

sticky-sidebar is a plugin, written in vanilla JavaScript, using which you can add fully responsive sticky sidebars to your pages or the entire website.

line-chart

Awesome charts for AngularJS. Built on top of D3.js and AngularJS, n3-line-chart  creates beautiful charts in AngularJS applications. It is simple and interactive.

Animating CSS-Only Hamburger   Menu   Icons

A collection of animating CSS-only hamburger menu icons.

zxcvbn

zxcvbn, named after a crappy password, is a JavaScript password strength estimation library. Use it to implement a custom strength bar on a signup form near you! zxcvbn attempts to give sound password advice through pattern matching and conservative entropy calculations. It finds 10k common passwords, common American names and surnames, common English words, and common patterns like dates, repeats (aaa), sequences (abcd), and QWERTY patterns.

React Blur

React component for creating blurred backgrounds using canvas.

HTML-GL

HTML GL solves “the slow DOM problem” by creating WebGL representations of DOM elements and hiding actual DOM after. This speeds up HTML/CSS animations and transformations by using 3D   hardware acceleration and allows to apply OpenGL effects as modern 3D games have.

Autocompeter

A really fast AJAX autocomplete service and widget.

Burger

Burger is a minimal hamburger menu with full-screen navigation. It is created by mblode.