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