JSFiddle

stweffy_88's public fiddles

• Landing Page - Making it Responsive

  Inspired by "Responsive Web Design" course on Sololearn: https://www.sololearn.com/Course/Responsive-Web-Design/?ref=app Added a couple of my own styles to fix what was missing from the tutorial. Emulation of "Tap to try" code from "Getting started", "Working with HTML & CSS" and "Making It Responsive" sections of tutorial.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Landing Page

  Forked from "Responsive Web Design" course on Sololearn. https://www.sololearn.com/Course/Responsive-Web-Design/?ref=app Added a couple of my own styles to fix what was missing from the tutorial.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Rebuild of "Walk Around" puzzle from Grasshopper app

  Inspired by the explainer for the "Walk Around" puzzle from the Grasshopper app. https://support.grasshopper.app/t/walk-around-explainer/5922?u=stweffy_88 I decided to not use the parts of the original code that pertain to a color variable and the custom pickRandom( ) function to just focus on the following d3 concepts: .attr('cx',), .attr('cy',), .on('click',), and .transition()

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Falling ball - fork

  Example use of D3 on an SVG shape Forked from: https://jsfiddle.net/Grasshopper_explainer/tuusppf5/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Moon Phases

  Forked from: https://support.grasshopper.app/t/moon-phases-explainer/7220?u=stweffy_88

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Narcolepsy symptoms Prezi slides

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Social links

  Font Awesome sandbox

• Private fiddle Extra
• Delete fiddle
Groups Extra