live and let live.与民争利的政府必亡
Tuesday, 13 September 2016
A huge list of frontend development resources I collected over time.
Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.
Less extends CSS with dynamic behavior such as variables, mixins, operations and functions.
jQWidgets is jQuery based framework and set of widgets for building web-based applications that work on PC, Touch and Mobile devices
Flight is an event-driven web framework, from Twitter
Ember.js: A framework for creating ambitious web applications.
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.
tween.js: Super simple, fast and easy to use tweening engine which incorporates optimised Robert Penner's equations.
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.
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.
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.
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.
DevDocs is an all-in-one API documentation reader with a fast, organized, and consistent interface.
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.
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
Aware.js is a simple jQuery plugin that allows a site to customize and personalize the display of content based on a reader's behavior without requiring login, authentication, or any server-side processing.
Manually curated collection of resources for frontend web developers.
You are viewing a browseable version, split by category in many small files. There is also a really huge file with every single resource on one page. Proceed to the totally gigantic file if you are into this kind of thing.
This is the current version, which receives ongoing updates. If you want the good old bookmarks, please use the tag v.1.0. Keep in mind, that the old version has many outdated links.
The outward or visible aspect of a website.
Animation: The process of creating motion and shape change.
Typography: The style, arrangement, or appearance of typeset matter.
High level structure of the frontend code and the discipline of creating such structures.
Algorithms: A self-contained step-by-step set of operations to be performed. Algorithms perform calculation, data processing, and/or automated reasoning tasks.
Design Patterns: Best practices that the programmer can use to solve common problems when designing an application or system.
Designs: Ready to use and well documented structures and frameworks for frontend development.
Event-Driven Programming: Event-driven programming is a programming paradigm in which the flow of the program is determined by events such as user actions, sensor outputs, or messages from other programs/threads.
Functional Programming: Functional programming is a programming paradigm, that treats computation as the evaluation of mathematical functions and avoids changing-state and mutable data.
Ability of a product to work with different input/output devices and rendering software. Including printers, email, mobile devices and different browsers.
Cross Browser: Cross-browser refers to the ability of a website, web application, HTML construct or client-side script to function in environments that provide its required features and to bow out or degrade gracefully when features are absent or lacking.
Organizations: Commercial companies and nonprofit organizations around web development.
Podcasts: A podcast is a form of digital media that consists of an episodic series of audio, video, digital radio, PDF, or ePub files subscribed to and downloaded automatically through web syndication or streamed online to a computer or mobile device.
Languages, Protocols, Browser APIs
Programming/mark-up languages and web related standards.
Cascading Style Sheets (CSS): CSS are a stylesheet language used to describe the presentation of a document written in HTML or XML. It describes how elements should be rendered on screen, on paper, in speech, or on other media.
Document Object Model (DOM): The DOM is a programming interface for HTML, XML and SVG documents. It defines methods that allow access to the tree, so that they can change the document structure, style and content.
Hypertext Transfer Protocol (HTTP): The Hypertext Transfer Protocol (HTTP) is an application protocol for distributed, collaborative, hypermedia information systems. HTTP is the foundation of data communication for the World Wide Web.
Service Workers: A method that enables applications to take advantage of persistent background processing, including hooks to enable bootstrapping of web applications while offline.
Templating Languages and Engines: Template engines are tools to separate program-logic and presentation into two independent parts. This makes the development of both logic and presentation easier, improves flexibility and eases modification and maintenance.
User Interface Components
Drop-in UI components for web sites and applications.
Buttons: The term button refers to any graphical control element that provides the user a simple way to trigger an event, like searching for a query at a search engine, or to interact with dialog boxes, like confirming an action.
Code: Code viewers and editors designed for embedding inside a website.
Forms: A HTML form on a web page allows a user to enter data that is sent to a server for processing. Web users fill out the forms using checkboxes, radio buttons, or text fields.
Rich Text Editors: A rich text editor is the interface for editing rich text within web browsers. The aim is to reduce the effort for users trying to express their formatting directly as valid HTML markup.
Package Management: A package manager or package management system is a collection of software tools that automates the process of installing, upgrading, configuring, and removing reusable libraries and components in a consistent manner.
Sourcemaps: Sourcemap is a way to map a combined/minified file back to an unbuilt state.
Version Control: Version control or source control is a system that records changes to a file or set of files over time so that you can recall specific versions later.