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 3 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 3 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 3 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 3 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 3 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 3 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 3 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 3 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 3 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 3 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 3 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 3 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 3 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 3 years ago

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

1 like
sugarblush's avatar sugarblush 3 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 3 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 3 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 3 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 3 years ago

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

pixelglade's avatar pixelglade 3 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 3 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 3 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 3 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 3 years ago

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

1 like
sugarblush's avatar sugarblush 3 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 3 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 3 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 3 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 3 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 3 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 3 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 3 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 3 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 3 years ago

the cover for skybowl is so striking!!

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