Coder Social home page Coder Social logo

nathanlong / nathanlong.github.io Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 6.71 MB

A digital-garden/dumpster fire handcrafted by some ordinary web guy.

Home Page: http://nathan-long.com

License: MIT License

JavaScript 31.69% CSS 32.46% Nunjucks 24.27% XSLT 9.68% Shell 1.90%
blog digital-garden dumpster-fire front-end-development front-end-web-development personal-website

nathanlong.github.io's Introduction

Nathan's Website-Garden-Thing

Yep. It's mine. And it's in progress, soooooo....

nathanlong.github.io's People

Contributors

dependabot[bot] avatar nathanlong avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

nathanlong.github.io's Issues

Convert MIDI player to NSF/SPC chip emulator player

MIDI files have a larger overhead than I thought with the sound fonts required to emulate instruments. Investigate using a chip emulator instead to play more authentic retro video game music.

Libraries to investigate:

[Lab] Labs 2024

Labs released in 2024:

Experiments

lab-experiment

Because my old animations page just seemed so bland AND because code completion via the Node ecosystem is REALLY nice when derping around.

[UI] Redesign 2022/23

It's TIME โฒ TO R E D E S I G N

Build Goals

  • Facilitate technical writing
  • Fluid ALL THE THINGS: Layout, Text, etc
  • Add persistent(ish) site preferences:
    • Light / Dark modes
    • Motion / Reduced motion modes
    • ๐ŸŽ‰ PARTY MODE (see party section)
  • Highly customizable (easy to patch in one-off functionality)
    • Viget vanilla data-module pattern? (dynamic imports by component, pseudo-Stimulus)
  • ๐Ÿ”ฅ [HOT TAKE] ๐Ÿ”ฅ Future-proofing / Ease of Editing === Use as much native technology as possible?
    • Vanilla (but modern) CSS utility classes: CSS Grid, etc
    • Vanilla (but modern) JS: ES modules, native static and dynamic imports
    • No build tools? (Besides 11ty?)
Lab Assets

Animation:
Image

Image

Hero:
Image

Rules:
lab-rules

Voices:

lab-voices

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.