Skip to content
Nick Hart

Nick Hart

Web Devlopment, Projects and tutorials

Author Archives: Nick Hart

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

SVG loading spinner

By animating the stroke properties of a SVG circle you can create a cool spinner loading icon.

Posted byNick HartMarch 5, 2020February 21, 2021Posted inWeb developmentTags: animationloading iconsvgtutorial

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

Scraping with NightmareJS – getting started

Learn how to scrape websites with nightmareJS. A Simple guide on getting started with the browser automation library.

Posted byNick HartAugust 9, 2019January 8, 2021Posted inprojectsTags: javascriptnodescrapingtutorialweb5 Comments on Scraping with NightmareJS – getting started

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

Scraping public amazon s3 buckets with python

A python tool, for anonymously scraping key names from Amazon s3 buckets. As well as their size, and whether each item is public.

Posted byNick HartMarch 14, 2019June 17, 2020Posted inprojectsTags: projectspythons3scrapingsecurity

Posts navigation

1 2 Older posts

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,