Frontend Development

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.

AppearanceThe 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.

Visualization: Placing data in a visual context.

ArchitectureHigh 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.

Functional Reactive Programming (FRP): FRP is a programming paradigm for asynchronous dataflow programming using the building blocks of functional programming.

CompatibilityAbility 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.

E-Mail: Preparing HTML based electronic mail.

Keyboard: Working with keyboard input in a web browser.

Mobile: Development of websites optimized for viewing on smartphone and tablet devices.

Printers: Manipulation of printer output through CSS.

Responsive Web Design (RWD): RWD responds to the needs of the users and the devices they’re using. The layout changes based on the size and capabilities of the device.

Web Accessibility: Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web.

EcosystemImportant developers, companies, organizations and news sources.

Communities Around Projects: Successful open source projects attract many developers who produce plugins, libraries, tutorials and other resources. This section collects such resources.

News: Websites & newsletters which provide daily and weekly news related to frontend web development.

Notable Community Members: Important engineers, evangelists, architects and other celebrities.

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.

Frontend Development

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.

Appearance

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.
Visualization: Placing data in a visual context.

Architecture

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.
Functional Reactive Programming (FRP): FRP is a programming paradigm for asynchronous dataflow programming using the building blocks of functional programming.

Compatibility

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.
E-Mail: Preparing HTML based electronic mail.
Keyboard: Working with keyboard input in a web browser.
Mobile: Development of websites optimized for viewing on smartphone and tablet devices.
Printers: Manipulation of printer output through CSS.
Responsive Web Design (RWD): RWD responds to the needs of the users and the devices they’re using. The layout changes based on the size and capabilities of the device.
Web Accessibility: Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web.

Ecosystem

Important developers, companies, organizations and news sources.

Communities Around Projects: Successful open source projects attract many developers who produce plugins, libraries, tutorials and other resources. This section collects such resources.
News: Websites & newsletters which provide daily and weekly news related to frontend web development.
Notable Community Members: Important engineers, evangelists, architects and other celebrities.
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.