Skip to content
/ frontend-dev-bookmarks Public
forked from onnayokheng/frontend-dev-bookmarks

A huge list of frontend development resources I collected over time. Pull requests are welcome. Website coming soon.

1 star 5.1k forks Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

ikhfa/frontend-dev-bookmarks

BranchesTags
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

120 Commits
README.md
README.md
 
 
about.md
about.md
 
 

Repository files navigation

Front-end Web Development Resources

Guides

Weekly & Daily Resources

Course

Programming & Markup Languages

Architecture

Workflow

Frameworks

Cross Browser

Cross Device

Patterns & Snippets

DOM Manipulation

  • xui: a super micro tiny dom library for authoring html5 mobile web applications.
  • Tire offers a more lightweight alternative to libraries such as jQuery, Prototype and Zepto.

Typography

Services (Free & Commercial)

Animation

  • Stylie
  • animate.less, is a bunch of cool, fun, and cross-browser animations converted into LESS for you to use in your Bootstrap projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
  • Canvas Advanced Animation Toolkit is an scene graph director-based animation framework for javascript based in the concept of a timeline.
  • tween.js: Super simple, fast and easy to use tweening engine which incorporates optimised Robert Penner's equations.
  • Janis is a lightweight Javascript framework that provides simple animations via CSS transitions for modern browsers on the web as well as mobile devices.
  • Rekapi: A keyframe animation library for JavaScript
  • CanvasScript3 is a Javascript library for the new HTML5 Canvas with an interface similar to ActionScript3. This library enables Sprite Groups, Layers, Mouse Events, Keyboard Events, Bitmap Effects, Tween Animations etc.
  • Shifty is a tweening engine built in JavaScript. It is designed to fit any number of tweening needs.
  • emile.js is a no-frills stand-alone CSS animation JavaScript framework.
  • Firmin: a JavaScript animation library using CSS transforms and transitions.
  • $fx(): A compact, lightweight Javascript Library for animation.
  • Keanu is a micro-lib for animation on Canvas/JS.
  • jsAnim is a powerful, yet easy to use library for adding impressive animations to websites, without sacrificing standards or accessibility. Weighing in at just under 25 kilobytes, jsAnim packs a lot of punch for such a little application.
  • GreenSock Animation Platform is a suite of tools for scripted animation.
  • scripty2 is an open source JavaScript framework for advanced HTML-based user interfaces. Or simply put, scripty2 helps you build a more delicious web.
  • Animator.js: JavaScript animation library.
  • Processing.js: is the sister project of the popular Processing visual programming language, designed for the web. Processing.js makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards and without any plug-ins.
  • jQuery Transit: Super-smooth CSS3 transformations and transitions for jQuery.
  • Move.js is a small JavaScript library making CSS3 backed animation extremely simple and elegant.
  • Collie is a Javascript library that helps to create highly optimized animations and games using HTML 5.
  • Year Of Moo: Angular.js Animations
  • animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
  • Approach
  • Magic is a CSS3 framework with many animations, it's simple to use and many animations are cross-browser compatible.

Widgets

Visualization

Validation & Forms

  • Mention.js Lightweight wrapper for adding @user mention functionality to Twitter Bootstraps Typeahead plugin
  • ALAJAX
  • Parsley.js: Validate your forms, frontend, without writing a single line of javascript!
  • mailcheck.js: A jQuery plugin that suggests a right domain when your users misspell it in an email address.
  • one-validation is a collection of regular expressions for general validation purposes.
  • nextVal is an easy-to-use, flexible and robust form validation plugin for jQuery.
  • Fields.js creates collections of fields. Each field is constantly evaluated for validity, and is accessible through the collection.
  • IV.js was created to provide a intutive way to provide validation filters that are useful in processing user input.
  • Ladda: A UI concept which merges loading indicators into the action that invoked them.
  • jQuery Super Labels

Transitions

Numbers

Time and Dates

  • moment.js: A 5.5kb javascript date library for parsing, validating, manipulating, and formatting dates.
  • XDate
  • Pikaday

Search

  • Fullproof
  • lunr.js is a simple full text search engine for your client side applications.

Testing

Template Engines

Routing And URLs

Rich Text Editors

Code Viewers & Editors

Refactoring

Performance

Modularity & Loaders

Package Management

  • bower
  • volo
  • parcel is easy package management using a file server and path conventions, with built in support for Amazon S3. It is designed to encode package metadata, including name, version and OS within a path. The conventions allow this metadata to be queried, without the need for a database.
  • jam.js
  • component

Image Manipulation

HTTP

WebSocket

  • Specification
  • socket.io aims to make realtime apps possible in every browser and mobile device, blurring the differences between the different transport mechanisms.
  • engine.io is the implementation of transport-based cross-browser/cross-device bi-directional communication layer for Socket.IO.
  • SockJS is a browser JavaScript library that provides a WebSocket-like object. SockJS gives you a coherent, cross-browser, Javascript API which creates a low latency, full duplex, cross-domain communication channel between the browser and the web server.

Error Handling & Debugging

Documentation

  • dexy is a free-form literate documentation tool for writing any kind of technical document incorporating code.
  • docco is a quick-and-dirty, hundred-line-long, literate-programming-style documentation generator.
  • styledocco generates documentation and style guide documents from your stylesheets.
  • Ronn builds manuals. It converts simple, human readable textfiles to roff for terminal display, and also to HTML for the web.
  • dox is a JavaScript documentation generator written with node. Dox no longer generates an opinionated structure or style for your docs, it simply gives you a JSON representation, allowing you to use markdown and JSDoc-style tags.
  • YUIDoc is a Node.js application that generates API documentation from comments in source, using a syntax similar to tools like Javadoc and Doxygen.
  • coddoc is a jsdoc parsing library. Coddoc is different in that it is easily extensible by allowing users to add tag and code parsers through the use of coddoc.addTagHandler and coddoc.addCodeHandler. coddoc also parses source code to be used in APIs.
  • sphinx a tool that makes it easy to create intelligent and beautiful documentation
  • Using JSDoc

Windows 8 Style

Video & Audio

  • SublimeVideo: Modular Video Player Framework.
  • Video.js: The open source HTML5 video player.
  • FlowPlayer: The video player for the web.
  • longtailVideo: dual-mode HTML5 & Flash player.
  • howler.js
  • Stratus 2 soundcloud player
  • jPlayer is the completely free and open source (MIT) media library written in JavaScript.
  • MediaElement.js: HTML5 audio and video players in pure HTML and CSS.
  • audio.js is a drop-in javascript library that allows HTML5’s "audio" tag to be used anywhere.

Library Collections

  • Unheap: A tidy repository of jQuery plugins
  • jster
  • MicroJS helps you discover the most compact-but-powerful microframeworks.
  • JSPkg: reference library and package manager
  • jquer.in is a curated collection of jQuery plugins.

Other Front End Collections

Chat

Prototyping

JSON

  • JSON Query Language is a query and processing language specifically designed for the popular JSON data model.
  • Oboe.js makes it really easy to start using json from a response before the ajax request completes; or even if it never completes.

Presentations

Scrolling

Keyboard

Tables & DataGrids

Security

Layout

  • Shapeshift is a plugin which will dynamically arrange a collection of elements into a column grid system similar to Pinterest.
  • CollagePlus: This plugin for jQuery will arrange your images to fit exactly within a container.

Jobs & Hiring

Misc

About

A huge list of frontend development resources I collected over time. Pull requests are welcome. Website coming soon.

Resources

Readme
Activity

Stars

1 star

Watchers

0 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published