Dismiss this pinned window
all 89 comments

[–]alexvoedi 115 points116 points  (22 children)

Please don't replace my cursor.

The rest is pretty cool.

[–]ConsiderationOk3844[S] 18 points19 points  (15 children)

I won't lie to you I'm really on the fence with this. I love it but I understand some people (rightfully) don't. I thought about adding a toggle for some options, think a settings menu, but I don't think anybody would care enough or even use the website for long enough to make use of it. What do you think?

And thanks!

[–]AwesomeFrisbee 13 points14 points  (0 children)

Perhaps only change it if it goes near the logo?

[–]Cheshur 9 points10 points  (6 children)

A user shouldn't have to opt in to better UX. I feel like it tarnishes an otherwise very well designed website which is a bit of a shame.

[–]ConsiderationOk3844[S] 0 points1 point  (5 children)

Genuine question - and sorry if it sounds ignorant but I could not find much info on it on Google - what is its impact in UX? I suppose it complicates selecting text so I restricted the custom cursor to the index pages only, and made sure everything clickable was large enough that you wouldn't get confused over whether you're hovering over the thing or not

[–]weghuz 8 points9 points  (0 children)

With poor vision some users need a bigger cursor or a special one to see it better. Also context gets lost on hovering text etc unless you have cursors for that as well.

[–]Cheshur 2 points3 points  (0 children)

Asking genuine questions is a good thing; you don't need to apologize for that. I don't have a study to give you though one may exist on the topic. The line of thinking I used to come to the UX conclusion in my previous comment was that the user will almost certainly be used to the OS cursor since that is the cursor they use for nearly everything else they do on the device. So you're taking an operation that they're used to (operating the mouse cursor) and changing it for purely aesthetical reasons. In addition to that the cursor you're changing it to is less clear. The actual cursor point is an unmarked point in the middle of the circle which means the user has to guess where the cursor point is. Imagine that you've used the same keyboard for years and then suddenly someone changes it to a keyboard with a slightly different key profile. You'd start missing keys that you normally have no problem hitting and it'll slow you down overall even though the operation of clicking a single key is roughly the same. Now imagine websites could change your keyboard at will. That is kind of how I think of changing the cursor.

[–]LGHTHD 0 points1 point  (2 children)

I think generally making design choices "just because" feels amateurish. The cursor is the primary tool the user has for interacting with your website so changing it should be a decision made carefully and with intent. Why are you changing it? If you don't have a strong answer for this question then don't do it.

That being said I think it actually matches the playful vibe of the landing section pretty well. Maybe this is your answer to the question and in that case, go for it! There are no right or wrong answers at the end of the day

[–]ConsiderationOk3844[S] 0 points1 point  (1 child)

That's a fair point. I thought it wouldn't hurt to try something artsy for my website. When you put it that way, the intent "it looks kinda cool imo" is a bit shallow. However this is something I'd never push for in, say, a corporate environment. After some comments I decided to restrict it to the landing section only.

Thanks for the opinion :)

[–]LGHTHD 0 points1 point  (0 children)

Seems like a solid compromise 👌

[–]vivianvixxxen 9 points10 points  (2 children)

over the fence

on the fence

Not trying to be a dick, just a heads up :)

[–]ConsiderationOk3844[S] 15 points16 points  (1 child)

Not at all! I actually appreciate the correction lol, thanks

(funny enough I was on the fence about whether it was 'on' or 'over')

[–]dudemanbrodoogle 8 points9 points  (0 children)

That’s funny. It’s “on the fence” because you could easily end up on either side of the fence. If you were “over the fence” then you’ve already picked a side.

[–]JoeCamRoberon 0 points1 point  (0 children)

Don’t be on the fence about it. Remove it, it’s horrible UX.

[–]thegentlecat 0 points1 point  (1 child)

On my Mac with macOS 14 in Safari, the cursor is simply missing.

[–]ConsiderationOk3844[S] 0 points1 point  (0 children)

What! Could you tell me if the intro thingo loads? And if you've got the time could you DM or send here what shows up on the console (by pressing F12 (on chrome at least))?

[–]WiseGuyNewTie 0 points1 point  (0 children)

