Discover @sdras Open Source projects

Workshop Materials for my Introduction to Vue.js Workshop

4,880

intro-to-vue

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

2,789

night-owl-vscode-theme

2,754

array-explorer

⚡️ 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

2,609

page-transitions-travelapp

🛍 A JAMstack Ecommerce Site built with Nuxt and Netlify Functions

1,704

ecommerce-netlify

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

1,519

object-explorer

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

1,398

vue-vscode-snippets

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

1,309

sample-vue-shop

Materials for SVG Essentials & Animation Course

1,206

svg-workshop

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

787

career-ladders

Design for Developers Workshop

779

design-for-developers

717

hero-generator

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

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

646

project-explorer

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

528

vue-sample-svg-icons

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

520

js-explorer

building-web-app-with-vue

314

building-web-apps-with-vue

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

303

vue-vscode-extensionpack

273

JS-stroll

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

Frontend Masters- Advanced SVG Animation Course

211

frontendmasters-svganimation

A small SVG animation illustrating a weather app notification in Vue

195

vue-weather-notifier

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

195

vue-hooks-foodapp

Chrome extension: Minimal and friendly theme for productive twitter use

180

productive-twitter

CSS

180

fortnite-vscode-theme

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

170

vue-directory-tree

Vue/Nuxt Page Transitions- Simple Demonstration

161

page-transitions-simple

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

157

sample-stripe-handler

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

157

animated-guide-vue3

151

vue-sublime-snippets

141

inbedby7pm

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

134

signals-demo

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

is-this-a-sandwich

cda-locale

Showing Microsoft Cloud Developer Advocates speaking, 2017 and 2018

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

104

three-vue-pattern

A small, customizable youtube-like player for gsap timelines

101

gsap-player

recipe-box

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.

livecode-svganimation

netlify-functions-example

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

smashing

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

firefighter-demo

An example Node webapp deployed with GitHub actions

example-azure-node

Shell

JAMstack-Workshop

Workshop materials for JAMstack workshop using Vue and Netlify.

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

vue-wine-label

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

docs-extensionpack

contentful-nuxt-netlify

Example setup for Contentful and Nuxt on Netlify

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

favegame

headless-wp-nuxt2

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.

sdras

it me!

d3-example-ignitetour

react-aframe-demo1

React A-Frame Demo 1

My talk about the importance of animation in data visualizations

data-in-motion

a base of the smashing talk

smashing-template

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

perfmatters-demo

jamstack-template

devex-utm-builder

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

Benchmarking-Animations

CSS

easiest-netlify-lambda-example