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!
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 weeks 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
3 weeks 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
1 month 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
1 month 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
1 month 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
1 month 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
1 month 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
1 month 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
Popular Tags
art music videogames programming games anime food personal writing cats blog movies books gaming fashion photography comics animation design horror game drawing arte coding manga portfolio furry reading poetry ocs cute musica technology kpop history animals film education literature fun philosophy roblox programacion sports nature science html tech videogame programing politics travel minecraft gamedev web love retro life school videojuegos 2000s pokemon computers youtube cartoons blogging diary fantasy pink video illustration dogs idk gardening random comic videos internet memes ai linux oc cooking y2k arg queer nostalgia crafts kawaii tv fandom journal webcomic worldbuilding test aesthetic cars emo media films business fanfiction learning vocaloid news space health stuff math silly fiction website culture arts cutecore stories scifi etc journaling 90s painting baking cat punk crochet football graphics 3d cinema goth homestuck marketing diy software css pixelart psychology commissions archive lgbt artist program dance shows series sport sanrio digitalart dnd me makeup comida creativity metal trans graphicdesign characters religion editing lgbtq indie lifestyle funny aboutme cool friends rpg fanart streaming clothes entertainment sonic plants guitar development code story scene roleplay webcomics rock everything comedy languages zines javascript electronics sewing ttrpg community engineering study aesthetics weird reviews hacking gay webcore cyberpunk beauty originalcharacters vintage it basketball fnaf webdesign deltarune educacion photos social spirituality soccer computer vtuber blogs weirdcore oldweb pets discord coffee storytelling project informatica thoughts architecture hobbies flowers biology movie shop clothing undertale information vaporwave lore magic japan cosplay language shopping mlp fandoms ttrpgs book nintendo creative fitness radio chat testing about alternative physics experimental digital nothing astronomy money singing blinkies websites site crypto info crafting cybersecurity birds html5 personalwebsite witchcraft wip anything japanese bugs research juegos tecnologia tvshows furries moda theatre occult band projects gamedevelopment finance autism sleep other sleeping yaoi profile television dolls gatos interests events work all resume vr knitting futbol photo fish lain vampires system genshin animes linguistics frutigeraero apps dreams transgender romance puzzle poems astrology collecting wiki mentalhealth visualnovels toys rap essays marvel gym fanfic developer splatoon dancing app meme python skateboarding tarot free gothic webdevelopment aliens english drawings windows animations hiking cartoon family ghchs bio gamedesign robots stamps coquette dog medicine intro pixels chess modding carrd gyaru fortnite puzzles journalism touhou humor interactive teaching a mystery mathematics yuri pizza deportes birthday osc dragons jogos characterdesign gallery popculture security links creepypasta zine adventure hobby roleplaying resources online no fnf mythology data blender rp musicals ocean jfashion piano traveling fansite pixel novels objectshows introduction vkei myself gifs dreamcore lol meow audio law amor zonelets peliculas studying style recipes pjsk twitch libros hiphop home dark ffxiv breakcore stars running indiegames noise bfdi privacy swag danganronpa communism tf2 paranormal wrestling plushies christianity activism bunnies podcast shrine scenecore rpgs progamming graphic production boardgames foods none car death craft robotics spanish pictures volleyball utau hellokitty jewelry socialmedia songs filmmaking outdoors bl pinterest ecommerce designing feminism omori travelling twine educational awesome geography collage things lesbian android anarchism student dev cine grunge 3dmodeling electronic brasil god dinosaurs maths alt misc vent lolita scratch 80s whimsy webdev environment tools transformers sharks deporte blue clowns novel girls realestate jpop old stickers cafe jesus store jazz mario acting unblocked chemistry bts tea starwars manhwa theater vtubers computing fotografia pc filmes trains help doom college construction creepy vlog images cozy services yoga computerscience plurality args baseball translation tumblr horses pop collection mcr whatever videography f1 flash cyber multimedia bitcoin event lego retrogaming warriorcats programmer programar dj epic draw pastel java videoediting trading supernatural escuela southpark gamer skating literatura persona weed historia girly 3dprinting insects therian techno hardware miku tabletop weather forum dc ecology tiktok yes salud swimming nerd monsters opensource livros socialism truecrime people drama lgbtqia trinkets tattoos podcasts green skincare js chatting economics medical surrealism programas tcc maps kandi modeling sound angels freedom bsd vhs shoes hi artes ropa homepage restaurant cricket world animanga edm otherkin author artwork search ideas learn sociology cleaning hockey kdrama healthcare fishing kidcore analysis enstars animales kirby cultura conspiracy sketching racing tourism estudiante visualnovel text turismo hardcore bands digitalmarketing halloween bible plural chill service thrifting sculpture videogaming petz brazil colors analog academia tennis curso knowledge homework friendship programacao writting closedspecies wedding eating purple egl christian did scary shitposting depression rats cv programa general surreal creation women frogs library hair drugs networking sites ambient mangas alterhuman retrogames aviation furniture medieval wellness sciencefiction gacha academic rants mods graffiti yapping genshinimpact sustainability mobile university schoolproject anthropology magazine foss anarchy ceramics tutorials glitch otaku water webseries theology blockchain talking cryptids cycling truth ux writer harrypotter building quotes soft ghosts rpgmaker society batman jjba garden erotica 3dart crocheting practice nails scrapbooking onepiece esoteric tattoo server review theory analoghorror concerts liminal informacion guns archives estudio company shrines superheroes kdramas forsaken programs bot conlang yumeship character cryptocurrency cards notes illustrations musicproduction species performance neocities bikes os terror creating selfship class kids live cs camping french voiceacting vampire play articles startrek handmade spiderman crk shitpost noticias mtg animal sanat blood seals disney content shoegaze meditation revival instagram communication unblockedgames synthesizers vida church hetalia chaos house apple decor ultrakill future miriadax rhythmgames google training fanfics folklore mylittlepony programmation crime originalcharacter lostmedia dandysworld twitter evangelion css3 industrial creativewriting satire new quiz advertising vinyl paganism vrchat ia vlogs adhd idols doodles animalcrossing youtuber sims party marxism geek disability poesia musics exercise zelda military embroidery commission interactivefiction islam calculator dating magick frontend sweets repair viajes musicas daily vtubing rambling scp something joke designer neopets creatures facts animating desing bass jobs tamagotchi spooky programm randomstuff finalfantasy visualkei black mha cheese songwriting prompts shoujo beach shifting entretenimiento vibes more musique overwatch vegan silliness cult miscellaneous jeux zombies rainbow developing webring datascience kink underground hack oldinternet motorcycles collections halflife warhammer todo happy tareas solarpunk stem glitter anthro jokes dungeonsanddragons tarea spiritual beginner conlangs studies club videgames miniatures tecnology drinks musician instruments download self faith gossip photoshop archival tokusatsu tips hotel moe trabajo woodworking mecha red arcane mushrooms ranfren private productivity streamer exploration gender ui cake lofi biography map yugioh angel cities 1 secret agriculture tcg multifandom
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