Subject
18 entries
Frontend
Bookmarks
SvelteFlow: Node-Based UI for Svelte
SvelteFlow is the Svelte equivalent of React Flow — a customizable component library for building node-based editors and interactive flow diagrams in Svelte applications. Maintained by the same team as React Flow (xyflow).
React Docs Beta
The beta rewrite of the React documentation — hooks-first, with interactive examples and a complete rethinking of how React concepts are taught. This eventually became the official react.dev site.
Locofy.ai: Design to Code with AI
Locofy.ai converts Figma and Adobe XD designs into production-ready React, Next.js, or React Native code — targeting the gap between designer handoff and developer implementation. Part of the 2022 wave of AI-assisted frontend code generation tools.
Shit for Making Websites
A bluntly named web resource aggregator listing tools, fonts, frameworks, and assets for building websites circa 2013. One of many 'awesome list' precursors that collected web development resources before GitHub awesome lists became standard.
An Advanced Guide to HTML & CSS
Shay Howe's free Advanced HTML & CSS guide — the companion to his introductory course, covering complex selectors, responsive design, transitions, transforms, and performance. A practical reference from the early responsive web era.
Roots — Static Site Generator
Roots was a Node.js static site generator from Carrot Creative, combining Jade/Stylus/CoffeeScript with a clean CLI workflow. Representative of the 2012 wave of Node-based build tools that challenged Ruby-world tools like Jekyll and Middleman.
Top 7 Backbone.js Alternatives
A 2012 roundup of Backbone.js alternatives — Ember, Knockout, CanJS, Spine, and others — capturing the moment when JavaScript MVC frameworks were proliferating rapidly. The JS framework wars of 2012-2014 look very different in retrospect: most of the contenders are gone.
The Responsive Designer
Simon Foster's 2012 piece on what it means to be a 'responsive designer' — written two years after Ethan Marcotte coined the term. Captures the moment when responsive web design was shifting from technique to standard practice, driven by mobile's rapid growth.
TodoMVC
TodoMVC is a project that implements the same Todo application across every major JavaScript framework, letting developers compare syntax and architecture side by side. It became the de facto benchmark for evaluating JS frontend frameworks.
Customize Twitter Bootstrap to Not Look Bootstrap-y
A guide to customizing Twitter Bootstrap so your site doesn't look like every other Bootstrap site in 2012. The default Bootstrap aesthetic had become so recognizable that it was a liability for any product that wanted to appear design-forward.
Brunch: HTML5 Application Assembler
Brunch was a fast, opinionated JavaScript build tool from 2012 — file watching, compilation, concatenation, and minification with a plugin-based pipeline. Preceded webpack but established the asset pipeline patterns that webpack later generalized.
Getting Started With Ember.js
Andy Matthews' getting started guide for Ember.js, written in early 2012 when Ember was still called SproutCore 2.0 and the framework was in flux. Ember was the ambitious option in the Backbone vs Ember vs Angular debate that defined frontend JS frameworks in 2012.
Spine.js vs Backbone.js
A 2012 comparison of Spine.js and Backbone.js — the two leading JavaScript MVC frameworks before Angular, Ember, and React. Both aimed to bring structure to increasingly complex client-side web apps.
Modern Web Development, Part 1
Jamil Taber's 2012 post on modern web development practices — covering the emerging toolchain of Git, package managers, testing, and JavaScript frameworks that were redefining what 'professional' front-end development looked like.
Sass
Sass homepage bookmarked in 2012, when CSS preprocessors were the primary tool for managing stylesheet complexity. Sass introduced variables, nesting, mixins, and partials to CSS before native custom properties existed.
Compass — CSS Authoring Framework
Compass homepage bookmarked in 2012 alongside Sass — a Sass-based CSS authoring framework providing cross-browser mixins, a grid system, and sprite generation. Part of the 2012 frontend toolchain before PostCSS and modern CSS made preprocessor frameworks less necessary.
Introduction to Backbone.js: Models
Introduction to Backbone.js tutorial bookmarked in 2012, when Backbone was the leading client-side MVC framework. A historical reference point for how JavaScript frontend architecture was organized before React and virtual DOM changed everything.
A Baseline for Front-End Developers
Rebecca Murphey's 2012 benchmark post defining what a serious front-end developer should know beyond jQuery — version control, testing, build tools, and real JavaScript fundamentals. The article that forced a conversation about professional standards in frontend development.