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!

20 likes
petrapixel's avatar petrapixel 7 months ago

(pssst, indie web contest participation form is open now, you might have to hard-refresh to see it: https://petrapixel.neocities.org/contest . i'll make a bigger announcement soon)

11 likes
petrapixel's avatar petrapixel 7 months ago

also here's a shoutout for my sister's wip website again: https://neocities.org/site/tanjas-treehouse

6 likes
18 likes
petrapixel's avatar petrapixel 7 months ago

moved webrings to their own page bc the loading time of my homepage was awful

5 likes
petrapixel's avatar petrapixel 7 months ago

btw you guys should totally follow my sister, she's learning to code rn! https://neocities.org/site/tanjas-treehouse

9 likes
jbcarreon123's avatar jbcarreon123 7 months ago

I feel like webrings is one of the things that makes pages slow. I have my webrings page seperate for like ages and I still measure it time to time because I also put a page load time info on that page, and I usually get from 10 seconds to reaching 3 minutes for 27 webrings (15 widget-based, 12 link-only), and I still getting Lighthouse results on my webring page that it has one of the worst performances on my site.

2 likes
petrapixel's avatar petrapixel 7 months ago

@jbcarreon123 yeah, scripts like onionring are pretty much the worst thing you can do for perfomance, it irks me so much that so many webrings still use it even though there are several much better options available!!

2 likes
jbcarreon123's avatar jbcarreon123 7 months ago

Wondering about it lately so I just made a post about it: https://jbc.lol/posts/does-webrings-slow-down-sites/

1 like
17 likes
petrapixel's avatar petrapixel 8 months ago

little poll in my sidebar about the next indie web contest (which is coming SOON!) :>

11 likes
Hello there Petra! I'm working on a JavaScript library that works around the CSP issues on free accounts by wrapping the Fetch API into an iframe. I'm already planned that it should have compatibility with the Fetch API, but what extra things should I add on it? Thanks!
petrapixel's avatar petrapixel 8 months ago

hey! i'm not entirely sure what you mean but feel free to send me an email to petracoding at outlook dot com with any details ! :]

1 like
jbcarreon123's avatar jbcarreon123 8 months ago

Sent an email! :D

1 like
I wanna make a comment widget that'll work for free accounts. Let me know which 'features' you'd want from a comment widget! :]
25 likes
gorciu's avatar gorciu 8 months ago

just a comment, username and quick reactions

3 likes
petrapixel's avatar petrapixel 8 months ago

@gorciu do you mean reactions instead of comments or reactions to the comments themselves?

dabric's avatar dabric 8 months ago

how are you planning on making it work on free accounts if I may ask?

petrapixel's avatar petrapixel 8 months ago

@dabric iframes, as always ^^;

1 like
tofutush's avatar tofutush 8 months ago

perhaps similar to a guestbook, with mandatory name and optional site link / email! and perhaps some basic guarding features against spam?

8 likes
gorciu's avatar gorciu 7 months ago

@gorciu do you mean reactions instead of comments or reactions to the comments themselves? :: see disquis for example

15 likes
petrapixel's avatar petrapixel 8 months ago

tiny bugfix for the new pollcode widget :)

8 likes
next indie web contest is coming soon 👀 send ideas, suggestions, feedback, wishes and other comments my way!
20 likes
tofutush's avatar tofutush 8 months ago

ooh, i missed the first one but ill be sure to join this. as for the too many people thing you mentioned last time, the only thing ive managed to come up with is splitting contestants into categories? though idk any details past that, sorry!

3 likes
underwhite's avatar underwhite 8 months ago

sure I worked hard on my site again can't hurt to try again :D

1 like
petrapixel's avatar petrapixel 8 months ago

@tofutush ooh i really like that idea... i'll think about it :]

2 likes
lankarta-project's avatar lankarta-project 8 months ago

@tofutush yes, categories would be awesome, to go through 60+ websites and give everyone honest points required making spreadsheets to not get lost, categories could help organize it a bit ;)

1 like
petrapixel's avatar petrapixel 8 months ago

