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!

26 likes
petrapixel's avatar petrapixel 1 month ago

We hit 100 participants for the indie web contest! 🌟 Go here if you haven't entered => https://petrapixel.neocities.org/contest :))

24 likes
myrtletribe's avatar myrtletribe 1 month ago

So excited to start voting!

2 likes
What's a question/problem you had when you created your first website that you think should be included in a "how to make your first website" tutorial? :)
18 likes
nicegirlslumber's avatar nicegirlslumber 2 months ago

How to use flexbox

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

how to javascript

20 likes
underwhite's avatar underwhite 2 months ago

how do I position something without using relative and not letting it have a big gap that I have to lock scrolling

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

but seriously, how to organize stuff into subcategories, where to put subpages, links in dropdown menus, details summary thing, iframes, some javascript shananigans or just plain list of links will do, that was my very first thing to consider

15 likes
matchaprika's avatar matchaprika 2 months ago

"how do I undo what I've just done while tinkering with the code ?!" (answer is CTRL+Z)

7 likes
maxcrunch's avatar maxcrunch 2 months ago

I wish there had been more about accessible coding but I started before that was a thing. now I have all kinds of stuff to fix about my code since I'm learning late πŸ™ƒ

7 likes
er0gutz's avatar er0gutz 2 months ago

how to figure out the hellscape named css

8 likes
pinebank's avatar pinebank 2 months ago

css media queries and breakpoints! finding out what my website looked like in different viewports felt like forbidden knowledge

9 likes
lostie's avatar lostie 2 months ago

currently building my first website and margins are so confusing!! no one tells you WHERE to put the code!!

6 likes
catboo's avatar catboo 2 months ago

semantic html

2 likes
minx98's avatar minx98 2 months ago

how to organize files like all the images and dependant files, also file naming

2 likes
petrapixel's avatar petrapixel 2 months ago

these are all great, thank you, keep 'em coming!

2 likes
olanet's avatar olanet 2 months ago

I'm curious how to troubleshoot any issues. I'm having problems where some lines work in my code editor but then I move it to neocities and new errors show up. The code was working when checked on a local host. Maybe there is something I'm missing as a beginner but it's hard to find answers for this online :/

2 likes
petrapixel's avatar petrapixel 2 months ago

@olanet oh yeah, troubleshooting is a good one! (btw if you're stuck with something specific feel free to ask me for help in my guestbook!)

2 likes
plushspace's avatar plushspace 2 months ago

folder organization for pages omg

1 like
dabric's avatar dabric 2 months ago

how to use custom fonts

2 likes
aroceu's avatar aroceu 2 months ago

the difference between IDs and classes and when each should be used (though to be fair i didn't use a tutorial haha...)

3 likes
colorworld's avatar colorworld 1 month ago

Can you do a tutorial on coding the law of quantum physics in javascript and c++ and a 3D render of city of Chicago in 8k?

1 like
Thanks especially for letting me know about alt-text and semantic elements! In addition just generally a very beautiful Web Site!
1 like
21 likes
petrapixel's avatar petrapixel 2 months ago

we now already have more participants for the contest than in the last one! :)) not in yet? join!! -> https://petrapixel.neocities.org/contest

13 likes
hi, thank you so much for your website, it's really helping me learn a lot! just wanted to let you know that on your vscode setup page, you link to bechnokid's tutorial but the link is dead. i found it and it's changed from /tutorials/vscode to /resources/vscode. thanks again!!!
2 likes
petrapixel's avatar petrapixel 2 months ago

thank you, i'll fix it!

1 like
I get so much (automated) spam in my guestbook even though I put the spam filter to high, I might have to switch to a different guestbook solution or disable it completely :(
11 likes
floralchai's avatar floralchai 2 months ago

I'm currently using https://guestbooks.meadow.cafe/ it has a lot of options but the anti-bot verification is buggy when using js embed

2 likes
petrapixel's avatar petrapixel 2 months ago

@floralchai thanks for the tip!! i'll check it out

1 like
jbcarreon123's avatar jbcarreon123 2 months ago

I feel this tbh, and I'm on my way on creating a new comments system that replaces ayano's which also replaces my guestbook

1 like
bureaumirror's avatar bureaumirror 2 months ago

funnily enough, I saw this and I thought I'd drop by and leave your guestbook a message, but the spam filter blocked me lmao apparently my ISP isn't very appreciated by the maintainers of the widget

1 like
gorciu's avatar gorciu 2 months ago

@floralchai it does not have a reply functionality

coconats's avatar coconats 2 months ago

@gorciu @floralchai you can kinda "reply" by editing the person's message in the 'review messages' section

1 like
floralchai's avatar floralchai 2 months ago

@coconats yes that is right!

petrapixel's avatar petrapixel 2 months ago

@bureaumirror thanks for letting me know! i reduced the spam filter strength now since it wasn't working against real spam anyway

lotusmoonstart's avatar lotusmoonstart 2 months ago

im a bit late but i reccommend atabook! it has a message control system and its what i use

1 like
Thank you so much for your layout generator!! It's a great starter point for someone like me with minimal starting knowledge, your explanations are lovely and seeing how things change when I touch stuff is my perfect way to learn!
1 like
petrapixel's avatar petrapixel 2 months ago

so glad to hear <3

Just wanted to pop over and say hello + thank you. Your layout generator is what finally motivated me to start up a new site. I haven't had one since the mid 00's, and with a full-time job + kid now I'm short on time. Your tool really made my life so much easier and helped me to kickstart my little project, so thank you!!
1 like
petrapixel's avatar petrapixel 2 months ago

yayy i'm so glad it was helpful! your site is adorable!!! <3

1 like
20 likes
petrapixel's avatar petrapixel 2 months ago

yet another reminder that the indie web contest participation form is now open! we're almost at as many participants as the first contest had! => https://petrapixel.neocities.org/contest

8 likes
petrapixel's avatar petrapixel 2 months ago

oh and btw thanks for 1500 followers <3<3 just insane

7 likes
congrats you're on the special sauce :D
2 likes
31 likes
petrapixel's avatar petrapixel 2 months ago

YOU CAN NOW ENTER THE INDIE WEB CONTEST! => https://petrapixel.neocities.org/contest <= :))

10 likes
underwhite's avatar underwhite 2 months ago

OH BOY I CAN'T WAIT TO DO STUFF

4 likes
dorianbay's avatar dorianbay 2 months ago

SLAYYY, I can't wait to see everyone else's sites!

2 likes
bureaumirror's avatar bureaumirror 2 months ago

That's neat :)

1 like
coconats's avatar coconats 2 months ago

How exciting :D

1 like
colorworld's avatar colorworld 2 months ago

Oh snap. I'm overqualified. When I read your rules LOL!

2 likes
hi petra, when the voting will begin (i'm curious, i know that there has to be enough time before the voting opens)
1 like
petrapixel's avatar petrapixel 2 months ago

i don't have a specific date in mind, but it will definitely be a while so that veryone has time to participate before! will be probably... november-ish?

1 like

Popular Tags

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