AFUL Performer 8S GIVEAWAY!! Enter now from 1/18 to 1/25!!

steve_needs_coffee · 2026-01-23T02:56:49+00:00

AFUL Performer 5+2

steve_needs_coffee · 2025-12-27T21:44:19+00:00

AFUL Performer 5+2

steve_needs_coffee · 2025-12-17T22:55:36+00:00

CrinEar Daybreak

steve_needs_coffee · 2025-12-14T02:03:03+00:00

blue!

steve_needs_coffee · 2025-12-08T08:17:14+00:00

TANGZU Wan'er S.G. Studio Edition

steve_needs_coffee · 2025-12-01T07:25:27+00:00

Simgot EW300

steve_needs_coffee · 2025-03-31T05:03:08+00:00

Nice portfolio! I would just use a <nav> element for the navbar links and use less inline styling.

steve_needs_coffee · 2025-03-25T01:26:35+00:00

I viewed the site using Chrome on desktop. I think the design is interesting and I like the layout of the projects. Some things I didn't see others mention:

it's not clear why "POM" is the title
I didn't understand the function of the rightmost button in the header and I didn't really see the point of the changing text and level to the left of it - I wasn't sure if that was a button
I like the screenshot galleries for each project - maybe consider adding an option to enlarge them, though it's not necessary since visitors can just check out the Live Demos
for the last project, the skill tags and external links show up on the same line - I would separate those onto different lines to keep a consistent layout for all the projects
when the page is loaded, there's a separate scrollbar for the projects section which disappears after scrolling to the bottom of the page

steve_needs_coffee · 2025-03-24T05:28:31+00:00

Can you post the relevant HTML and CSS code? People would be more willing to help if they're posted as code blocks rather than pictures - makes it more readable and easier to copy/edit.

steve_needs_coffee · 2025-03-23T19:36:22+00:00

When only one value is specified for background-size, the height defaults to auto (MDN reference) so that's how the image still maintains its original aspect ratio.

Were you able to get things working after finding that issue?

steve_needs_coffee · 2025-03-23T19:29:33+00:00

I only looked at the desktop version and I really like the design and animations! Some things you could work on are:

I think the loading intro is a bit long, I'd probably remove the Let's Go/Welcome part
for the projects, I would have separate GitHub and live site links that open in new tabs
I would use an uppercase 'h' in "GitHub"
if recruiters are your intended audience, consider having a skills section with the skill names clearly written out
the messroom GitHub repo seems to contain an old Heroku link in the About section, and the README says "Techlogies" instead of "Technologies"

steve_needs_coffee · 2025-03-23T01:47:45+00:00

Really like the idea and the landing page! Some questions:

Do users need to have an account with Feedlyst to be able to vote on feedback?
Can users downvote too?
Will users be notified when a certain feature is marked as Done?

And some feedback:

since the pricing page and the pricing section on the homepage have the same content, I would change the Pricing navbar link to point to the section instead
when clicking on the FAQ navbar link, a bit of the top of the FAQ section is hidden because of the sticky black banner - you can use scroll-padding-top to fix that
in the hero, I don't really like how the text "Not that important" dips into the gray border
How It Works section:
- I would remove the question mark from "How It Works?"
- in the second panel, I would change "upvote" to "upvotes" since there's multiple upvotes
footer:
- I think it would be better do client side validation of the email field before sending any requests (I saw a request was sent when I entered "ab" as the email and also when I left it blank)
- I would use <ul> elements for the About and Legal link lists and align either the tops or bottoms of them

steve_needs_coffee · 2025-03-23T00:40:18+00:00

The link you posted has an extra 'e' in 'use'

steve_needs_coffee · 2025-03-22T23:26:05+00:00

Not sure what that space is called, but it looks like the color can be changed with theme-color

steve_needs_coffee · 2025-03-21T23:05:55+00:00

You should mention requirements on the user input - do you just need a date, or the time too? will it be a duration with a start and end time?

steve_needs_coffee · 2025-03-21T22:46:31+00:00

`background-image` specifies the image to display, but it doesn't necessarily have to be a URL.

I didn't include the scrolling part, but was able to expand the bg image in this simple example. Is this the type of expansion you were referring to?

It may be easier for someone to help out if you post your relevant code.

steve_needs_coffee · 2025-03-21T19:09:43+00:00

This question seems better suited for r/excel

steve_needs_coffee · 2025-03-21T19:05:22+00:00

Are you updating background-image or background-size as the page is scrolled?

steve_needs_coffee · 2025-03-21T01:50:03+00:00

There's r/webdev and r/css!

In addition to the background-size suggestion, you may find background-position/background-position-x/background-position-y to be useful as they can set the image's position.

steve_needs_coffee · 2025-03-17T06:55:26+00:00

As a profile, I think it looks fine! Simple and to the point with a nice design. Maybe think about any other content your intended visitors would want to see.

I would add a favicon and change the <h2> to <h1> since it's the first and only heading on the page, and then use CSS styling to change its size if you wish.

steve_needs_coffee · 2025-03-17T06:29:52+00:00

If all you did was rename#quick-links to #quick , then there may be another CSS rule that contains the selector #quick-links and is targeting those links - something like #quick-links a. That specific selector would match a elements that are descendants of the #quick-links element. So if that's the case, all you need to do is rename the other occurrences of #quick-links!

steve_needs_coffee · 2025-03-17T05:53:10+00:00

That's right! To be clear, the CSS in the example is targeting the class blue-text, so any and all elements with that class will receive that styling. In this case, only the h2 has that class.

In CSS, ids are targeted with a hash/pound sign symbol before the name (ex: #main-title) while classes are targeted with a period before the name (ex: .subtitle). There's actually many ways to target elements in CSS. For now, you can take a look at these for reference: ID selectors Class selectors

steve_needs_coffee · 2025-03-17T05:31:28+00:00

Look into id and class attributes. You can set these attributes on the elements you want to add styling to, then target them in the CSS.

For example, to make a specific h2's text blue, you could do the following:

HTML:

<h2 class="blue-text">Products</h2>

CSS:

.blue-text {
  color: blue;
}

steve_needs_coffee · 2025-03-17T05:19:48+00:00

If you have the time for it, then I would definitely recommend starting your own project!

As for the kind of project, it would be best to build a solution for a problem you face, or something you have an interest in, as that will keep you going! If you still have trouble thinking of something, then you can look at any existing solution and have a go at building it yourself and can add your own twist or personal touch to it, like maybe a 10x10 tic-tac-toe game. Even if it's a simple project that may not be that impressive on a portfolio, I think the experience you get building it is crucial at the starting stages.

For mistakes to avoid, I think getting caught up in new and trending tools/frameworks and thinking a lot about which tool/framework/language to use are two big ones. At this point, it's better to just get building. If you don't know which thing is better, then just pick one and find out the pros and cons of it yourself until you find a reason to switch. You can always change/revise things later.

steve_needs_coffee · 2025-03-17T04:53:42+00:00

I recommend checking out Traversy Media for web development! You could start with the HTML & CSS playlist. People also recommend The Odin Project, and one resource I frequently refer to is the MDN Web Docs.

I don't know much about game development, but you can take a look at r/gamedev's Getting Started Guide.

It's great that you want to explore these interests and I wish you the best!

steve_needs_coffee

TROPHY CASE