Front-End Development
11,986 items in 85 lists
-
Chota jenil.github.io
A responsive, customizable micro-framework (3kb) with helpful utilities and a grid system.
-
Lonely Planet ianfeather.co.uk
by Ian Feather
-
Google HTML/CSS Style Guide google.github.io
by Google
-
Official Trello CSS Guide gist.github.com
by Bobby Grace
-
Flexbox Patterns flexboxpatterns.com
by cjcenizal
-
BEM en.bem.info
-
How we do CSS at Ghost dev.ghost.org
by Paul Davis
-
CSS Guidelines cssguidelin.es
by Harry Roberts
-
CSS Grids videos tutorial cssgrid.io
Free video course by Wes Bos to learn CSS Grids.
-
Code Guide codeguide.co
by Mark Otto
-
Charts.css chartscss.org
CSS data visualization framework.
-
Refining The Way We Structure Our CSS At Trello blog.trello.com
by Bobby Grace
-
AgnosticUI agnosticui.com
Accessible CSS component primitives that also work with React, Vue 3, Svelte, and Angular.
-
Yellow Lab Tools yellowlab.tools
Online quick and easy tool that audits frontend bad practices, reveals performance issues, and profiles JavaScript.
-
WPOStats wpostats.com
Case studies and experiments demonstrating the impact of web performance optimization (WPO) on user experience and business metrics.
-
Web.dev web.dev
Get the web's modern capabilities on your own sites and apps with useful guidance and analysis from web.dev.
-
User Timing w3.org
This specification defines an interface to help web developers measure the performance of their applications by giving them access to high-precision timestamps.
-
Resource Timing w3.org
This specification defines an interface for web applications to access the complete timing information for resources in a document.
-
Navigation Timing Level 2 (W3C) w3.org
Use responseStart and requestStart to derive Time to First Byte (TTFB).
-
Tinypng tinypng.com
Advanced lossy compression for PNG images that preserves full alpha transparency.
-
Pingdom pingdom.com
A tool to get the uptime of your website (with probes from different locations).
-
Pingbreak.com pingbreak.com
Free site and SSL Monitoring with response time alerting (on Slack, Twitter, Mattermost, Discord or custom Webhook).
-
Web Components in Action manning.com
Ben Farrell.
-
Locust locust.io
An open-source load testing tool. Define user behaviour with Python code, and swarm your system with millions of simultaneous users.
-
Lightest App lightest.app
Webpage load time is extremely important for conversion and revenue. Visualize web performance against competitors.
-
Apache JMeter jmeter.apache.org
Open source load testing tool: It is a Java platform application.
-
SVG OMG jakearchibald.github.io
SVGOMG is SVGO's Missing GUI, aiming to expose the majority, if not all the configuration options of SVGO.
-
ImageKit.io imagekit.io
Intelligent real-time image optimizations, image transformations with a global delivery network and storage.
-
Disc hughsk.io
Visualise the module tree of browserify project bundles and track down bloat.
-
Designing for Performance: Weighing Aesthetics and Speed designingforperformance.com
Lara Hogan.
-
Bundlephobia bundlephobia.com
Helps you find the performance impact of adding an npm package to your frontend bundle.
-
Adobe Animate CC adobe.com
Premiere vector graphics and animation toolset for vector/spritesheet creation.
-
LÖVR lovr.org
Simple framework for creating VR with Lua.
-
MailCatcher mailcatcher.me
-
The introduction to Reactive programming you've been missing gist.github.com
Reactive programming using Observables.
-
Functional Programming for JavaScript People medium.com
that talks about interesting computer science concepts implemented in functional languages and how these apply to JavaScript.
-
Folktale folktale.origamitower.com
-
Eric Bidelman: Web Components youtube.com
[32:39]
-
-
Andre Staltz: What if the user was a function? youtube.com
[32:19]
-
André Staltz: Brains as building blocks youtube.com
[21:26]
-
SWC swc.rs
Fast JavaScript and TypeScript compiler and minifier; significantly faster than Babel/Terser for transpilation.
-
DataTables datatables.net
-
Bootstrap Table bootstrap-table.com
-
AutoAnimate auto-animate.formkit.com
A zero-config, drop-in animation utility that adds smooth transitions to your Svelte app.
-
Anime.js animejs.com
-
ArcGIS Maps SDK for JavaScript developers.arcgis.com
Guides, sample code, API references, and showcase to build 2D and 3D interactive web apps unlocking geospatial data.
-
Calcite Design System developers.arcgis.com
Collection of mapping icons, web components, and good practices.
-
bboxfinder bboxfinder.com
Simple web application to get the coordinates of a bounding box drawn on the map.
-
Building a Native Mobile App with Next.js youtube.com
Simon Grimm.
- next page of items loading…
