links to useful things on the internet
check out the new formatted/searchable version at http://www.rainstormweb.com/useful
- rimraf - The UNIX command rm -rf for node; deletes big folders like node_modules with no quibbles
- RegExr - helps with regular expressions
- Linkclump chrome extension; with this installed you can r-click and lassoo any or all the above links, and they'll each open in new tabs
- Bulk URL Opener - drop a list of urls into it and hey presto.. good if you want to create a particular workspace / toolset from a pre-prepared list
- Susy - scss grids - tutorial
- Breakpoint - responsive scss
###collections of cool stuff
- Collective - A weekly dose of interesting and useful web resources
featured - Oozled - Cool things, nicely categorized
- Codepen Collections - Lots of inspiration
###resources
- Subtle Patterns - Subtle, repeating patterns for backgrounds etc
featured - Unsplash - Free, high quality stock photos
photo,image,placeholder,stock,free - Unsplash.it - Random placeholder images from unsplash
- Pexels.com - Free stock photo aggregator with search
photo,image,placeholder,stock,free,featured - Typ.IO - fonts that go together
- CSS Filters - CSS Filter Reference
- CSS Font Stack - handy font stacks
- Cubic Bezier Generator - generate nice curves
- Gradients Tool - as on tin
- IconMelon - SVG icons
featured - SVGMorpheus - Morphing SVG icons
featured - Open Font Library - Large collection of free to use fonts
featured - Runnable NodeJS list - Great resource for NodeJS / Express / Mongo
featured - TintUI - All the modern colours
- Sache - Like NPM for SASS. Lots of extensions and mixins.
- Angular Modules - Tonnes of angular directives and other fun things
featured - Twitstrap resources - Many interesting resources, components and modules
- UI Faces - Real world user images for mockups
- Startup Stock Photos - Stock photos of startup type people doing startupish things
- finda.photo - Very large collection of Stock photos
- WildTextures - Free repeating photo textures, backgrounds and patterns for designers
- CSS Reference - Nice CSS documentation from Codrops
###other lists
- GameDev Magic Tools - Game Development tools list
- Awesome awesomeness - Big list of lists for all programming languages
- Awesome angular - Large list of angular stuff
###advice & tutorials
- Idiomatic.js - Really solid javascript styleguide
featured - Ampersands - Use better ampersands
- SVG Animation - Animated SVG line drawing
- DevTools - Chrome DevTools tips, updated regularly
- CSS Centering - Complete guide to centering vertically & horizontally in CSS
- DevTools Tips&Tricks - Google guide for devtools
- SVG Codepen Collection - Collection of pens that demonstrate SVG features
- Chromium Projects Web Development Guide - Frontend implementation guide for The Chromium Projects
- Google JavaScript Style Guide - That pretty much says it
- Make your own webfont
- [A Complete Guide to Flexbox] (https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
###videos
- MongoDB Schema Design - How to think in a non-relational way.
featured
###online editors/formatters
- Dabblet - CSS/HTML editor
- Dillinger - Markdown editor
- JSFiddle - CSS/HTML/Javascript editor
- Codepen - Full featured SCSS/HTML frontend editor
featured - Lessico - Like JSFiddle
- JSApp.US - Like JSFiddle for node/server stuff
- Cloud9 - Hosted node IDE with debugging
featured - ShaderToy - OpenGL fragment shaders
- jsoneditoronline - JSON editor/formatter
- sqlformat - SQL formatter
featured - jsbeautifier - Javascript formatter
- sassmeister - SASS playground
- Github Ribbons - Pure CSS "fork me on github" ribbons
- bounce.js - Beautiful CSS3 powered animations
- Runnable - Online Node etc runner.
- Gitignore.io - Useful .gitignore file creator
- WebGLStudio - A full 3D graphics editor in the browser, with scene editor, coding pad, graph editor & virtual file system
###other online tools
- PicSVG - Convert images to SVGs
###CDNs
- CDNjs - hosts most popular Javascript/CSS libraries
- RawGit - serves raw files directly from GitHub with proper Content-Type headers
- jsDelivr - large selection of Javascript/CSS libraries
- OSSCDN - another large collection of libraries
- staticfile - massive amount of libraries (renders in chinese on my computer)
- weloveiconfonts - CDN just for icon fonts
featuredcodepen
###offline editors & utilities
- cmder - Fantastic command line replacement
- brackets - Editor of choice
- Atom - Editor made by Github
featured
###hosting
- Heroku - Gives you everything you need to build web apps
featured
###APIs
- BrainTree - Online payments (paypal etc)
- Mandrill - Send emails
- Algolia - Search API that delivers instant and relevant results
###testing
- ScreenQueries - Test responsive designs across 60+ viewports
- BackstopJS - Responsive testing, integrates into build process
- Big list of naughty strings - Big list of strings that cause problems when used as user input
###interesting jsFiddler'z
- csswizardry - nicely documented CSS experiments
- ndxbxrme - me
###javascript & CSS libraries
- accounting.js - Number, money and currency formatting
- ace - Code editor
featured - acorn - Javascript parser
featured - amcharts - Robust charts and data visualization
- analytics.js - Website analytics, freemium
- anijs - Simple declarative CSS animations
- animate.css - Easy to use css animations
featured - angular-filter - Useful filters for angular (with no external dependencies)
featured - async.js - Flattens asychronous callback stacks
featured - atmosphere - Asynchronous WebSocket/Comet framework
- audio5js - HTML5 audio API with flash fallback
- aurora.js - Audio decoding framework
- autosize - Resize textarea height based on user input
- awesomplete - Awesome autocomplete for inputs and textareas
- aws-sdk - Amazon AWS SDK for the browser and node.js
- backstretch - Fullsize backgrounds/slideshow
- bacon.js - Events as a stream,
needs more looking in to - basics.css - Intelligent default styles
- BassCSS - lightweight base element styles, modules and utilities; speedy and scalable.
- bignumber.js - Arbitrary-precision arithmetic
- bitcoin.js - Javascript bitcoin library
- blueimp md5 - MD5 for both browser and node
- boba.js - Javascript library for Google Analytics
- bonsai - Graphics API and SVG renderer
- Brain - Javascript neural networks
featured - bucky - Measure website performance from users' browser
- buzz - HTML5 Audio API
- c3 - Charts
- CamanJS - Canvas manipulation and image effects
- cannon.js - 3d physics engine
- canvasjs - Charts
- carouFredSel - Another carousel/gallery
- cascade - CSS framework
- cc-icons - Creative commons icons
- chancejs - Generator of random things
- Chardin.js - Simple overlay instructions
- chartjs - HTML5 charts
- chosen - Select replacement
- Chroma.js - Colour conversion and manipulation
- Circulus.svg - SVG Circular menus
featured - CKEditor - Rich text editor
- CodeMirror - Code editor
- colorbox - Another lightbox/gallery
- colors - Nicer default colours
- commandz - Undo/Redo for webapps
- conditionizr - Detect front-end environment
- crafty - Game engine
- crossfilter - Fast, multidimensional filtering for very large datasets
- crunch - Big number arithmetic
- cryptico - Easy to use encryption using RSA and AES
- crypto.js - Implementations of standard and secure crypto algorithms
- Cubism.js - Time series charts
- cycle2 - Another slideshow/lightbox/gallery, this one is apparantly mobile friendly
- Cytoscape.js - Data visualisation
- d3 - Data visualisation
chart - dancer - Audio API (not working?)
- datejs - Date parsing and formatting
- dc.js - Charts with crossfilter support for large datasets
- depot.js - localStorage wrapper
- detectizr - A Modernizr extension to detect device, model, screensize, os and browser
- device.js - Device detection
- diff_match_patch - Text diff, match and patch
- dojo - App framework
- dotdotdot - Advanced ellipsis
- Dragabilly - Makes things draggable
featured - dygraphs - More charts
- echarts - Baidu's powerful big data charting library
- elasticsearch - Search and analytics, goes with Logstash and Kibana appaz
- Embedly jQuery - Embed content properly
- Emscripten - Port C++ to javascript
featured - engine.io - Cross-browser/cross-device bi-directional communication layer for Socket.IO.
featured - enquire.js - Device/media detection
- entypo - Pictogram icons
- epicEditor - Embeddable markdown editor
- epoch - Data visulaisation
- equalize.js - Equalize the height or width of elements
- f2 - Library for financial services
- fabricjs - HTML5 canvas library
- fancybox - Lightbox plugin
- favico.js - Jazz up your favicons with animations and video
- fineuploader - File uploads (called file-uploader on cdnjs)
- fingerprintjs - Browser fingerprinting
- FitText - Inflates type to fill space
- fitvids.js - Video embedding
- fixed-header-table - Scrolling table with fixed header
- flare.js - Event emmiter for Google Universal Analytics
- flexie - Cross browser support for the Flexible Box Model
- flexslider - Content slider
- floatlabels - Implements the famous Float Label Pattern(?)
- floatThead - Locked table headers
- flot - jQuery charts and plotting
- flowplayer - Video player
- fluidbox - Nice lightbox
- fontawesome - Iconic font
- fooTable - Responsive expandable tables
- forge - TLS crypto
- formalize - Restyle forms with CSS
- fotorama - Another lightbox
- foundation - CSS framework
- foundicons - Foundation Icons
- Froala Editor - WYSIWYG text editor
featured - fullcalendar - Event calendar, there's an angular version too
- fuse.js - Fuzzy search
- fuzzaldrin - Fuzzy filtering and string scroring
- galleria - Another gallery/lightbox
- galleriffic - Another gallery/lightbox
- garlic.js - Persist form values through refresh or browser close
- gas - Google Analytics on steroids
- geo-location-javascript - Geo location framework
- gist-embed - Embed Gists
- github-fork-ribbon - Fork me on github corner ribbon
- gl-matrix - Matrix and vector math for WebGL apps
- globalize - Internationalization and localization
- gmaps.js - Google Maps made easier
- gorillascript - Best Logo Ever!
- gRaphael - More charts
- gremlins.js - Monkey testing library
- gridster.js - Drag and drop grid layout
- gsap - Animate anything animation framework
- gumby - CSS Framework
- h5validate - HTML5 form validation
- hallo - WYSIWYG editor
- hammer - Multitouch gestures
- handsontable - Excel like editable table
- hashchange - Browser hash change event
- headjs - Browser/device/media detection
featured - headroom - Hides header until it is needed
- highcharts - More charts
- highlightjs - Syntax highlighting
- highmaps - Highcharts maps module
- highstock - Stock market highcharts module
- hinclude - Include for webpages
- historyjs - More control over browsing history
- holder.js - Client side image holders
- hover.css - Collection of CSS3 hover effects for buttons etc
- howler - HTML5 Audio library
- html2canvas - Render html to canvas
- html5historyAPI - More control over browsing history
- html5media - Enable
- html5shiv - Bring IE more up to date
- humane.js - Notifications
- humanize - Bunch of functions to make output more humane
- i18next - Internationalization
- i3d3 - More charts
- iCheck - Customizable checkboxes and radio buttons
- idbwrapper - Cross browser wrapper for HTML5 IndexedDB API
- ifvisible - User interaction detection
- imageareaselect - Select image area/crop images
- imagesloaded - More control over image loading with callbacks
- imagine.js - HTML5 Canvas library
- impress.js - Presentation framework
- impromptu - Website feature tour
- infinity - Infinite scroll
- ink - Responsive framework
- insight.js - Data aggregation and visualization library
- interact.js - Multi touch, pinch and zoom
- intercom - Client side cross-window messaging
- intro.js - Demo website features with a step-by-step guide
- ionic - Mobile app framework
- ionicons - Icons from ionic
- iscroll-4 - Inline scrolling for mobile
- isjs - Check data against regular expressions or inbuilt types
- isotope - Responsive filtered and sorted layouts
- javascript-state-machine - Finite state machine
- jcalculator - Calculator form input
- jCarousel - jQuery gallery carousel
- jcrop - Image cropping
- jgrowl - Mac like notifications
- jkit - UI toolkit
- jo - Mobile app framework
- jointjs - Diagramming library (more than just charts!)
- joyride - Website feature tours
- jplayer - HTML5 Audio player
- jquery-allowed-chars - Only allow certain chars in an input
- jquery-appear - Fires an event when an element is onscreen (or nearly onscreen)
- jquery-bbq - Hash manipulation/events
- jquery-collapsible - Collapsible elements
- jquery-color - Colour manipulation functions
- jquery-contextMenu - Context menus
- jquery-countdown - Countdown timer
- jquery-csv - CSV handling
- jquery-customselect - Customizable select boxes
- jquery-customSelect - CSS Stylable select replacement
- jquery-easytabs - Tabs made easy
- jquery-gray - Grayscale an image in any browser
- jquery-history - History handling
- jquery-idletimer - User activity monitor
- jquery-infinitescroll - Infinite scrolling
- jquery-instagram - Shows a list of instagram photos
- jquery-lazyload - Lazy loading for images
- jquery-lazyloadXT - Lazy loading, maybe with more mobile support
- jquery-localscroll - Animated anchor navigation
- jquery-mousewheel - Cross browser mousewheel support
- jquery-notification - Webkit notifications (not regular ones)
- jquery-one-page-nav - Animated anchor navigation
- jquery-parallax - Parallax scrolling for websites
- jquery-payment - Payment form elements
- jquery-percentageloader - Show percentages on a fancy circle
- jquery-pin - Pin elements within a container
- jquery-qrcode - Pure browser qrcode generation
- jquery-resize - Resize events for all elements
- jquery-scrollTo - Scroll to website element/location
featured - jquery-selectboxit - Fancier select boxes
- jquery-selection - Get selected text
- jquery-serialize-object - Serialize form fields into an object or JSON
- jquery-tags-input - New form element for tags
- jquery-textcomplete - Autocomplete for textareas
- jquery-throttle-debounce - Throttle functions
- jquery-treegrid - Tree grid element
- jquery-tubeplayer - jQuery wrapper around youtube API
- jquery.adaptive-background - extract dominant colors from image and apply to parent.
- jquery.devbridge-autocomplete - Ajax autocomplete
- jquery.mask - Masked inputs
- jquery.nicescroll - Customizable scrollbars
- jquerymobile - Mobile app framework
- jqueryte - WYSIWYG text editor
- jqueryui-map - Google maps plugin
- jqueryui-timepicker - Time picker plugin
- js-plumb - Flow charts?
- js-sequence-diagrams - Transform text into UML diagrams
- js-signals - Custom event/messaging system
- js-url - URL parser
- jscrollpane - Cross browser stylable scrollbars
- jsDAV - WebDAV support for node applications
featured - jsforce - Salesforce app framework
- jsoneditor - Backend for jsoneditoronline
- jspdf - HTML5 client-side pdf generation
- jssha - SHA hashing
- jstimezonedetect - Time zone detection
- jStorage - Client side offline data storage
- jstree - Tree view element with a bunch of features
- jsxgraph - Interactive graphs and function plotting
- jszip - Create, read and modify zip files
- kartograph - SVG maps
- KaTeX - Math typesetting
- kendo-ui-core - Freemium UI elements
- kerningjs - Better web typography
- keymage - Key binding library
- keymaster - Hotkey micro-library
- kibo - Key binding library
- kineticjs - High performance animations, transitions and more
- knwl - Parse text and extract Dates, Places, Telephone numbers and more
featured - laddaUI - Buttons with built in loading indicators (requires bootstrap)
- lazyload - Load javascript and CSS files on demand
- lazysites - Lazily load images and more
featured - leaflet-dvf - Data visualization framework
- leaflet - Mobile-friendly interactive maps
- leapjs - Client for the LeapMotion
- less.js - CSS pre-processor
- lettering.js - Radical web typography
featured - lightbox2 - Another lightbox
- listjs - Search, sort and filter for lists
- livestamp.js - Auto-updating live timestamps
- load.js - Javascript lazy loading
- localForage - Offline storage
- localStorage - A localStorage polyfill
- lodash - Utility library
- log4javascript - Logging tools
- loglevel - Minimal logging
- lunr.js - Full text search
- lumx - Angular and Material Design framework
- machina.js - Finite state machine
- magnific-popup - Another lightbox
- markdown.js - Markdown parser
- marked - Markdown parser
- masonry - Pinterest style layout
- math.js - Extensive math library
- mathjax - Math formula renderer
- melonjs - Lightweight game engine
- messenger - Notifications
- metisMenu - Responsive nav menu
- meyer-reset - CSS reset
- midi.js - MIDI library
- minicart.js - PayPal shopping cart integration
- mixitup - Filtering & sorting plugin
- mmmenu - Website and mobile nav menu
- mobile-detect - Device detection
- modernizr - Browser feature detection
- moment.js - Parse, validate, manipulate and display dates
- money.js - Currency conversion library
- morris.js - Nice free charts
featured - mousetrap - Keyboard binding
- musicmetadata - Meta data parser
- nanobar - Progress bar
- nanogallery - Another gallery/lightbox
- ng-clip - Angular Copy to Clipboard
- ng-csv - Angular directive that turns objects into downloadable CSV files
- ng-dialog - Modals and popups for angular
- ng-grid - Angular data grid
- ng-tags-input - Tags input directive for angular
- nicescroll - Scrollbar replacement
- ninjaui - UI Components
- nivo slider - OK'ish lightbox and gallery
- noisy - Add random noise to the background of any element
- normalize - Makes browsers render consistently
- noty - Nice looking notifications
- nouislider - Range slider form element
- nprogress - Progress bar
- numeral.js - Format and manipulate numbers
- nvd3 - More charts
- oauth-io - Authorize your user
- ocanvas - Object based approach to canvas drawing
- octicons - Github icon font
- odometer - Transition numbers with ease
- openlayers - JS library for building map applications on the web
- overscroll - Touch scrolling for the browser
- owlcarousel - Another carousel/gallery
- p2.js - 2D physics engine
- p5.js - Create graphic and interactive experiences based on the core principles of Processing
- pablo - SVG library
- pace - Progress bar
- packery - Pinterest style layout
- pagedown - Markdown editor
- paper.js - SVG graphic scripting
- parallax.js - Mobile enabled parallax fun
- paypaljsbutton - PayPal payment buttons
- peerjs - Simplified WebRTC p2p data, video and audio
- pegjs - Parser generator for JS
- pep.js - Kinetic drag and drop
- phaser - Open source desktop and mobile game framework
- photoswipe - Image gallery for mobile and touch devices
- pickadate - Mobile friendly date and time pickers
- picturefill - Responsive polyfil for srcset= etc
- piecon - Tiny pie charts in your favicon
- piwik - Open source alternative to Google Analytics
- pizza - Responsive Pie charts
- pleasejs - Create random pleasing colours and colour schemes
- pnotify - Notifications
- polyglot - Language switcher
- polymaps - Dynamic interactive maps
- polymer - Web components
- postal.js - PubSub library
- pouchDB - Pocket sized database that syncs with CouchDB
- powertip - Hover tooltips
- prettify - Syntax highlighing of code snippets
- prismjs - Lightweight syntax highlighting
- processing.js - Visualization language
- proj4js - Convert coordinates from one coordinate system to another
- protovis - Data visualization toolkit
- psd.js - Photoshop file parser
- pubnub - Realtime cloud hosted broadcasting service for mass communication
- pure - Responsive CSS framework
- purl - URL parser
- pusher - Real time web apps
- pym - Resize an iFrame responsively
- q - The javascript promises library
- qtip2 - Tooltips
- quicksound.js - Simple WebAudio sound library with flash fallback
- quojs - Mobile micro-framework
- r2d3 - More charts
- rachet - HTML, CSS and JS components for building mobile apps
- radio - PubSub library
- rainbow - Code syntax highlighting
- randomColor - Random colour generator
featured - rangy - Text ranges and highlighting
- raphael - Vector graphics library
featured - raven - JS client for Sentry
- react - Library for building user interfaces
- remoteStorage - Library for the open remote storage protocol
- repo.js - Embed a github repo
- require - JS file and module loader
- responsive-nav - Responsive navigation plugin
- restangular - REST for angular apps
- resumable - Multiple simultaneous, resumable uploads via HTML5 file API
- retinajs - Serve high-resolution images to retina devices
- revealjs - HTML presentations
- rickshaw - Interactive realtime graphs
- rimg - Responsive images for browsers that support mediaqueries
- robotjs - Node.js Desktop Automation. Control the mouse, keyboard, and read the screen.
featured - s3colors - CSS Colour classes
- sass.js - Sass parser
- scandal - Directory scan and searh for node
- screenfull.js - Wrapper for Fullscreen API
- seedrandom - Seeded random number generator
- select2 - Select replacement
- selectivizr - Emulates css3 selectors in IE 6-8
- semanticUI - UI
- shinejs - Pretty shadows
- showdown - JS port of markdown
- sidecomments.js - Medium style side comments
- simple-text-rotator - Changing headlines
- simplecart.js - Open source shopping cart
- simplemodal - Simple modals
- simpleweatherjs - Get the current weather
- sjcl - Stanford Javascript Crypto Library, high-level crypto
- skeleton - Responsive framework
- sketch.js - Cross platform javascript creative coding framework
- skrollr - Parallax scrolling
js,modern,responsive,featuredjsfiddlejsfiddle - skycons - Animated weather icons
- slabtext - Big, bold & responsive headlines
- slicknav - mobile nav menu
- slidebars - App style revealing menus and sidebars
- slidejs - Responsive slideshow
- sly - Item list and scrollbar replacement
- smith - an RPC agent system for Node.JS
- smith.io - Engine.io based transport layer using Smith for data encoding
featured - smoove - Trigger events on scroll
- snabbit - Lightweight JS animation library
featured - snap.svg - SVG library
- social-likes - Social Like buttons
- socket.io - Websockets
- soundjs - HTML5 audio API
- sparklines - Tiny inline charts
- speakingurl - Generate nice url slugs
- spectrum - JQuery colourpicker
- spin.js - Dreaded loading spinners
- spritely - Dynamic character and background animation
- stellar.js - Parallax scrolling library
- store.js - A localStorage wrapper
- string.js - String manipulation functions
featured - string_score - Ranked matching for strings
- strophe.js - XMPP library
- stylus - CSS superset
- subkit.js - Microservice backends(?)
- svg.js - Lightweight library for manipulating and animating SVG
- swfobject - Embed flash files
- swipebox - Another lightbox plugin
- swipejs - Mobile slider with 1to1 movement
- sylvester - Vector and matrix math library
- Syntax Highlighter - Code syntax highlighter
- tabcomplete - Simple Tab complete for inputs and textareas
- tabletop - Takes a Google Spreadsheet and makes it accessible to JS
- taffydb - Brings database features to Javascript applications
- tagsmanager - Tag input element
- textangular - Angular WYSIWYG editor
- threejs - OpenGL 3D library
- tilt.js - Simulates touch feedback on HTML elements
- timeago - Makes fuzzy timestamps (e.g. "about 1 day ago")
- timeline - Interactive timelines
- tinycolor - Colour manipulation and conversion
- tinycon - Favicon manipulation
- tinymce - Rich text editor
- tinyscrollbar - Scrollbar replacement
- toastrjs - Notifications
- tocify - Table of Contents plugin
- toggles - Easily stylable toggle buttons
- tooltipster - Tooltips
- topcoat-icons - Icons from Topcoat
- topcoat - Responsive CSS framework
- toxiclibs - Computer art
- transit - Smooth jQuery animations
- trianglify - Make triangular svg meshes
- tweenjs - Tween HTML and JS properties
- twillio - Establish audio connections from the browser
- twitterlib - Twitter JS API
- twix - Moment.js plugin for handling date ranges
- two.js - 2 dimensional drawing API
- typeahead - Autocomplete library
- uikit - Front end framework
- underscore.string - String manipulation functions
featured - underscore - Object/Array manipulation functions
- uniform - Form element styling
- unsemantic - Percentage based responsive CSS framework
- unveil - Lazy load images
- uri - Library for working with URLs
- userinfo - IP address and geolocation info for users
- validator.js - String validation and sanitization
- vega - Data visualization language
- velocity - Accelerated JS animation
- video.js - Open source HTML5 & Flash video player
- vis - Data visualization library
- waitForImages - Get notified when images load
- watch - jQuery watch for CSS property change
- wavesurfer - Navigatable waveform audio player
- waypoints - Execute a function when you scroll to an element
- weather-icons - Weather Icons
- web-starter-kit - Google Web Starter Kit
- webfont - Google Web Font Loader
- webicons - Social web icons
- webuploader - File Uploader
- when - Promises implementation
- winjs - UI for webapp development
- wookmark - Pinterest style layout
- wow - CSS animations when you scroll
- wuzzle - Responsive CSS grid system
- wysihtml5 - WYSIWYG editor
- x-editable - Weird form editor