Services

Automated Testing Context: frontend-dev-bookmarks / Workflow Automated software testing is a process in which software tools execute pre-scripted tests on a software application before it is released into production.

Code Editors Context: frontend-dev-bookmarks / Workflow Text editor programs designed specifically for editing source code of a website. Atom: Atom is a text editor that’s modern, approachable, yet hackable to the core—a tool you can customize to do anything but also use productively without ever touching a config file.

Printers Context: frontend-dev-bookmarks / Compatibility Manipulation of printer output through CSS. Tips And Tricks For Print Style Sheets: A comprehensive guide for print optimization including background images and colors, expanding external links, QR codes, CSS3 filters for print quality.

Logging Application Insights Bugfender Logentries Loggly Logsene New Relic Splunk Sumologic Application Insights Pricing Page Free tier: Send up to 1GB/month, 90 day retention Pros: Provides a powerful analytics query language, supports numerous platform SDKs (e.

Designs Context: frontend-dev-bookmarks / Architecture Ready to use and well documented structures and frameworks for frontend development. Atomic Design: Atomic Design discusses the importance of crafting robust design systems, and introduces a methodology for which to create smart, deliberate interface systems.

Monitoring Google Stackdriver Healthchecks.io Honeybadger.io Librato New Relic OnlineOrNot Sematext SPM Uptime Robot PingPong Google Stackdriver Pricing page Free tier: 5 GB of logs with 7 day retention, read access API, basic email alerting Pros: Integrated monitoring, logging and diagnostics suite for applications running on Google Cloud Platform and Amazon Web Services.

Static app hosting Static app hosting AWS S3 Cloudflare Pages DocEvent Firebase hosting GitHub Pages GitLab Pages Netlify IONOS Deploy Now Render Scaleway Surge Vercel AWS S3 Pricing page

Grid Context: frontend-dev-bookmarks / User Interface Components CSS Grid Layout Systems. Bourbon Neat: A lightweight semantic grid framework for Sass and Bourbon. Profound Grid: A responsive grid system for fixed and fluid layouts.

JavaScript Tools Context: frontend-dev-bookmarks / Workflow Tools for static analysis, pre and post processing of JavaScript files. Babel: Babel is a generic multi-purpose compiler for JavaScript. Using Babel you can use (and create) the next generation of JavaScript, as well as the next generation of JavaScript tooling.

WebAssembly Context: frontend-dev-bookmarks / Languages, Protocols, Browser APIs WebAssembly is meant to fill a place that JavaScript has been forced to occupy up to now: a low-level code representation that can serve as a compiler target.

Data mining Count Metabase Count Product page Free tier: Single user, single database connection Pros: Connects to your database (BigQuery, PostgreSQL, others coming soon). Analysis is performed in a notebook interface, either by writing SQL or using drag-and-drop.

Communities Around Projects Context: frontend-dev-bookmarks / Ecosystem Successful open source projects attract many developers who produce plugins, libraries, tutorials and other resources. This section collects such resources. Angular: AngularJS is a web application framework trying to address many of the challenges encountered in developing single-page applications.

Content Delivery Networks Cloudflare Cloudflare Pricing page Free tier: unlimited websites, free global CDN, free DNS management, shared SSL certificate, 3 page rules/website, basic DDoS protection Pros: very fast and reliable free CDN, fast DNS propagation, supports CNAME flattening, compatible with HTTP/2, SPDY, WebSockets and IPv6, offers shared SSL (between User and Cloudflare servers), a lot of services are provided (page rules, script injection, image optimization, statistics, etc)

Service Workers Context: frontend-dev-bookmarks / Languages, Protocols, Browser APIs A method that enables applications to take advantage of persistent background processing, including hooks to enable bootstrapping of web applications while offline.

Buttons Context: frontend-dev-bookmarks / User Interface Components 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.

Build Tools Context: frontend-dev-bookmarks / Workflow Toolkits and their ecosystems, that help you automate painful and repeated tasks. Automaton: Task automation tool built in JavaScript. Grunt: Grunt is a task-based command line build tool for JavaScript projects.

Getting Started Context: frontend-dev-bookmarks / Workflow Step by step guides for setting up a frontend development workflow. Front-end Process – Flat Builds and Automation (series): A flat build is basically the process of coding a static page (or pages) in HTML and CSS.

Contribution Guidelines Please ensure your pull request adheres to the following guidelines: Search previous suggestions before making a new one, as yours may be a duplicate. Make an individual pull request for each suggestion.

Event-Driven Programming Context: frontend-dev-bookmarks / Architecture 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.

Responsive Web Design (RWD) Context: frontend-dev-bookmarks / Compatibility 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.