@lankarta-project this time around, since winners are calculated using average points again, i will not make it a requirement to rate every single website because it would simply be impossible. instead, a random 10-20 or so will be chosen and the rest is optional!

1 like
Pollcode widget is here :) https://petrapixel.neocities.org/coding/widgets (you might have to clear cache for my site to see it / make it work)
21 likes
ughbees's avatar ughbees 8 months ago

this is so so awesome tysm!!!!! <333

3 likes
hypothethially, if i were to make another indie web contest this year ... how should i do it? i think there'd be too many participants this time around to actually rate every single one, so the voting would need to look different.
18 likes
seasoups's avatar seasoups 8 months ago

Do it like how itch.io does gamejams! have ppl vote n then have u rate like top 100 or somethin >:O

2 likes
maxcrunch's avatar maxcrunch 8 months ago

I like seasoups idea and if you want to keep the personal touch of your ratings, maybe you could do a mixture of both. everyone can vote so you have a crowd favorite, and then you pick your top 10 and rate those only? something like a hybrid approach

1 like
fraberry's avatar fraberry 8 months ago

oh!! is there any way to see what the past contests looked like?

petrapixel's avatar petrapixel 8 months ago

@fraberry there's this page ! https://petrapixel.neocities.org/contest but the voting form does not exist anymore

24 likes
visionsofpastandfuture's avatar visionsofpastandfuture 8 months ago

Love the site! Your page helped me create mine.

3 likes
for those of you with free neocities accounts (created after 2022) - are you able to use the pollcode widget? i thought it works for free accounts but maybe not!
8 likes
zhongvie's avatar zhongvie 8 months ago

nope, it doesnt work at all; i have to put it on a github page to even have access to it on my profile

1 like
zhongvie's avatar zhongvie 8 months ago

*github page as an iframe, i can confirm it triggers the 'doesn't allow external scripts' issue :(

2 likes
petrapixel's avatar petrapixel 8 months ago

hmmm ok thank you! i guess i'll try to make a widget for it then, like i did with status.cafe and last.fm :)

4 likes
jeith's avatar jeith 8 months ago

it used to work, but neocities updated to a stricter content security policy a year or so ago - it broke the WiiRing too, and I had to make an iframe version of it! here's more about it: https://dabric.xyz/post/neocities-csp/

1 like
petrapixel's avatar petrapixel 8 months ago

@jeith thank you for the info! i'm still a bit confused because i have a 2nd (free) account to try these things out and it works for me over there.

1 like
jeith's avatar jeith 8 months ago

hmm i know it only affects free accounts made after January 2024 (when the CSP was changed), so it could be when the account was made? otherwise it may be totally unrelated :P

petrapixel's avatar petrapixel 8 months ago

@jeith yeah my 2nd account was created mid 2024 so it SHOULD be affected. maybe a bug. time to create a 3rd account for testing haha

1 like
i think i'm gonna make some premade templates! :)
47 likes
medvehs's avatar medvehs 8 months ago

yahoo thank you :)

angelwingstodust's avatar angelwingstodust 8 months ago

you're amazing T.T Thank you!!

17 likes
petrapixel's avatar petrapixel 8 months ago

I added new styling options for my widgets! (https://petrapixel.neocities.org/coding/widgets) Basically, all valid CSS is possible now! Make sure to clear cache for MY website if something's not working for you!

6 likes
jbcarreon123's avatar jbcarreon123 8 months ago

ooo that sounds nice, but I have an idea, what about supporting the postMessage API so people can define the CSS using a little JavaScript code, it should work in free Neocities sites, and the URL wouldn't be long on complex styles. Just my 2 cents though.

2 likes
underwhite's avatar underwhite 8 months ago

FINALLY I CAN ACT LIKE IM SUPPORTER WHEN I'M NOT!!

2 likes
petrapixel's avatar petrapixel 8 months ago

@jbcarreon123 i haven't heard of the postMessage API before but it sounds cool, i'll look into it, thanks for the suggestion! :))

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