Feedback on my Portfolio/Blog.

twitter logo github logo ・1 min read

I'm trying to get the right job for me. I have developed my online portfolio/blog. It would be great if you could give me feedback or suggestions on how to improve.

Here is the link :
https://brendazam.com

If anyone else is looking for feedback on their portfolio/blog, add your link and I will give you my feedback. 😄

Thanks in advance!

twitter logo DISCUSS (14)
markdown guide
 

I like it.

It's clean and balanced.

Few things to look at

  1. When you hover over "read more" button you see that things that aren't supposed to move do move! Simply make sure to not remove the border on hover. You have this:
.btn{
    border: 1px solid #BCBBBB;
}
.btn:hover{
    border: 0px solid #BCBBBB;
}

And that's the only thing you must not change. You could just do this:

.btn{
    border: 1px solid #BCBBBB;
}
.btn:hover{
    border: 1px solid transparent;
}

So you are not removing pixels off the page.

As for whether you should use a personal blog or dev.to or medium. The jury is out, you should post everything in your blog and re-publish them over at other platforms.

My personal preference I love the circular drop down when on small screen, but doesn't look good on a big screen. So maybe add a media query where by when on big screen have it drop down the old fashioned way, and keep the circular on mobile screen.

Footer: in your 404 page, you can see the footer doesn't stick to the bottom. It can be done with css. Everytime I need to do that I sort of search something like "sticky footer" I think and you'll get the gist of what needs to be done.

(In the footer you have the word "tag", not sure why that's there)

Cool job.

 

When you say blog, you mean personal blog like a blog page on your portfolio?

 
 

Hi, Brenda. Thanks for sharing your blog with us!

From your current articles, I sense that you want to share inspirational messages with us? If so, I thought that your primary font Handlee reinforces the purpose of your blog well, but your secondary font Varela Round doesn't stand out in comparison. Maybe look for another font that (1) looks different from Handlee, (2) can support both English and Spanish, and (3) would still convey your inspirational character?

Great job on using meta tags and semantic HTML, and I hope that you will write more articles!

Edit: In the footer, can you change All Right Reserved to All Rights Reserved?

 

Hola, Brenda. Here is my honest opinion.

Pandaboox link is broken.
I think that the design is quite basic and I don't think that a personal website is the best medium for a blog.

I think you can communicate with more people using dev.to or Medium depending of the kind of audience you are trying to reach.
Your profile picture is optimized for the web.

 

Yeap I got the same 404 on the Pandaboox and for the rest I pretty much agree with all these observations.

 

Looking good! Code errors are easy to fix :) I'm a bit more confused about the underlying reason though.

Since you say you built this to look for a job, in that case I believe the portfolio is more important than a personal blog (not saying they can't coexist).

Recruiters will be expecting to find an online resume, even if you don't have a lot of experience yet, you can still describe what you are learning (remember to show it off) and your short term goals.

Don't worry if you don't have any projects to share yet, I just recently built my portfolio too and I've been programming for about 6+ years (in private code bases), so I couldn't share most of what I've done. Check it out here in case you're curious.

 

The animation for the navbar hamburger & search is so cute! Love it! How did you make that?

Would personally love to see projects on portfolios as well, doesn't seem to be any there other than a blog...

 

Hi Brenda!

Awesome job on your portfolio! Couple things:

There are a couple console errors if you open up dev tools on your home page -- I would clean those up!

This is design advice, but I would narrow the headers on the page to match the width of the pictures.
Right now on larger screens, your site looks like this:

I tweaked the CSS a little bit in dev tools:

Your load more button isn't working! If you need it, I would change the color of it so that it is differentiated from the "read more" buttons.

You also may want a "blog" header on the home page -- or a name of your blog so that viewers know what page they are on!

Overall nice site -- it does well with lighthouse testing too!

 

My only comment would be that clicking load more doesn't actually return more content which is fine.

3 ways to resolve this UX related issue:

  • hide the button when end of content is reached (best)
  • change the text to signify there is no more content (good)
  • disable the button (ok)
 

Hola Brenda!

When trying to connect to your portfolio, there is an error message showing up: "This site can't be reached" because of the IP address could not be found.

 
 

Is it offline right now ?

I can't access it (unable to connect)

Classic DEV Post from Oct 24

Things I want to remember about SSH

SSH, short for Secure Shell, is a protocol for secure network communications. ...

Brenda Limón profile image
I'm Brenda! A frontend developer. 👩🏻‍💻 I'm From Mexico 🇲🇽 ❤️videogames ❤️writing ❤️code ❤️mexican food ❤️dogs

DEV is sort of like Medium, but it's open source and 100% focused on developers.

Now reaching over 3 million visitors per month, it's the fastest growing software development community in the world.

It's free, devoted to the open web, and will never have popups or a pay wall.

Get Started Now