Sarah Drasner

A curated list of awesome actions to use on GitHub

Awesome Actions is a curated list of GitHub Actions, reusable automation scripts that run on events like pushes and pull requests, covering deployment, code analysis, releases, and dozens of other workflows.

🧮 Generate basic CSS Grid code to make dynamic layouts!

🌌 NIGHT OWL: A VS Code dark theme for contrast for nighttime coding, 🦉 LIGHT OWL: a daytime light theme

Workshop Materials for my Introduction to Vue.js Workshop

⚡️ A resource to help figure out what JavaScript array method would be best to use at any given time

Travel App, Native-like Page Transitions

🛍 A JAMstack Ecommerce Site built with Nuxt and Netlify Functions

🔥 A resource to help figure out what JavaScript object method would be best to use at any given time

These snippets were built to supercharge my workflow in the most seamless manner possible.

See readme for newer repo details! A sample shop that shows how to manage payments with Vue, Stripe, and Serverless Functions

Materials for SVG Essentials & Animation Course

A sample of career ladders I use for my organization, open sourced for anyone.

Design for Developers Workshop

🦸🏻‍♀️Hero Generator! Create a nice hero image for your site or app

🎋A CLI tool to create an annotated tree visualization of any project

An opinionated example of how to use SVG icons in a Vue.js application

Find the method you need without digging through the docs, directly on the command line!

building-web-app-with-vue

The extensions I use when developing a Vue application with VS Code

Rewriting code from other languages or other technologies into Vanilla JS and SVG for fun and practice.

A small SVG animation illustrating a weather app notification in Vue

Frontend Masters- Advanced SVG Animation Course

Chrome extension: Minimal and friendly theme for productive twitter use

A food app using a few hooks in Vue to show how they can work (experimental)

No description.

A visualization of relevant files for vue repo, along with notes

Vue/Nuxt Page Transitions- Simple Demonstration

No description.

Serverless function that uses the stripe api for a checkout process in a Vue application

⚡️ A small demo site to explain some of the cool things Signals-based reactivity does in Angular

Simplify and supercharging my workflow with snippets for Vue.js that help me spin things up quickly

My other theme was for Night Owls like myself. This theme was requested for by the "In Bed by 7pm" crowd

Is this a sandwich?

A biofeedback visualization made with Three.js, Vue, and LUIS (cognitive services), made with Brian Holt

Showing Microsoft Cloud Developer Advocates speaking, 2017 and 2018

A small, customizable youtube-like player for gsap timelines

In my Smashing Toronto talk, I'll be live coding an SVG animation from start to finish. Here's the repo that houses the base materials, and any further references for things we don't have time to cover.

No description.

No description.

An example Node webapp deployed with GitHub actions

🚨 Demo to improve an existing firefighter app by making it queue tasks offline

This was the result of a live code talk at Smashing Conf in Toronto, this is how far I got in 45 minutes

Workshop materials for JAMstack workshop using Vue and Netlify.

A collection of extensions for writing, editing, and reviewing documentation in VS Code

A very silly demo showing how to make a wine label making dashboard with Vue.js

Example setup for Contentful and Nuxt on Netlify

🐢 A collection of awesome browser-side JavaScript libraries, resources and shiny things.

Small starter example of Hasura, Nuxt, and Netlify for Jamstack/SSR rendering

No description.

it me!

😎 Awesome lists about all kinds of interesting topics

This repo serves as an example for Microsoft Ignite the Tour. In this session, we explore how to create basic charts and graphs using d3.

React A-Frame Demo 1

A book series on JavaScript. @YDKJS on twitter.

Teaching people about WebMCP

My talk about the importance of animation in data visualizations

demo for perfmatters conf https://perfmattersconf.com/

a base of the smashing talk

A curated list of awesome things related to Vue.js

No description.

No description.

No description.

A javascript library that makes your page dance.

Writing the same simple animation in a loop in SMIL, Canvas, CSS, and Velocity for benchmarking purposes.

Code Repository for SwiftUI cookbook Third Edition, Published by Packt

No description.

No description.

A curated list of awesome things related to Nuxt.js

The Power of Serverless for Front-End Developers https://thepowerofserverless.info/

No description.

Did you like anything in particular about a conference? Let's make an awesome list 🎉

Build blazing fast, modern apps and websites with React

Introduction to Transforms, with the use of a transition in a class applied to all examples

Vue 3 core documentation

The Vue.js Framework

🗺️ Roadmap for the Vue.js project

The website.

Node module to create a release or a changelog from a tag and uses issues or commits to creating the release notes.

Playground repo for Netlify’s Lambda Functions

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

motion graphics toolbelt for the web

No description.

No description.

No description.

Course material for React Training

pets of netlifiers

Open Collective Frontend. A React app powered by Next.js.

Tests web browser input latency and jank

Cosmos DB, Express.js, Vue, and Node.js app

🖖 A progressive, incrementally-adoptable JavaScript framework for building UI on the web.

🐴 ¯\_(ツ)_/¯

Netlify command line tool

Local dev server with functions, rules engine and add-on support

No description.

Synthwave inspired colour theme for VS Code 🌅🕶

No description.

Biographies of Frontend Masters' Teachers

Durable Task Framework extension for Azure Functions

Command line tool for Azure Function

Docs for the V1 release

Build an Azure Durable Functions that will scrape GitHub for opened issues and store them on Azure Storage.

No description.

Displays xkcd1190 Time in a navigable way.