This Banner is For Sale !!
Get your ad here for a week in 20$ only and get upto 15k traffic Daily!!!

CSS Art: Nintendo Switch – DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»


This weekend, I streamed whereas dwell coding/drawing a Nintendo Change with HTML and CSS. The drawing is:

  • Responsive: resize the window to see it change
  • Semantic: sections, the buttons are buttons
  • Customizable: CSS variables to vary the JoyCon colours
  • Reasonable: at the least that was the objective πŸ˜…

Here is the demo on CodePen (the drawing and the unique {photograph}):


The method took round 4 hours (damaged into completely different classes that I’ll name “my youngsters are lastly sleeping” and “my youngsters usually are not awake but“) that I put collectively and sped up on this video:



Later, I did one other model. This time I plugged in a library I created to handle the Gamepad API, and I attempted connecting the JoyCon to the pc… it really works πŸ™‚

You probably have a Nintendo Change, strive plugging the left controller into your laptop through Bluetooth, then head to this demo (solely a number of the buttons will work):

The Article was Inspired from tech community site.
Contact us if this is inspired from your article and we will give you credit for it for serving the community.

This Banner is For Sale !!
Get your ad here for a week in 20$ only and get upto 10k Tech related traffic daily !!!

Leave a Reply

Your email address will not be published. Required fields are marked *

Want to Contribute to us or want to have 15k+ Audience read your Article ? Or Just want to make a strong Backlink?