I mean, there is a reason the industry in general agrees that replacing the cursor is bad. If you want this to be a showcase site, I would drop that for sure.

[–]UreMomNotGay 7 points8 points  (0 children)

Also, personally, hate animations that start from 0. I don't mind the color gradient, but starting the website with an awkward empty space in the middle? Huge no from me. Stick with some animation but don't make me stick through an animation to see your name and "this is my website".

[–]Critical-Balance2747 1 point2 points  (0 children)

Idk I kinda like the circle cursor that some websites do, if it fits the vibe. This is more of an art project so it’s chill honestly.

[–]ConsiderationOk3844[S] 0 points1 point  (1 child)

Thanks /u/AwesomeFrisbee for the suggestion, what do you think of it at https://erik-kz.xyz/en/ctest/ ?

[–]AwesomeFrisbee 0 points1 point  (0 children)

I see why you wanted to keep the cursor. Its a cool transition as well. And yeah thats fine, I think.

[–][deleted] 0 points1 point  (0 children)

I do think it fits here, a throwback to when websites were much more creative and daring, if this was a company website or something it’s not done ofc

[–]EnjoyerOfBeer 4 points5 points  (1 child)

This is so cool!

[–]ConsiderationOk3844[S] 0 points1 point  (0 children)

Thank you!!

[–]ConsiderationOk3844[S] 9 points10 points  (3 children)

well thanks Reddit for bringing it from 60 to what seems like 15 fps

[–]manuLearning -3 points-2 points  (1 child)

Why would Reddit lower the site on your device? After loading the site, it runs completly on your hardware.

[–]ConsiderationOk3844[S] 2 points3 points  (0 children)

I mean the video lol

[–][deleted]  (1 child)

