Links & References
Some of my favorite Neocities sites:
| ✦ Practice & Interactive Games ✦ | |
| Flexbox Froggy | A game that teaches CSS Flexbox by positioning frogs. |
| CSS Grid Garden | Learn CSS Grid by watering a virtual garden. |
| Frontend Practice | Real-world layouts for practicing your frontend skills. |
| Hacktoberfest | An annual event for contributing to open-source projects. |
| GMTK Game Jam | An annual event for creating games. |
| ✦ Core Docs & Reference ✦ | |
| Mozilla (MDN) | The standard documentation for HTML, CSS, and JS. |
| caniuse.com | Check if specific CSS or JS features are supported across older browsers. |
| Learn CSS (web.dev) | A structured course covering modern CSS concepts. |
| HTML Cheat Sheet | A quick reference guide for HTML tags and attributes. |
| Media Query Style | Media query css styling reference. |
| CodePen | An online code editor and sandbox for making stuff and has resources. |
| AMAZE | Interactive games that teach accessibility. |
| ✦ Newsletters ✦ | |
| Frontend Focus | A weekly email covering what's new in frontend dev. |
| JavaScript Weekly | A newsletter tracking updates and trends in the JavaScript world. |
| Bytes | An entertaining and informative JavaScript newsletter. |
| ✦ CSS Generators & Effects ✦ | |
| Box Shadow Gen | A tool to help easily generate CSS drop shadows. |
| CSS Gradient | A straightforward generator for custom CSS background gradients. |
| Cubic-Bezier | A visual tool for creating custom CSS animation curves. |
| CSS Backgrounds | Quickly generate CSS-only background patterns. |
| Hover.css | A collection of CSS3 hover effects for links and buttons. |
| Buttons.cool | A gallery of unique CSS buttons you can copy and paste. |
| Tooltip | A CodePen example showing how to build custom CSS tooltips. |
| DoodleCSS | A CSS theme that gives your site a hand-drawn sketch look. |
| Cursor Effects | 90s-style mouse cursor trails you can add to your website. |
| ✦ Inspiration ✦ | |
| Sailorhg | A cozy, nostalgic personal website that tells a story. |
| Martin Gauer | Retro gameboy game as a website! Super cool. B) |
| ✦ Typography, Media & Assets ✦ | |
| Typography Tutorial | A guide to getting web typography and sizing right. |
| google-webfonts-helper | A tool to download and self-host Google Fonts for better performance. |
| A Single Div | Art created using only CSS and a single HTML div tag. |
| Pixabay | A library of royalty-free stock images for placeholders. |
| Compressor.io | A tool for compressing images to save space without losing much quality. |
| SVG Patterns | Customizable, fast-loading background patterns. |
| Chalk.ist | Turn code snippets into clean, shareable images. |
| Carbon.now.sh | Another solid tool for creating aesthetic images from code blocks. |
| ✦ Tutorials & References ✦ | |
| Rijksmuseum Collection | Collection of art from the Rijksmuseum in the Netherlands. |
| Met Museum Collection | Collection of art from the Met in the NYC. |
| Drawabox | A free, structured course focusing on fundamental drawing skills and spatial reasoning. |
| Proko | High-quality video tutorials covering anatomy, figure drawing, and portraiture. |
| Ctrl+Paint | A free digital painting library with bite-sized videos tailored for beginners. |
| Posemaniacs | A massive library of 3D anatomical models and poses for figure drawing practice. |
| ✦ Illustrators & Portfolios ✦ | |
| VGen | A platform to find and commission artists and creators. |
| daami2000 | Illustration portfolio and commission info. |
| lusidraws | A directory for all of their art links and social pages. |
| Sail | A illustration portfolio. |
| Arumikat | A Carrd page featuring their artwork and links. |
| Jackie Doan | Illustration and concept art portfolio. |
| Tvchany | A portfolio site showcasing various art projects. |
| ✦ Concept & Background Artists ✦ | |
| Yoshida Seiji | Background art and illustration portfolio. |
| Kirakeen | Artwork, portfolios, and links via Carrd. |
| Sharyap | Personal website and illustration gallery. |
| Pikat | Illustration gallery featuring great color work. |
| Rijimonogatari | A Carrd portfolio showcasing their art style. |
| James P. Cartoons | Official website and portfolio for their work. |
| ✦ ASCII Art & Text Generators ✦ | |
| ASCII Draw Studio | An editor for creating ASCII text art. |
| ASCII Flow | A drawing tool for creating ASCII diagrams and boxes. |
| Cool Borders | Text-based borders and frames you can copy for formatting. |
| Dividers | Text dividers and emoji combinations to break up your pages. |
| ✦ Personal Web Resources ✦ | |
| Kaomoji | A directory of Japanese emoticons you can copy and paste. |
| poempuppy Layouts | Ready-to-use HTML/CSS templates for personal sites. |
| petrapixel Layouts | More customizable templates for Neocities sites. |
| dinkdonkdunk | A collection of graphic assets, blinkies, and web tools. |
| Scripted Resources | A directory of web tools, scripts, and page assets. |
| 32bit.cafe Resources | A forum thread containing resources for personal websites. |
| Indie Web Database | A directory to help discover independent websites. |
| SmartGB | A free, customizable guestbook provider for your site. |
| Atabook | An old-school style guestbook platform. |
| Catbox | Free file hosting for images, audio, and site assets. |
| ✦ Games & Micro-Tools ✦ | |
| Sendou.ink | Splatoon 3 competitive tools, current rotations and weapon stats. |
| WPlace | A collaborative online pixel canvas for drawing over the world map in real-time. |
| JVGS | An animal crossing blog from JVGS that is pretty cool. |
| Sudomemo | A fan-revival of Flipnote Hatena for browsing animations. |
| itch.io | A popular platform for finding independent video games. |
| JS13k Winners | Micro-games built in under 13kb of JavaScript. |
| Splatoon Decipher | A tool for translating the fictional scripts used in Splatoon. |
| Splatoon Logo | Generate custom text in the Splatoon font style. |
| Emoji Kitchen | Mash two emojis together to create new combination stickers. |
| imood | A platform for tracking and sharing your current mood. |
| Nook phone | A web recreation of the Nook Phone from Animal Crossing. |
| snd.dev | A collection of UI sounds you can drop into your site. |
| Hexwords | Finds English words you can spell using only hex color codes. |