Stephen S. @SparlosCode

Finished up my developer portfolio site. Designed with @figmadesign; powered by @GatsbyJS, @tailwindcss, @framer motion, and a healthy dose of custom SCSS & @reactjs. Hosted on @Netlify. Strived for simplicity, elegance & clean design. Check it out @ dev.sparlingcreations.com

New video using @adamwathan's fantastic @tailwindcss framework to implement a design I found on @dribbble with @CodePen. I'm falling more in love with tailwind the more I use it. youtube.com/watch?v=4wGZhs…

Just made a web design critique video going through all of the posts on last week's /r/web_design Feedback Friday thread. Had a blast doing it and learned some stuff in the process! youtube.com/watch?v=bH366W…

My favourite bit from @moocfi's Full Stack Open course on the subject of where to store test files (but really, it applies to anything): "Whichever convention we choose, it is almost guaranteed to be wrong according to someone's opinion."

Starting the #DailyUI challenge to up my design skills. Today it's the classic sign in form. Went for something super simple & functional! Source code here codepen.io/sparlos/pen/eq…, created on @CodePen

Here's a project I created in the past week. I called it Livestream Radio, created using @vuejs & @vuetifyjs! It lets users add, categorize & play YouTube music livestreams. Check it out here: livestreamradio.netlify.com (desktop only, sorry! it's a demo really)

skl.sh/2OjsmYx I've just publish a @vuejs crash course over on @skillshare! I'm so happy with how it turned out; I tried to make everything as approachable as possible and got straight to the point. If you're on Skillshare check it out, I'd love to know what you think!

Musical burger for this week's @CodePen challenge! Each component of the sandwich (meat, bun, cheese) corresponds to an instrument in the beat. Swap around components and see what you can make! Made possible thanks to the magic of @vuejs. check it out: codepen.io/sparlos/full/a…

The Piano Phase Planet for this week's CodePen Challenge! Each orbit corresponds to one of the two lines in Steve Reich's Piano Phase. Each tiny planet in an orbit is a note! Move the slider or click the button to phase around (desktop only) codepen.io/sparlos/full/J… via @CodePen

A musical star system! Infinitely scrolling stars generated at random points; when a star hits the middle a pitch is triggered! Y coordinate of the star = how high/low the pitch is; size of star = volume. Check it out here: codepen.io/sparlos/full/Q… via @CodePen

Bubble sort - made musical! Pitches are assigned a number, and each time a swap occurs a pitch is triggered. Swaps are synced to the tempo. Bass line, tempo, and key all editable thanks to the magic of @vuejs. Have fun playing around! codepen.io/sparlos/full/g… via @CodePen

Generative music based on prime numbers/the cicada principle! 15 tones are assigned prime numbers; the tone then repeats every nth 8th note where n = the prime number it was assigned. Unique patterns for days! @CodePen codepen.io/sparlos/full/o… #codepenchallenge #CicadaPrinciple

Created an interactive restaurant menu with @vuejs on @CodePen! Toggle filters to blur out certain items. You can also toggle on the 'backend' view which allows you to edit/add items in real time thanks to the magic of Vue! codepen.io/sparlos/detail…

Made a recreation of the twitch.tv layout on @CodePen. Main computer is down so super thankful CodePen exists and lets me code using only a chromebook! codepen.io/sparlos/detail…