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!

Thank you for the follow! I can't help but notice you have a YU-NO icon on your page - I played that game. :D
1 like
dreambuffer's avatar dreambuffer 2 years ago

That game is one of the greatest of all time. The music, the dithered art, the boot-up sound of the PC-98 before it, it all adds up

pixelglade's avatar pixelglade 2 years ago

I am 100% in agreement. YU-NO is a big artistic inspiration to me.

1 like
Thanks for the follow! :)
The last fantasy cover appreciation post for now, this one has a bigger range of author and illustrators! https://pixelglade.net/about/blog/posts/2023-02-16-Fantasy-Cover-Art-Appreciation-Part-03.html
2 likes
New pixel art uploaded! My OC is back and this time in a park during a snowy winter. Direct link: https://pixelglade.net/artwork/pixelart/fullsize/pixelglade_armitageIII_02.gif
4 likes
Updated the Guestbook page so the Discord Webhook will receive a name as well as a message (and there is a text area field for name too). Used this same script to make comment boxes on the blog pages.
1 like
Hello again! I am very inspired by your website. I especially love the sleek minimalistic layout, responsive design of the nav bar, original banner with added text title, and the zonelets blog you're maintaining! I read through your Copyright page and the Creative Commons License agreement, and I saw you mention that copying your source code for learning purposes is okay with you. How do I do that? c: Thanks so much
1 like
pixelglade's avatar pixelglade 2 years ago

Thank you! Feel free to take a look at the source code - the way to do it on Firefox on Windows is to right click on the web page and click View Page Source. There are some Javascript objects on the homepage for the Search and the Webrings so I would recommend looking at a simpler page so there's less clutter. Interpreting what you see will become easier as you write/learn more HTML/CSS code.

1 like
pixelglade's avatar pixelglade 2 years ago

One of the simpler pages is the Contact Me page. view-source:https://pixelglade.net/about/contact.html The responsive parts are due to the divs flexcolumn and flexbox. To see what they are referring to you open the .css style page.

1 like
sugarblush's avatar sugarblush 2 years ago

Thank you so much!! I really appreciate it c: I'll do my best. Something I'm struggling with for my Zonelets blog is that the Blog title and Date aren't showing up automatically, despite there being divs for them and I am labeling the html files appropriately. If I type something in the divs the text will not appear on my page. Im assuming it is a Javascript error? I don't know how to fix it tho, do you an idea?

pixelglade's avatar pixelglade 2 years ago

I do have an idea, actually. The first issue is that if you deviate from the template too much or decide to not use on the the variables in the script file, it can break the Javascript that Zonelets uses. For that reason (and because the Javascript was a bit slow sometimes) I actually removed the Javascript from the blog and replaced it with HTML, but I kept a lot the styling divs the same.

1 like
pixelglade's avatar pixelglade 2 years ago

I kept the footer for zonelets because that's how I started with my blog, but it's deviated from the original code a fair bit. I think it was actually the blog title and date issues that made me remove all the Javascript. But I would recommend editing the template file first and testing with that to try troubleshoot. Not sure if that's super helpful, but in the end - it probably is an issue with the Javascript.

1 like
sugarblush's avatar sugarblush 2 years ago

Thank you so much for the suggestion!! I removed the Javascript on the Post Template and I'll continue fiddling around with it while referencing your code c:

sugarblush's avatar sugarblush 2 years ago

Something I'm trying to achieve on my home page is a cute header banner like yours but with my own pixel art. I copied your code and replaced the background image file with mine, but the banner appears as blank. Do you know what is going on? (Thank you so much for all the help by the way, I hope I am not troubling you)

pixelglade's avatar pixelglade 2 years ago

in terms of the background image, check that it's in the root directory of the website. Check the path and file name are correct "./" in the css style file means it's looking in the root directory. Also check the height and width arguments are correct with units (px). You don't have to load the image as a background image, you can load it as an image in HTML in the file instead if you want.

1 like
pixelglade's avatar pixelglade 2 years ago

When I tried looking for your background image by navigating to the filename I got a 404 error so I think the path is probably wrong. The paths are all relative, you can read about it here: https://www.w3schools.com/Html/html_filepaths.asp

1 like
pixelglade's avatar pixelglade 2 years ago

Since you're using my code as a base/reference, I'd appreciate it if you could mention it somewhere on your site like "this website layout was inspired by pixelglade's site" with a link to my site - that's just the terms of the Creative Commons license, you can remix and build upon the content or alter it but attribution is usually required. Whenever your website is finished, I'd appreciate the mention. 🙂

1 like
sugarblush's avatar sugarblush 2 years ago

Thank you a lot for the help!! I'll double check the path to make sure I get it right. And yes absolutely! I'll be sure to give a link back to pixelglade on my main page since I am referencing your code :) thank you for letting me use it to learn, I appreciate it.

1 like
pixelglade's avatar pixelglade 2 years ago

You're welcome! Let me know if you have any more questions.

1 like
sugarblush's avatar sugarblush 2 years ago

Hi again! I've made a lot of progress on my site that I'm very happy with c: Thank you for letting me learn from your code. I have three minor things on my site I want to debug.

