Another developer here.
I also like it as a hobby, although not in the plan of spending every day, all day, coding code. What I am looking for is to learn new ways to create something that exists, turn things around and get out of the ordinary. From there, continue improving, learning and creating something that serves the world.
That is the objective with my website, which I have separated into several phases:
  • Create a website with documentation and contact me
  • Offer my services as an exchange.
  • Create a tool and link it on the web, whether external or not, and that allows the world to improve or manage something specific.
  • Continue adding tools created by me or links to friendly websites.
I love redesigning my page from time to time, changing that icon, that color, the menu, the entire navigation...
Any help or recommendation to improve my website will be welcome
You really have the Value4Value mentality!
I think you're using web-components and angular from what I see on the source, I love web-components too!
And advice I can give is to be careful about overlapping content and scrollable containers, like in the "Games" page cards.
Also the navigation on mobile is not working properly, it seems to be showing over the content even when it's closed.
Apart from that, it's a really nice website, lot of content for who is interested in LN projects and tools.
Great job, i'll surely look at it once in a while to see if there's something new.
reply
Thanks a lot!! šŸ™šŸ»
Yep, I tried Vue and React, but I'm used to Angular right now.
šŸ¤” Also some friends and family had problems with overlapping and scrolls.
Not my case, so, it is hard to test and repair. Gonna look whenever I have time.
Thanks a lot for those tips.
reply
It's probably due to fixed heights.
Looking again, I found the .content-games-item class has min-height: 450px and max-height: 450px; set to it.
Generally you shouldn avoid forcing the height (at least not max-height), You're already using display: grid on the cards container, their height will be automatically adapted to the longest one, if the button seems to stick on top leaving a gap, you can push down them by expanding the flex items above with flex: 1 or by setting a margin-[top|block-start]: auto on the buttons container.
Hope it helps you, keep it up!
reply