Latest Activity > tutorials
Sites
All the latest Neocities site news!
Neocities allows anyone to create a free web site to express themselves. Want to create your own awesome site? Join us!
11 likes
Also for those who haven't seen it yet: Everyone who donates 10€ or more will now be featured on my website! More info -> https://petrapixel.neocities.org/donate 💕
8 likes
I'm working on a guide on how to reduce your social media usage -- If you have tips/advice that could fit that page, comment here and I'll add them! :)
34 likes
12 likes
13 likes
petrapixel
2 months ago
Preview plugin! https://petrapixel.neocities.org/coding/preview-plugin I decided to share with you how I do the iframe previews of my neighbors/supporters.
4 likes
16 likes
petrapixel
2 months ago
updated the layout base code to work with sidebars by default because i kept getting questions about it -> https://petrapixel.neocities.org/coding/layout-base-code
8 likes
24 likes
forgot to prepare something new for april 1st this year so here you go: the same silly stuff as last year. april fools! :D https://petrapixel.neocities.org/
23 likes
20 likes
petrapixel
3 months ago
extended the eleventy tutorial for a commenter :) i love making tutorials because i learn new stuff too! (the best people to write tutorials are those who just learned it themselves, change my mind😎)
13 likes
vesperings
3 months ago
Do you mind if I ask how you customise the preview thumbnail for your updates? The update schedule drives me up the wall. I've tried to just update the changelog last, but sometimes end up going back to work on other pages.
5 likes
myrtletribe
3 months ago
Answering for petra here, so correct me if i'm wrong... but I think Petra uses a specific page (if you visit it you see) that says 'updated' in large letters, so that it shows like this on the thumbnail
5 likes
petrapixel
3 months ago
exactly what myrtletribe said :) the file is in a folder "zz" to make sure it's always the "last" file updated (i use a static site generator so for every update all html files are updated)
6 likes
zhongvie
3 months ago
ooh!! curious to check it out since it was your 11ty tutorial that got me started on hammering a remake for my own (... which i'll get done ... eventually...)
2 likes
vesperings
3 months ago
@myrtletribe @petrapixel Thank you for your responses! That seems a lot simpler than whatever I was assuming. zz Folder is genius, I might have to steal ...
3 likes
15 likes
8 likes
omg thank you so much for the css layout tutorial. display: grid saved my life
3 likes
1 like
How do you use sound without being a supporter?
4 likes
petrapixel
3 months ago
didn't know that sound was a supporter-only thing! my account is old enough to not have the supporter-only restrictions
2 likes
Popular Tags
art music videogames programming anime games personal food writing cats blog movies books gaming fashion photography comics animation design horror arte game drawing coding musica manga reading portfolio furry poetry ocs cute kpop history technology animals film literature education philosophy fun roblox nature programacion sports science tech videogame html programing politics travel minecraft videojuegos gamedev life love retro web school 2000s blogging pokemon youtube computers diary cartoons fantasy pink illustration video dogs idk gardening random comic oc videos ai y2k internet arg cooking memes linux crafts queer kawaii nostalgia fandom tv journal worldbuilding aesthetic webcomic films media emo test cars learning vocaloid space business fanfiction news health stuff math fiction silly arts cutecore culture journaling website etc stories scifi painting baking crochet 90s cat cinema punk graphics series 3d football diy goth homestuck shows psychology archive commissions comida marketing pixelart artist software dance makeup me program css lgbt digitalart dnd sanrio sport creativity metal graphicdesign indie trans editing characters lgbtq lifestyle religion aboutme friends funny rpg plants fanart cool guitar streaming clothes sonic rock entertainment roleplay code development story sewing zines scene everything languages community ttrpg webcomics electronics comedy engineering aesthetics study reviews javascript weird deltarune beauty photos webcore gay cyberpunk vintage hacking originalcharacters fnaf spirituality blogs social basketball it webdesign hobbies vtuber educacion soccer storytelling computer coffee pets thoughts weirdcore oldweb flowers architecture biology project discord fandoms undertale lore cosplay informatica movie japan magic shop moda clothing language mlp shopping creative information book ttrpgs vaporwave nintendo alternative radio fitness chat crafting physics experimental astronomy singing testing about digital personalwebsite blinkies websites gatos nothing juegos money info birds anything cybersecurity research site witchcraft bugs wip japanese tvshows crypto yaoi theatre band html5 projects furries tecnologia occult gamedevelopment sleep finance sleeping autism animes dolls profile interests television other all frutigeraero knitting work vampires events fish photo libros poems resume system genshin romance vr futbol linguistics transgender visualnovels dreams puzzle collecting tarot lain wiki essays mentalhealth apps astrology gym gothic toys marvel fanfic dancing aliens skateboarding animations hiking stamps rap drawings app meme yuri jogos developer english splatoon free intro cartoon windows peliculas medicine gyaru coquette webdevelopment python family chess bio puzzles journalism gamedesign modding mystery pixels robots dog creepypasta teaching popculture interactive touhou ghchs a birthday mathematics humor osc gallery carrd fortnite dragons zine links mythology blender pizza resources deportes adventure musicals hobby introduction characterdesign rp fnf dreamcore online ocean roleplaying security novels piano traveling no whimsy jfashion cine amor studying myself data vkei style audio gifs recipes law pjsk meow spanish objectshows dark fansite hiphop pixel stars bl danganronpa indiegames lol bunnies paranormal swag bfdi breakcore home zonelets running twitch shrine privacy wrestling alt ffxiv plushies craft noise christianity communism feminism tf2 boardgames scenecore activism production utau podcast foods graphic pictures pinterest rpgs none songs death robotics fotografia geography volleyball filmmaking jewelry collage socialmedia progamming outdoors hellokitty travelling car designing brasil lesbian dinosaurs grunge dev things 3dmodeling educational maths tools omori bts blue ecommerce awesome electronic vent student god anarchism filmes theater sharks transformers android vlog stickers literatura twine cozy webdev manhwa jpop deporte misc girls 80s lolita chemistry historia acting scratch novel clowns cafe jazz jesus store tea mario old f1 environment realestate starwars computing pop vtubers args draw pc trains unblocked yoga images livros college help girly whatever horses escuela mcr videography baseball plurality services dj doom collection creepy pastel translation multimedia construction retrogaming computerscience cyber skating tumblr programmer programar supernatural ecology flash lego warriorcats insects persona videoediting event trading gamer trinkets animales nerd artes bitcoin 3dprinting therian epic hardware weed skincare dc salud southpark miku techno java yes tabletop tiktok weather drama tattoos kandi surrealism swimming socialism green forum people lgbtqia medical opensource monsters truecrime ropa hi economics chatting podcasts modeling maps sociology sound tcc ideas yumeship cultura programas kdrama bsd world author vhs sketching animanga angels analog edm js fishing freedom otherkin hockey visualnovel artwork bands shoes restaurant healthcare homepage learn hardcore bible analysis cricket kirby cleaning purple search kidcore thrifting racing tourism colors chill plural mangas writting vida halloween sculpture eating academia brazil conspiracy egl service text christian friendship wedding programa enstars scary knowledge programacao turismo digitalmarketing tennis estudiante medieval library terror videogaming yapping creation petz homework frogs curso general rats depression anthropology women hair did graffiti aviation shitposting sciencefiction closedspecies scrapbooking ambient sustainability webseries retrogames surreal otaku magazine cv alterhuman networking theology wellness drugs nails genshinimpact ceramics sites gacha harrypotter kdramas glitch quotes university schoolproject garden water furniture tattoo analoghorror crocheting academic rants liminal cycling mods poesia concerts talking mobile cryptids society jjba tutorials 3dart building ghosts soft foss anarchy rpgmaker erotica voiceacting creating truth onepiece writer superheroes estudio shrines ux illustrations cards batman archives theory musicproduction notes esoteric folklore conlang server blockchain live fanfics guns practice hetalia review programs company character selfship performance mtg vampire french kids vlogs bot dandysworld play mylittlepony startrek articles bikes content species camping decor forsaken seals shoegaze informacion crk spiderman handmade musicas sanat noticias shitpost neocities os doodles cryptocurrency communication lostmedia apple class chaos instagram creativewriting cs ultrakill geek quiz animal revival originalcharacter disney rhythmgames daily blood programmation vinyl synthesizers dibujo church musics escritura crime todo sims training future viajes youtuber meditation sweets shoujo vibes unblockedgames commission ia industrial adhd vrchat scp military filosofia house evangelion satire idols google new songwriting solarpunk underground randomstuff disability party animating calculator glitter vtubing mha miriadax musique zelda paganism twitter exercise marxism interactivefiction oldinternet beach embroidery animalcrossing advertising black stem more desing moe dating creatures css3 islam facts bass rambling visualkei something spooky joke collections programm fotos frontend cheese magick repair tamagotchi neopets finalfantasy vegan designer espanol shifting gossip entretenimiento overwatch cult jeux instruments rainbow miscellaneous silliness kink warhammer dungeonsanddragons motorcycles developing exploration tips jobs spiritual zombies webring multifandom happy ciencia halflife videgames club prompts faith studies miniatures productivity tareas 1 beginner drinks tcg red musician jokes self cities datascience archival anthro hack geometrydash tarea photoshop tecnology secret arcane conlangs woodworking whimsical diario opinions download private lofi mecha naturaleza edits hotel streamer
I mean just stop doomscrolling and set your phone to black and white only. That could help
I wrote a blog post about how setting up app usage limits helps me everyday to limit my time looking at a screen and social media: https://arimamary.neocities.org/04%20blog/posts/2026-03-19-my-mobile-app-usage-limits.
I also wrote another post about using a RSS feed reader to pull feeds from folks I'm interested in keeping up with without having to check social media everyday: https://arimamary.neocities.org/04%20blog/posts/2026-03-21-rss-feeds-and-where-to-find-them (need to change the title). Hope these help!
starting hobbies really helped me stay away from social media. whenever i catch myself doomscrolling, i just stop and go do one of my hobbies.
I've got timers on my social media apps
just blocking social media on your phone and only scrolling on desktop will reduce the urge to scroll so much it’s crazy
I always try to think of WHY im going to a certain site, or why im using my phone/computer in the first place. if its to get inspiration/references for a creative project for example, then I remind myself that its a good use of my time. but if I can't think of a reason and im just doing those things for the sake of it, I remind myself that ill regret wasting that time later
not that every single second has to be super productive all the time, but I at least want to generally be doing things I enjoy, instead of things that just make me stop thinking for a while
I usually set myself a timer on my phone on certain apps, especially Tiktok. Though yeah finding other things to do or maybe take up some hobbies? Plus stepping away to be productive & doing chores is a thing I also do!
deleting apps for shortform content (insta) from my phone and slowly weaned off of them from using only the web version then entirely droppping it worked great 4 me
honestly? get a friend/family member/trusted individual to hold you accountable. have someone to go to when you feel you're doomscrolling who can get you off. that worked wonders for me, moreso than any quick trick.
don't know if you have any time to read a whole book, but I really recommend "digital minimalism" by Cal Newport! it dives really deep into this particular subject, if you're interested
If you use your phone, start with that since you take it everywhere. Every morning I went outside to get some air and left my phone behind for as long as I could. You'll get urges and it's okay if you do. But if you keep doing that eventually you'll be leaving your phone out to die lol. A schedule helps. I did this every weekend morning.
From there, I deleted my social media accounts.
I set my phone to do not disturb after a certain time of day. I set it so I can get texts from certain people but otherwise, it turns off all notifications from social media. I discovered when I'm not getting notifs from those apps, I check them less. Almost never!
I try to stick with the website versions of social media platforms. even on mobile, so I can customize and remove anything addictioning with extensions. I've done this a lot back then, like for instance, Instagram: https://userstyles.world/style/15307/less-distracting-instagram-mobile
nowadays I just kinda stick with platforms that don't have an endless feed, or are mediocre at recommendations. like bluesky... at some point, the chronological feed is gonna dry up, and you literally cannot consume more
Using the website instead of the app of a social media platform really helps with reducing your usage of that site, I mean it sort of worked for me when I was trying to get over my Xitter (Twitter) addiction
I know this is ultimately why I create playlists the way I do, mostly to advance the way I'm consuming the media in the first place but I believe throwing somebodies mix on is way better than scrolling, even though a playlist is similar to scrolling in a way- I need outside perspectives on that
i would suggest self-studying. you pick a subject, write down a "course syllabus" and make it as engaging as you can. bonus point if you can include something on the internet that just takes you someplace else, like a site dedicated to documentaries instead of an app!
I started with website only versions, used a timer for a while, and also intermittently deleted things from my phone. what really works for me is taking an entire 3 and 1/2 months off every year. The rest of the year, I use it but so sparingly. it's much easier to control because I can actually see the long-term effects of not using it over that 1 season I don't do it.
It also helps to make a little list of things that you can do, or a bingo card for yourself. stuff that I can do on my phone that's not social media, or stuff that I can do instead of social media. The withdrawal is for real difficult to deal with at first so it really helps to have a suggestions list handy with a bunch of different stuff that requires different levels of energy
another thing i do that i would like to suggest is playing on consoles, whether it's playstation, the switch or even nds, wii, gameboy etc...find a game that you really like and you'll spend the time you'd have dedicated to social medias much differently
I download youtube videos and send them to my phone where I watch them on VLC or whatever. I used Android Debug Utility to delete Youtube, browsers, and play store from my phone (careful, I accidentally deleted Maps, which I need, in the process and I had to side-load in back in)
Oops lol what I called Android Debug Utility in my previous comment is actually called Universal Android Debloater. I use youtube-dl to download videos
though honestly finding neocities has been way more effective as a distraction from social media than trying to do offline stuff. I think my brain is too cooked to not be on a computer so something like this that is creative and mildly social is ideal for me. sorry for spamming comments!!
i like to edit my computers' host file to block certain domains :3
i accidentally broke it a while back but my screenzen streak is at like 200 days.. it's changed everything for me and it's completely free. I barely even open anything anymore. when I do, everything is like wayyy funnier because the algos shove the best in my face and I get to ignore all the slop.
buy a shovel. now when you find yourself in the middle of a bender, go outside and dig a hole. eventually that hole will become big. could function as a hiding place for pirate treasure or a secret grave. only your imagination can stop you
honestly the only thing that worked for me wasn't even something i did intentionally-- my fb/insta accounts got hacked and my ADHD kicked in and i never got around to trying to recover my accounts lol xD
I'm not the best at it but having an book reading app on my phone has helped a bit
Oh I just remembered another random thing I do. move the location of social media apps on your phone. like the icons. You have an automatic action clicking those, so if you move them sometimes that gives your brain the extra seconds to think about whether you actually want to open that. You automatically go for the social folder and then click ig, but if you put your book app there instead that's what you'll open.
@maxcrunch i do that all the time haha! thanks everyone for all the tips!
I'm in a constant struggle to know how much media I should consume for inspo and for networking with other artists etc and how much time I should spend creating my own things
Seconding timers and black and white, but a piece I don't often see covered is to BE KIND to yourself! Making the move to reduce usage often comes with feelings of isolation, as well as some rebound "relapse" behaviours. It can take multiple tries to move away from social media, and having moments where you go all the way back are so normal.
I set up roadblocks for myself-- keeping the apps off my phone and only allowed to access on my desktop for instance. and having to log-in each time. also deactivating for Lent and then for 6 months and eventually I was able to delete insta altogether. screentime limits never worked for me tbh