petrapixel

petrapixel.neocities.org

5,668,993 views
3,279 followers
665 updates
0 tips
guys, it's time. i'm making a beginner's javascript tutorial. it's going to be structured a bit differently than most javascript tutorials, so i need to know: what are some things you want to know how to do with javascript? :]
53 likes
petrapixel's avatar petrapixel 1 day ago

ideas i've had so far: how to make things happen on click, randomizing order of elements, random generator, dark mode

11 likes
8 likes
just-a-husk's avatar just-a-husk 1 day ago

writing code that isn't slow. Javascript bloat is a real issue, so some guidelines on efficiency/not overusing javascript would be helpful to many people if included

13 likes
tofutush's avatar tofutush 1 day ago

would using localStorage, eg 'how to remember information for next time' or something, be too advanced?

7 likes
petrapixel's avatar petrapixel 1 day ago

@tofutush i was actually planning to add that to the 'dark mode' section :)

4 likes
maxcrunch's avatar maxcrunch 1 day ago

I'm super stuck on JavaScript dates. it seems like no matter what I do it shows the date a day before the date I actually put in. I know this has something to do with time zones but I just can't figure it out lol.

3 likes
frutigeraeroarchive's avatar frutigeraeroarchive 1 day ago

calendar/analog clock

4 likes
just-a-husk's avatar just-a-husk 1 day ago

I second @maxcrunch their comment because i had to deal with that once for my job, javascript dates are super confusing for beginners

3 likes
zhongvie's avatar zhongvie 1 day ago

maybe dark mode could have a bundle with font toggles? since they both rely on localStorage, and font toggles also are a good way to learn to target elements (which still confuses me a little sometimes)

3 likes
myteaisgettingcold's avatar myteaisgettingcold 1 day ago

honestly? I usually just copy and paste java cause none of it makes sense to me lol!! so the basics and learning how to understand what the different commands mean would be an extremely helpful first step

2 likes
miss-david's avatar miss-david 1 day ago

ooouhh! I literally started wanting to code javascript since i've been using more and more snippets from w3schools. i'd like a tutorial on maybe the syntax to start, basic commands, and basic things you would need to know to begin building stuff like a to-do list or pomodoro timer?

1 like
edgelord567's avatar edgelord567 1 day ago

I've always seen people have really cool websites with draggable things and I think that would be very cool if you could make a tutorial on how to do that with javascript

4 likes
dew132's avatar dew132 23 hours ago

cookies? (not cookies used by 3rd parties, i hope)

2 likes
jojo-website's avatar jojo-website 19 hours ago

i think a tutorial on javascript event listeners and how to write functions would be good

2 likes
infinite-dreams's avatar infinite-dreams 8 hours ago

If there's a way to load sidebar items on every page without having to use includeHTML and without breaking any of the Javascript functions of said sidebar items. I've read your tutorial on making the same layout for every page, but it's not compatible with Sadgrl's layout, which I use as a base. So I've been resorting to using includeHTML for all my layout items.

1 like
lunenuit's avatar lunenuit 4 hours ago

I actually love the idea of the dark mode

1 like
hii, your website really motivated me to make my own (currently working on it), but i really wanted to ask: is it ok if i use ai to code simple things like particles, hover animations etc. i don't really know css and if im looking for specific things i can't really find anything but the ai result is the first thing to pop up so i've been worrying about it and your opinion really means a lot for me!
petrapixel's avatar petrapixel 2 days ago

my opinion is generally that everybody has to make that decision for themselves! in general though i would recommend just practicing CSS because you will get the knowledge/skill you need to do things like that on your own! for more complicated things (like sparkle effects) i also use other people's codes that are shared, just make sure to give credit! especially for beginners i would not recommend using ai ... (1/2)

petrapixel's avatar petrapixel 2 days ago

(2/2) to coding beginners because you also need to learn how to troubleshoot and find solutions (e.g. by googling) on your own - it's a big part of coding. (also how to use tools like linters) however i do understand that if after hours of messing around something still doesn't work, asking ai can be really helpful. but i only would do that if you really have a problem, not if you just don't know how to do something.

petrapixel's avatar petrapixel 2 days ago

TLDR: i would say don't use AI unless you're really stuck or thinking about quitting. also disclosing that you've used AI, if you use AI, is important.

my survey about which resources i should make next is still open btw! https://forms.gle/3wKvACvccyBxiUaPA
9 likes
oldkidz-newblockz's avatar oldkidz-newblockz 1 week ago

music player mechanics for page - to play .mp3 files (i think of 5-15s snippets, personally) on selection

2 likes
ur site is gorggg
1 like
1 like
Hi Petrapixel! Im trying to make a webring useing your code and I cant get it to work lol, pretty sure im doing it wrong as the next and previous buttons keep going to my webring page. any chance you could help me out with this? I 100% understand if you cant
petrapixel's avatar petrapixel 1 week ago

If the links don't work it's usually because you're using a widget that's not on a webring member's page. I can look at it in a few days (not home rn) if you still need help then :)

gloomymort's avatar gloomymort 1 week ago

Id love it if you get the chance ^_^ theres only me in the webring rn

1 like
petrapixel's avatar petrapixel 1 week ago

can you try removing the slash at the end of the file url in this line? Cause it seems like the javascript isn't loaded at all

petrapixel's avatar petrapixel 1 week ago

so remove the slash so that it's: script src="https://gloomymort.neocities.org/webringu.js" ....

gloomymort's avatar gloomymort 6 days ago

Ahh sorry i was away! iv changed that and its still going back to the webring page.

1 like
petrapixel's avatar petrapixel 4 days ago

so sorry for the trouble, it was a bug! i fixed it, please re-download the new https://petrapixel.neocities.org/assets/js/webringu.js and it should work!

gloomymort's avatar gloomymort 2 days ago

Ooo thank you so much! its all working now ^_^ i cant wait for other people to join it

1 like
i don't like this new look of the dashboard
30 likes
amandassmallcorner's avatar amandassmallcorner 2 weeks ago

same thing. When did they change the UI?

1 like
trainsarecool's avatar trainsarecool 2 weeks ago

@wenhaossite I think it was something like 1 week ago.

5 likes
amandassmallcorner's avatar amandassmallcorner 2 weeks ago

now that explains why tf websites were going on and off

5 likes
nicedifferentunusual's avatar nicedifferentunusual 2 weeks ago

I actually like it.

2 likes
bytespace's avatar bytespace 2 weeks ago

I think is a bit more readable!

4 likes
rayredspark's avatar rayredspark 1 week ago

Guys why are we in a box I don't wanna be in a box

2 likes
rayredspark's avatar rayredspark 1 week ago

(jokes aside I mean I don't think it looks bad, it's just surprising)

petrapixel's avatar petrapixel 1 week ago

i don't mind any of the changes really except that it shows multiple updated pages so largely now >×<

1 like
nicedifferentunusual's avatar nicedifferentunusual 1 week ago

It's hip to be square

rayredspark's avatar rayredspark 1 week ago

be there or be square

petrapixel updated their site.
2 weeks ago
18 likes

Website Stats

Last updated 1 day ago
CreatedNov 9, 2021
Site Traffic Stats

Tags

personal resources programming coding tutorials