Skip to content
Nick Hart

Nick Hart

Web Devlopment, Projects and tutorials

Tag Archives: webdev

I created a Web Extension

This is my first Web Extension ever, It took some time figuring out how to actually develop one, as its quite different than just making a web-page. This first extension is pretty basic, just so I can learn and see what is possible. Link to github repo: https://github.com/IpsumLorem16/Simple-IP-Camera-Viewer

Posted byNick HartApril 22, 2024April 23, 2024Posted inprojects, Web developmentTags: addonprojectsweb extensionwebdev

Animated SVG Cyberpunk logo (with filters)

See the Pen Cyberpunk animated SVG logo {fork} by IpsumLorem16 (@ipsumlorem16) on CodePen. Try holding down the mouse-button, and clicking/hovering over the logo. In this post I will describe how I used SVG filters, CSS and GSAP to create my own version of the animated cyberpunk logo.

Posted byNick HartApril 18, 2021April 18, 2021Posted inWeb developmentTags: animationsvgsvg filterwebdev

Making accessible custom Radio Inputs

Making (accessible) custom radio inputs.

Posted byNick HartSeptember 29, 2020October 7, 2020Posted inWeb developmentTags: tutorialwebdev

An Introduction to SVG animation

For anyone who wants to try SVG animation, but has no idea where to start.

Posted byNick HartFebruary 19, 2020April 23, 2024Posted inWeb developmentTags: animationsvgtutorialwebdev

Animated SVG loading Icons

Three SVG dot loading Icons, animated with CSS. In a few different styles.

Posted byNick HartJune 19, 2019February 21, 2021Posted inWeb developmentTags: loading iconsnippetssvgwebdev

Creating a toggle switch – easy

Creating a simple toggle switch

Create a simple on-off toggle switch. With HTML, JS, and CSS, That is also Accessible.

Posted byNick HartJune 13, 2019February 21, 2021Posted inWeb developmentTags: javascripttutorialwebdev

Creating an animated dismiss all icon

Creating an animated dismiss all icon

Creating a reusable animated dismiss all icon with JavaScript.

Posted byNick HartMay 18, 2019February 21, 2021Posted inWeb developmentTags: javascripttutorialwebdev

Recent Posts

  • I created a Web Extension
  • Animated SVG Cyberpunk logo (with filters)
  • Making accessible custom Radio Inputs
  • SVG loading spinner
  • An Introduction to SVG animation

Archives

  • April 2024
  • April 2021
  • September 2020
  • March 2020
  • February 2020
  • August 2019
  • June 2019
  • May 2019
  • March 2019

Categories

  • projects
  • Web development

Tags

addon animation bugs javascript loading icon node projects python s3 scraping security snippets svg svg filter tutorial web webdev web extension

About

Hi! I am Nick , and this site is intended to document my projects, as well as discussing topics such as: web development, security, Linux, arduino, electronics, repairs and making.

Nick Hart,