sugarblush's avatar sugarblush 2 years ago

First two have to do with responsive design; I want to achieve the equally spaced nav box effect your site has on mobile. I referenced your code, but on my phone my site's "About" box is too squished, making the text feel crammed, while my "Projects" box is too spread out. My "Misc" box seems just fine though. What can I do to even out the "about" and "projects" boxes?

sugarblush's avatar sugarblush 2 years ago

The second thing on mobile; if I swipe on my phone it will reveal that there is extra unused space to the right of my page. I was looking stuff up, and I think it comes from me adding padding to a box that had "width=100%" for responsive design. I can't seem to find the offending box though. This extra space on mobile isn't something present on your site, do you know how you prevented this?

sugarblush's avatar sugarblush 2 years ago

The last thing is very minor, but something I notice on my home page is that there is some extra space between the start of the content box and my beginning header. I checked the css for h2 but I can't find any extra padding, so I'm not sure what is going on. Do you have any ideas?

sugarblush's avatar sugarblush 2 years ago

Sorry for all the questions haha, thank you a lot for all the help. Wishing you the best

pixelglade's avatar pixelglade 2 years ago

In regards to the size of the nav box in mobile when it's running along the top, it's set to fill 100% of the space. It looks like the middle column might be larger is due to the line length- the Pokemon: Sceptre/Spear could be the culprit, I generally tried to keep all my heading names roughly a similar length for that reason. A way to test is to temporarily remove all the headings and see what the columns look like

1 like
pixelglade's avatar pixelglade 2 years ago

I recommend testing your website in a browser and you can do Right Click > Inspect (Q) and then hover the mouse over different elements. When I did this, I found your h1 banner is what is causing the extra space on the right. If you click the element in this mode you can see a highlight for what the padding is, the position, etc.

1 like
pixelglade's avatar pixelglade 2 years ago

My suspicion is the extra space and the header positioning are related issues, if you solve one it might fix the other. The inspect says it's the h1.banner element rather than the header so I'd look into that.

1 like
pixelglade's avatar pixelglade 2 years ago

So don't get me wrong, testing on mobile is important but for narrowing down issues with elements you can resize your browser window to be squished and it will have approximately the same effect which can help you search for issues this way with Inspect.

1 like
sugarblush's avatar sugarblush 2 years ago

Thank you so much! Your responses helped me fix all of those issues c:

1 like
sugarblush's avatar sugarblush 2 years ago

Hi again! c: I am trying to create "favorite things" sections with booktable grids like yours. But one issue I am running into is that when I resize my browser window, the .bookdescription text will go off of the page. Do you know how to keep it in the main container?

pixelglade's avatar pixelglade 2 years ago

Hello~ I actually had this problem with css-grid as well but I never got around to fixing it. In other parts of the site where I have tables (e.g. guestbook, resources root pages) I use just html tables that are set to fit the window. You could try something like that instead, sorry I can't be more help about this right now.

1 like
sugarblush's avatar sugarblush 2 years ago

No need to be sorry at all! Thanks for the suggestion c: I'll see what I can do

1 like
Hi, thank you for the follow!
Posted more fantasy cover art in a new blog post: https://pixelglade.net/about/blog/posts/2023-02-03-Fantasy-Cover-Art-Appreciation-Part-02.html Hope you all take a look - I personally have never read any of these but the covers make me want to
1 like
bright-eyes's avatar bright-eyes 2 years ago

I found it was a lot easier to choose books published in the late 90's and earlier because the art was fabulous. Now, they all sadly look the same. David Eddings is a good, classic fantasy author..

pixelglade's avatar pixelglade 2 years ago

I agree. I remember being able to go into a bookstore and pick a book largely influenced by the cover. What I don't understand is why eBooks have to be re-released with newer and (usually less inspired) covers.

i love your website keep up the good work
1 like
pixelglade's avatar pixelglade 2 years ago

Thank you! Hope you're having a good day.

Hi I love your site!! As a beginning coder I really admire your dedication and the style you've created c:
1 like
pixelglade's avatar pixelglade 2 years ago

Aw thank you so much! I like your design so far, the colour scheme makes me think of a cutesy pastry shop or cupcakes.

1 like
Hello ~ Thank you for the follow!
1 like
Hey there, I (finally) saw your reply on my comment- I won't go missing XD
heckmaster's avatar heckmaster 2 years ago

Basically I just put all my projects under one domain, I've been more motivated this way weirdly enough!

pixelglade's avatar pixelglade 2 years ago

Oh cool, whatever helps!

1 like
Love the aesthetic and vibe of your site (we may have a few things in common, hehe).
New blog post featuring some fantasy cover art from the 1980s-1990s. There will be more! Check out some awesome artwork: https://pixelglade.net/about/blog/posts/2023-01-27-Fantasy-Cover-Art-Appreciation-Part-01.html
3 likes
rainmirage's avatar rainmirage 2 years ago

the cover for skybowl is so striking!!

1 like
pixelglade's avatar pixelglade 2 years ago

It is, out of the three Melanie Rawn book covers in the post, I think SkyBowl and Star Scroll are my favorites.

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