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!

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.

2 likes
pixelglade's avatar pixelglade 2 years ago

Noticed all the hyperlinks to my blog posts were broken (oops) so I fixed it.

1 like
Thanks for the follow 🙂
Thanks for the follow, your illustrations and digital paintings are so nice! You're really good at drawing wings
1 like
time-travelling-birb's avatar time-travelling-birb 2 years ago

I could have sworn I followed you before, but I re-found you and made sure I did this time X3

2 likes
pixelglade's avatar pixelglade 2 years ago

Then welcome back! 😄

1 like
Hello, thanks for the follow! I like your Y2K appreciation page ~ I actually did some Y2K style design on my other account if you're interested! https://neocities.org/site/scopefilter
4 likes
New pixel art uploaded - it's an OC who lives in the world of Armitage III (1995) similar to bladerunner where androids look human. She was attacked by a human and lost her eye, replaced it with a visually obvious bionic eye. https://pixelglade.net/artwork/pixelart.html
3 likes
Thank you for 100 followers on Neocities! I like that sharing personal websites has a slower pace and it helps people express themselves in a more creative way. I'm really happy I found this place and I'm grateful you're all interested in the journey. 💖
7 likes
Hi Rhiannon! May I link to your Dithering Brushes page on a Splatoon 2bit art guide I have? I already link to Paint Tool SAI brushes by another creator, so I'm thrilled to see that you've made options for other art programs, too! ^^
1 like
pixelglade's avatar pixelglade 2 years ago

Yes of course, feel free to link to any page you find helpful. I'd love to see the guide when it's finished!

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