Projects
animated-guide-vue3
✷ 127
array-explorer
✷ 2262
https://arrayexplorer.netlify.com/
⚡️ A resource to help figure out what JavaScript array method would be best to use at any given time
Benchmarking-Animations
✷ 6
Writing the same simple animation in a loop in SMIL, Canvas, CSS, and Velocity for benchmarking purposes.
cda-locale
✷ 101
https://cda-locale.netlify.com/
Showing Microsoft Cloud Developer Advocates speaking, 2017 and 2018
contentful-nuxt-netlify
✷ 28
https://contentful-nuxt-example.netlify.com/
Example setup for Contentful and Nuxt on Netlify
cssgridgenerator
✷ 3222
https://cssgrid-generator.netlify.com/
🧮 Generate basic CSS Grid code to make dynamic layouts!
d3-example-ignitetour
✷ 21
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.
design-for-developers
✷ 483
https://frontendmasters.com/courses/design-for-developers/
Design for Developers Workshop
ecommerce-netlify
✷ 921
https://ecommerce-netlify.netlify.app/
🛍 A JAMstack Ecommerce Site built with Nuxt and Netlify Functions
firefighter-demo
✷ 66
https://sdras.github.io/firefighter-demo/
🚨 Demo to improve an existing firefighter app by making it queue tasks offline
headless-wp-nuxt2
✷ 26
hero-generator
✷ 507
https://hero-generator.netlify.app/
🦸🏻♀️Hero Generator! Create a nice hero image for your site or app
intro-to-vue
✷ 2140
https://frontendmasters.com/workshops/vue-v2/
Workshop Materials for my Introduction to Vue.js Workshop
JS-stroll
✷ 213
Rewriting code from other languages or other technologies into Vanilla JS and SVG for fun and practice.
livecode-svganimation
✷ 89
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.
night-owl-vscode-theme
✷ 1986
https://aka.ms/nightowl
🌌 NIGHT OWL: A VS Code dark theme for contrast for nighttime coding, 🦉 LIGHT OWL: a daytime light theme
object-explorer
✷ 1321
https://objectexplorer.netlify.com/
🔥 A resource to help figure out what JavaScript object method would be best to use at any given time
page-transitions-travelapp
✷ 1486
https://page-transitions.com/
Travel App, Native-like Page Transitions
productive-twitter
✷ 127
https://chrome.google.com/webstore/detail/productive-twitter/elgfikcdihncknnnedljbbignlmnppii
Chrome extension: Minimal and friendly theme for productive twitter use
project-explorer
✷ 482
https://sdras.github.io/project-explorer-site/
🎋A CLI tool to create an annotated tree visualization of any project
sample-stripe-handler
✷ 154
https://shoppity.azurewebsites.net/
Serverless function that uses the stripe api for a checkout process in a Vue application
sample-vue-shop
✷ 1142
https://shoppity.azurewebsites.net/
See readme for newer repo details! A sample shop that shows how to manage payments with Vue, Stripe, and Serverless Functions
smashing
✷ 72
https://smashingtoronto.netlify.com/
This was the result of a live code talk at Smashing Conf in Toronto, this is how far I got in 45 minutes
svg-workshop
✷ 514
https://frontendmasters.com/courses/svg-essentials-animation/
Materials for SVG Essentials & Animation Course
three-vue-pattern
✷ 93
https://sdras.github.io/three-vue-pattern/
A biofeedback visualization made with Three.js, Vue, and LUIS (cognitive services), made with Brian Holt
Transform_intro
✷ 6
Introduction to Transforms, with the use of a transition in a class applied to all examples
vue-directory-tree
✷ 156
https://sdras.github.io/vue-directory-tree/
A visualization of relevant files for vue repo, along with notes
vue-hooks-foodapp
✷ 177
https://sdras.github.io/vue-hooks-foodapp/
A food app using a few hooks in Vue to show how they can work (experimental)
vue-sample-svg-icons
✷ 324
https://sdras.github.io/vue-sample-svg-icons/
An opinionated example of how to use SVG icons in a Vue.js application
vue-sublime-snippets
✷ 147
Simplify and supercharging my workflow with snippets for Vue.js that help me spin things up quickly
vue-vscode-snippets
✷ 975
https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets
These snippets were built to supercharge my workflow in the most seamless manner possible.