If you’re a web developer, you’re constantly looking for resources to improve your skills, and keep on top of the latest trends in development and design, but the web design industry is growing fast and it’s hard to follow everything that is new. The resources and tools improve the workflow and increase the productivity, but there are too many available and because of that we collected the best resources to find them more easely and make your life better.
In this article we are presenting the best tools and resources for web developers, handpicked for you.
Loaders.CSS
A collection of loading animations written entirely in css. Each animation is limited to a small subset of css properties in order to avoid expensive painting and layout calculations.
Textures.js
Textures.js is a Javascript library for creating SVG patterns. Made on top of d3.js, it is designed for data visualization.
Morphing Modal Window
A call-to-action button that animates and turns into a full-size modal window.
Transformicons
Animated symbols/buttons/icons that morphs using a combination of SVG, CSS and HTML.
Slideout.js
A touch slideout navigation menu for your mobile web apps.
CSS Contact Form
A simple and easy to customize contact form.
PhotoSwipe
JavaScript image gallery for mobile and desktop.
3D Curtain Template
A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.
SVG Loaders
Material UI
A CSS Framework and a Set of React Components that Implement Google’s Material Design
Midnight.js
A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it.
Particleground
A JavaScript plugin for snazzy background particle systems
baguetteBox.js
Bounce.js
Bounce.js is a tool and JS library that lets you create beautiful CSS3 powered animations.
AniJS
A Library to Raise your Web Design without Coding.
Simple Stack Effects
Fullscreen Overlay Styles & Effects
Boxes (SVG) appearing randomly to fill the background of the overlay.
Playful Trampoline Effect
Mega-Site Navigation
A responsive and easy to customize navigation for mega-sites, enriched by subtle CSS animations and support for devices with javascript disabled.
FlowupLabels.js
If you know any resources of tools for web development / design that must be in the list, leave a comment below.
1 Comment