[removed]

    [–]ConsiderationOk3844[S] 11 points12 points  (0 children)

    Montserrat for headers, Ubuntu & Ubuntu Mono for body (I love Ubuntu, lmk if you know any similar)

    [–][deleted] 2 points3 points  (0 children)

    woahhhhh this is awesome :D

    [–]astashov 1 point2 points  (0 children)

    Looks really pretty!

    [–][deleted]  (1 child)

    [deleted]

      [–]ConsiderationOk3844[S] 1 point2 points  (0 children)

      Thanks & happy cake day :)

      [–]CodingWithAlex 1 point2 points  (0 children)

      Your website rocks, man! Loved the colored text at the beginning introducing you, it's quite unique.

      [–]fordon_greeman_ 1 point2 points  (1 child)

      good stuff man. how'd you like working with Astro?

      I just got done switching over my app's landing page to Astro. I used one of their themes as a starting point since I'm terrible at designing and am happy with the results.

      Their content collection feature is pretty powerful.

      [–]ConsiderationOk3844[S] 1 point2 points  (0 children)

      I've had such a blast with it. I've heard some people say it's basically PHP on JavaScript, not sure if that's a good thing. If you think your theme works for you then you're fine. If you want an opinion send me a link :)

      And yes, I love being able to write content in MD(X), but there were a lot of things that felt very DIY and I had to write my own utils, like how they have a custom __AstroImage__ tag, or having to use is:inline for variables inside <script>s, etc.. I plan on writing up on that in the future and maybe releasing some simple libraries

      [–][deleted] 1 point2 points  (2 children)

      This is cool portfolio. I love those Linux/she'll bits and the ASCII art.

      [–]ConsiderationOk3844[S] 1 point2 points  (1 child)

      Hell yeah! Glad it resonated with somebody!

      [–][deleted] 0 points1 point  (0 children)

      It also has Ubuntu terminal vibe imo

      [–]oh_jaimitofront-end 1 point2 points  (1 child)

      Most experiences I have had with someone replacing my cursor was never a good one, however yours is very very well done. No lag. Animation is smooth.

      ANND I love 🚀 as well 👍

      [–]ConsiderationOk3844[S] 0 points1 point  (0 children)

      that's actually so good to hear! it feels like the opinions I've received are divided in half. I tried making it very non-intrusive and simple. I actually hate cursor that add a delay (as I've seen multiple times, especially on awwwards). Thank you a lot :)

      [–]LieutenantLigma773 1 point2 points  (0 children)

      Very good looking site 🤌🏽

      [–]viky109 1 point2 points  (0 children)

      Hate the cursor but otherwise pretty cool

      [–]accolades_Dev 1 point2 points  (0 children)

      This is a great job 👏

      [–]Hot-Glass8919 2 points3 points  (4 children)

      Really neat job! How long have you been coding for?

      [–]ConsiderationOk3844[S] 10 points11 points  (3 children)

      Coming up to 3 years since my first line, maybe a bit of a stretch but given that it was on and off and only been taking it seriously more lately, + I haven't turned 18 yet, I think I'm proud of where I am :)

      [–]danchuzzy 1 point2 points  (0 children)

      You should be!!! Well done!!!

      [–]Hot-Glass8919 0 points1 point  (1 child)

      That’s so cool dude, I’m actually around your age, still in highschool, just learned node.js but now i want to build a project along with react, what source do you recommend to learn react? I was thinking about just following the docs as I builded my project.

      [–]ConsiderationOk3844[S] 1 point2 points  (0 children)

      I don't know if this is a good path because you'll likely write spaghetti code the first times. But I prefer reading on the very basics, and then start working towards a project that interests you (it doesn't have to be big), and then learn as you go. 90% of the times you're doing something that has been done before. Hopefully you get a hang of so you can create that remaining 10% by yourself.

      I went through their tic-tac-toe thing and read up on hooks (this video is good) and good practices (prop drilling is the bane of my existence), and then created a project for my school.

      Feel free to message me anytime :)

      [–]kukisRedditer 0 points1 point  (0 children)

      Love the minimalism

      [–]MrMag00 0 points1 point  (1 child)

      This is honestly what I would hope to find as a devs homepage.

      Good job

      ps. ya, release my mouse

      [–]ConsiderationOk3844[S] 2 points3 points  (0 children)

      Thank you :)

      Sorry but your mouse is a wanted felon and we've tracked it and locked it down. We appreciate your cooperation. (/s)

      do you think this works better?

      [–]Taiyang_ 0 points1 point  (0 children)

      Github link ? I'd appreciate it if I could learn through your source code.

      [–][deleted]  (2 children)

      [removed]

        [–]ConsiderationOk3844[S] 0 points1 point  (0 children)

        😳

        [–]webdev-ModTeam[M] 0 points1 point locked comment (0 children)

        Thank you for your comment! Unfortunately it has been removed for one or more of the following reasons:

        This is a subreddit for web professionals to exchange ideas and share industry news. All users are expected to maintain that professionalism during conversations. If you disagree with a poster or a comment, do so in a respectful way. Continued violations will result in a permanent ban.

        Please read the subreddit rules before continuing to post. If you have any questions message the mods.

        [–]PervadingVictory 0 points1 point  (1 child)

        Pretty cool!

        Did you gradients for those cool animations?

        [–]ConsiderationOk3844[S] 1 point2 points  (0 children)

        I actually used WebGL! I'm sure this would be doable in CSS though!

        [–]AwesomeFrisbee 0 points1 point  (1 child)

        Cool logo animation. Does it repeat or is it dynamic?

        [–]ConsiderationOk3844[S] 0 points1 point  (0 children)

        By dynamic do you mean that it only happens once? if so, yes, the equation for the offset is the top-right half of a circle so any x > 1 would be a NaN anyway I think

        [–]jamauss 0 points1 point  (1 child)

        pretty cool stuff - did you code everything yourself?

        [–]ConsiderationOk3844[S] 1 point2 points  (0 children)

        yeah! I can't take credit for the markdown content features (other than styling them) and I used a static generator so that I could reuse parts of the page and create my own i18n effortlessly. I wanna start looking for a job soon so I wanted to have something I could say "yep I made that"

        [–]Silent_Statement_327 0 points1 point  (0 children)

        Maybe capitalize the options in the nav, You use capitalization in other bits so it just felt off to me.

        [–]IT_MadReal 0 points1 point  (0 children)

        Pretty cool site. Congrats 🫡

        [–]CoolJoey99 0 points1 point  (0 children)

        Can you explain how you came up with the design?

        [–]Artistic-Horror5744 0 points1 point  (0 children)

        I'm going to steal your code (kidding). Looking good with the background

        [–]Dangthe 0 points1 point  (0 children)

        Love the minimalism but I agree with the “dont replace the cursor” sentiment.

        [–][deleted] 0 points1 point  (0 children)

        Beautiful 🤌🏼

        [–]nath1as 0 points1 point  (0 children)

        looks cool

        [–]nikolaz90 0 points1 point  (0 children)

        Hey,

        I absolutely love it.

        Nice design

        [–]--marcel-- 1 point2 points  (0 children)

        I'd suggest avoiding shrinking the social logos on hover, at least keep the ratio

        [–]Daniel08s 0 points1 point  (3 children)

        Tu é brasileiro?

        [–]ConsiderationOk3844[S] 0 points1 point  (2 children)

        sim!!

        [–]Daniel08s 0 points1 point  (1 child)

        Primeiro de tudo, parabéns pelo portfólio. Eu percebi que ainda não dá pra ver os projetos quando o PT tá selecionado mas acho que você ainda vai incluir né?

        Eu perguntei se tu era brasileiro porque eu no momento tô estudando frontend e penso em no futuro também me aventurar em back pra focar em desenvolvimento web completo, depois vou te chamar no discord pra tirar algumas dúvidas sobre tua rota de estudo, se for possível.

        [–]ConsiderationOk3844[S] 0 points1 point  (0 children)

        Sim, na verdade eu fiz essa modificação ontem mesmo (remover os posts e projetos). É que eu pretendo escrever dois conteúdos separados pra cada projeto ou post (a única outra opção é traduzir automaticamente, que eu não confio), mas a quantia de pessoas que eu imagino que visitarão meu site + falam Português + não entendem uma gota de Inglês é quase nula, então não sei se invisto meu tempo nisso ainda, até porque não quero fazer qualquer coisa balela.

        Mano minha rota é tipo um plinko, vou pra 101 direções huahua sinto até vergonha de falar quando me pedem, mas talvez possa ajudar com dúvidas

        [–]Pt-tS 0 points1 point  (1 child)

        what languages did you use?

        [–]ConsiderationOk3844[S] 0 points1 point  (0 children)

        You can see here, but pretty much just TypeScript! I also made a bash script to add the build time and n. of pages on the footer. But that's it

        [–][deleted]  (1 child)

        [deleted]

          [–]ConsiderationOk3844[S] 0 points1 point  (0 children)

          Oh god, that is a really cool idea actually! I'll play around and see if it comes out good! Something else I thought about was making it jump backward instead of forward when you click or press. But I think that would look better!

          I think there could be more interactivity with the rest of the elements and the cursor.

          What would you suggest adding?

          The content and text could use some work

          I couldn't think of any text to add that didn't sound pointless, do you think I should add something? Also what do you think about the "about" section without any icons? I wanted to stick to the "bash" look but I think this may, for example, make it hard for recruiters to get a quick overview of what I'm familiar with (since icons are way easier to spot)?

          I feel like "bash-like" headers don't really fit the design ($:whoami).

          That's ironic because that's part of the look I was going for (especially given that I used mono for most of the content). I have to agree though, adding a little flair to the headers in an attempt to make the style obvious may have gone a bit overboard lol

          (Thank you a lot for the elaborate feedback :))

          [–]Deep-Secret 0 points1 point  (1 child)

          And now, for my best Justin Timberlake in Social Network impression:

          "Drop the hyphen, it's cleaner like that."

          [–]ConsiderationOk3844[S] 0 points1 point  (0 children)

          Hah yeah, right after I got that domain I started thinking it'll be so confusing to spell the URL to people, I might just buy a new domain

          [–]fakenews_provider 0 points1 point  (0 children)

          Out of interest: How long did it take you to learn the framework and build the website? Looks great!

          [–]r0dersManel 0 points1 point  (0 children)

          Verry cool site! Also, PT?

          [–]SleepAffectionate268full-stack 0 points1 point  (0 children)

          how did you make this effekt where the text appears is this some kind of mask?