Links tagged “frontend”

webkit.org

The Safari MCP server for web developers - the web platform meeting agents, straight from WebKit.

steveharrison.dev

window.showDirectoryPicker opens up a whole new world - the File System Access API, used in anger.

jayfreestone.com

You might not need a service worker - the browser APIs that often make it redundant.

mohkohn.co.uk

Building an HTML-first site doubled our users overnight. Twenty years of JavaScript later, the radical move is serving HTML.

jvns.ca

CSS supports nested selectors now!.

github.com

React-is-Awful – learn react in a trollesque tone

jonoalderson.com

Read more →

css-blocks.com

Component-oriented CSS authoring system that analyses templates at build time and compiles blocks into optimised, conflict-free stylesheets.

hackerthemes.com

Interactive catalogue of Bootstrap 4 classes grouped by component, each with a code snippet and a rendered preview.

css-tricks.com

Introduction to RxJS that builds up observables and the map, merge and scan operators by animating elements in response to mouse and touch events.

mobxjs.github.io

An introduction to the MobX state management library through a to-do list example, covering observable state, computed values, reactions and actions, with runnable code.

github.com

JavaScript library that speeds up navigation by fetching pages over XHR and swapping the body instead of reloading; archived in favour of Turbo.

github.com

Eight rules for keeping CSS manageable in large projects, covering component-oriented organisation, naming conventions, style isolation and loose integration of third-party styles.

codeguide.co

Mark Otto's standards for writing consistent HTML and CSS — syntax conventions, declaration order, selector practice and file organisation.

css-tricks.com

Tutorial on React Router — routes, nested routes, reusable layouts, Link navigation and hash versus browser history. Predates React Router 4.

googlecodelabs.github.io

API documentation for the google-codelab Polymer elements, which render step-by-step codelab tutorials from a page of google-codelab-step tags.

kazzkiq.github.io

A tiny CSS library that attaches tooltips to any element through data attributes, with no JavaScript involved.

negomi.github.io

Demo page for react-burger-menu, an off-canvas sidebar React component with a set of CSS-transition and SVG path animation effects.

github.hubspot.com

Index of HubSpot's open-source projects, now redirecting to the company's GitHub organisation and its several hundred repositories.

reddit.com

A Django subreddit thread on wiring a ReactJS frontend to a Django REST Framework backend without running a separate Node server.