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.