36 comments

  • Cian Mac MahonCian Mac Mahon, 2 years ago

    Nice! I accidently leaned on my keyboard and hit the g key - had a fun surprise!

    17 points
  • John CanelisJohn Canelis, 2 years ago

    “I'm a specialist-generalist unicorn designer...”

    7 points
  • Laura McCartney, 2 years ago

    This looks really great, but I struggled to know what was clickable and had to take a "trial and error" approach to navigating around.

    Places I clicked on that didn't do anything include the big green "WORK"and the Skills and Recognition lists at the bottom. I also didn't understand that there was a difference between clicking on the left and right images in the slider until I read it here. A simple way to solve that could be to change the cursor to a right arrow maybe.

    Apart from that, well done!

    4 points
  • Thomas Michael SemmlerThomas Michael Semmler, 2 years ago

    I think thats very solid. I hate the clickbait title though. You wont believe what happens next.

    4 points
  • Chris MousdaleChris Mousdale, 2 years ago

    Great - are you going to do a post about it, i'd love to read how you tackled it…

    3 points
    • , 2 years ago

      Sure, I'm planning to publish a longer post about all the technical details in the coming days.

      11 points
  • Arturo Rios Gutierrez, 2 years ago

    Great work! Although I am one of those guys who think 14px is too small for any font face. Also, I would like to know how will you manage more blog posts when that time comes. Thanks for sharing and looking forward to reading the post!

    3 points
    • , 2 years ago

      Thanks! My plan was to dive more into the details regarding the case studies but building up the gallery content and the sections was so time consuming that I finally dropped that idea (or at least postpone it for later). That's why the gallery description font size is so small at the moment. Luckilly, this is a website and I can tweak the layout any time to get the ideal way to present my work according to your feedback.

      2 points
  • Andrew C, 2 years ago

    It's great! One thing: I had to kind of scroll up and down to forward/backwards arrow on the sliders to see the content and then reach the controls at the same time.

    2 points
  • Matt Lewis, 2 years ago

    Any reason you didn't just go with richardgazdik.com?

    1 point
  • Nicholas HendrickxNicholas Hendrickx, 2 years ago

    This is looking great!

    I had some problems with the navigation though.

    I found the arrow buttons difficult to reach. I was watching the slide, then I had to move down to reach the arrows. Why not make the left and right half of slideshow item clickable to navigate back and forth? Oh wait, it actually works like this!

    I had a similar issue with the "Work" section on the front page. You can easily click the partially visible next project to flick through the slideshow, but navigating back can only happen by clicking the small left arrow below. That's a bit counter-intuitive.

    Also, I like how you cleverly called it "RGB", but the colours of the three sections on the homepage are coloured in the order of "GBR". Then again, red might be a too aggressive colour to use in the portfolio section.

    0 points
    • , 2 years ago

      Thanks! "GBR" is for a particular reason: R stands for Richard and it's more personal than my last name and that's why it clearly goes to the About section. B is for Blog (obviously), so the last letter remains to represent my works and I think my last name resonates well with the purpose to present my work with the outside world.

      1 point
    • , 2 years ago

      You're right, infinite scrolling would be the ultimate solution in the galleries so I'll rewrite my code to get there. My overall purpose was to avoid any 3rd party code or APIs (that's why I used vanilla javascript) because it'll be much easier to customize everything for my personal needs and I can iterate much faster later on.

      1 point
  • Lucas DebelderLucas Debelder, 2 years ago

    This is brilliant

    0 points
  • Zoltán HosszúZoltán Hosszú, 2 years ago

    Good job Ricsi :)

    0 points
  • brad wrage, 2 years ago

    Excellent work

    0 points
  • Mike A.Mike A., 2 years ago

    Like, it Richard! Do you have any tip / workflow for SVG animations? What tools did you use for logo animation?

    0 points
    • , 2 years ago

      Thanks! Great question!

      I'm only using a code editor (I love Espresso and the current v5 version is a neat tool to edit your css/js/html code) to animate svgs. Actually, there are 2 ways to create an svg animation: using pure javascript or to apply some css rules to animate your svg elements with css transitions and transformations. I'm using a hybrid solution on the website: I use css transitions for the animations and start/stop/control the animation by toggling the css class on the inline svg element with javascript.

      1 point
  • Account deleted 2 years ago

    I'm thinking to present my portfolio together with the wrapping website from the scratch too. When it comes to your site, I have one problem, though: the navigation and navigating. The slider for portfolio is just like 4 slides, not so much. Can I go deeper? Strange.

    0 points
    • , 2 years ago

      Thanks for your comment! The About, Blog and Work sections will have a standalone page when it'll be reasonable to present them that way. I already wrote some small small firebase functions to suck the recent content from my Instagram, Dribbble and Spotify accounts. The site itself is hosted on Firebase and I'm using Jekyll to generate a static site right before deploying the code. It's relatively easy to introduce new sub-sections or category pages with Jekyll.

      1 point
  • Pavel IvanovPavel Ivanov, 2 years ago

    Awesome!

    0 points
  • Keith Sweeney, 2 years ago

    Interesting compositions. Would love to see the technical post as well. Congrats!

    0 points
  • Peter Lundblad, 2 years ago

    nice work! loved the animations. one thing i might improve is adding more hierarchy to the contact info. I clicked on it and thought the link was broken so I tried again and realized your contact info was down at the bottom. I might do something to draw attention to it or have it load higher up on the page if possible.

    Thanks for sharing!

    0 points
  • Visien VinesaVisien Vinesa, 2 years ago

    Great subtle animations and layouting. Do you welcome any critics?

    0 points
    • , 2 years ago

      Thank you and yes, either good or bad, constructive criticism is something I always welcome!

      0 points
  • Nick Dominguez, 2 years ago

    Great work.

    0 points
  • Alex Hazel, 2 years ago

    1024 x 768 has a horizontal scrollbar....I would kill that. Other than that, great job!

    0 points
  • Alex Hazel, 2 years ago

    Rob? https://www.dropbox.com/s/hjqmnyt4mfklebs/rob.png

    0 points
  • Horacio MejíaHoracio Mejía, 2 years ago

    I just want to say this: Shabloimps!

    0 points
  • Pablo StanleyPablo Stanley, 2 years ago

    Really cool!

    0 points
  • Pablo StanleyPablo Stanley, 2 years ago

    This is awesome!

    0 points
  • Jordan BJordan B, 2 years ago

    Really beautiful work.

    0 points
  • Andrew ChernauskasAndrew Chernauskas, 2 years ago

    Very nice!

    0 points