Introduction
Hello, Friends. Today, I would like to show you the portfolios that I found on the Internet. You know, I think that a good presentati...
For further actions, you may consider blocking this person and/or reporting abuse
Clicked through the first half and had to stop. A few pieces of advise:
With all that said, the fourth portfolio is the only one I somewhat liked. The font size of the text is HUGE, but at least there was only a very short animation after opening the page and it starts out with a face on the screen.
Thank you for your feedback, and with your permission, I will answer some of your tips.
1. I do not waste anyone's time, it is very absurd to say. Everyone decides for themselves what to watch and what to read. If the reader doesn't like it, they can simply close the article. Moreover, the text that I wrote under the headings is only in the nature of a
commentand nothing more. It is not necessary to pay attention to this text at all, because the most important thing is a link to the site, which is necessary for personal acquaintance with the portfolio.2. Regarding the fact that you did not like the first portfolio. This is your personal opinion and I respect it. I understand that there are no friends for the taste and color. But this does not mean that it is not worthy of attention. You said that the content is important to you, but please, my friend, it is there and there is enough of it. If you did not close the site, but waited for the end of the pre-loader, you could get acquainted with the content of the portfolio content. This is a very good portfolio. No need to draw conclusions so prematurely.
3. As for the hidden cursor on the fifth portfolio. I think this is a good idea if you are able to implement this feature efficiently on your site. And as I wrote earlier in this article, a portfolio is a way of self-expression, especially primarily through design, and the hidden mouse cursor, which is replaced by a circle, is exactly a good design idea. I myself have occasionally resorted to such solutions.
4. I agree with your phrase about fonts, they should be followed more closely.
And in the end, I decided to go to your github and found a link to your website DarkWiiPlayer. And to be honest, I was surprised, I expected to see high-quality design solutions and good fonts, which will be used to write meaningful information with good content. But unfortunately I saw there an ordinary and unremarkable site with almost no design and a dubious selection of colors. And after that, I was very surprised by your comments, because I did not find anything on your portfolio that you wrote about in your comments.
I don't see how you can possibly read my comment that way, but just to clarify: I am talking about the websites you presented having some very lengthy animations before any content is shown. If I click on a website and see something like that, chances are, I'll just close it again and look at the next one. That's the last thing you want to happen to a portfolio, ergo the recommendation to not copy that.
And I never said that. All of these portfolios are definitely very well-done overall; that does not mean I cannot point out their obvious flaws, nor will I waste time prepending every criticism with a disclaimer that "but this is not to invalidate the thing as a whole".
Whether it's a good design idea is debateable, but that's not my point. Design is subjective, so even if the cursor was replaced with an animated GIF of a glittering heart I wouldn't say it's bad, only that I find it tasteless. My point is that hiding the cursor altogether (for me it took a good number of seconds before the circle appeared) is very distracting and confusing, specially on a multi-screen setup when your first instinct is to figure out where the cursor is before you realise it's just gone.
Oh wow, you were set up for disappointment from the start then. That website is trash, I have no problem in admitting that. I built it years ago and the whole front-end is really more of an after-thought to the backend which I was mostly playing around with at the time (and is also garbage, for a variety of other reasons).
That being said, I also never put my website in a list of exemplary portfolios (it's not even a portfolio in the first place), so I don't see why I would need to have a remarkable website :D
Well, as for your site, it can in any case be described as a portfolio, because it contains information about you. All the more reason I should have known that it had been made long ago.
As for the
lengthy animation, I take it you mean the Gif animations that are under the title? If so, I inserted them specifically for the convenience of readers, especially those who will read the article from the phone.Regarding the mouse cursor, here we have different tastes. I'm not a fan of circles instead of the cursor, but in my opinion in the fifth portfolio the cursor was well implemented. Again, I repeat.
There are no friends for the taste and color.No, I mean the actual sites you linked to
You see, some of these sites contain a considerable amount of graphic content. That is why there are preloaders, so that the person who goes to the site does not observe the slow loading of elements. That's all. Many of these animated preloaders are there for a reason. Moreover, they serve as a banner to represent your logo or brand. Well, it's just beautiful. Moreover, there is no problem to wait a couple of seconds until the animation ends. For simple information, there are social media profiles.
great work and amazing background experience, but personally i don't like animation in websites, for a website to attract me it should be fast, and well organized to deliver the information quickly, i won't even care if the buttons have no hovering style as long as the navigation is fast
Well, as for animation, it is purely a matter of taste for each person. Someone likes sites with a lot of animation, and in this way they want to demonstrate their capabilities in terms of creating sites. And for someone, speed and simplicity on the site are important. Probably it is unlikely to say that any option is bad or good. 🤔
i agree to the point that a portfolio is a ground to demonstrate capabilities
Thanks for your article! You state that a "your personal portfolio gives you personality". I would rather say that it shows your personality, which has already been there before. But creating a portfolio can help help you find out what actually makes you stand out in a positive way.
Personally, even after more than twenty years in the web development business, I got new insights when I redesigned my personal portfolio website. I shared some of my thoughts here: Creating a fast and beautiful portfolio website using HTML, CSS, Elenty, and Netlify
Concerning the discussion about "not wasting thevusers' time", it can depend a lot on culture, style and profession, but Google currently favors pages that don't waste the users' loading time (and maybe even costly bandwidth) and which follow their usability guidelines (see Optimizing Speed and Usability for Google's Core Web Vitals ). But that does not not mean you should turn every portfolio site into an elevator pitch! Storytelling, both graphically and in writing, can capture your audience, but it helps to start with a headline and a subline or a short introductory paragraph to make it clear who you are and what you have to offer.
Ingo, thank you for your comment. I have looked at your articles and find them very useful when creating a portfolio. And I basically agree with the statements from Google that the site should not waste user time. But I also agree with you that you should not get hung up on the advice of large companies and create standard resume sites.
As for the discussion of the question that it is not necessary to waste the user's time in vain, then you are also right here, that this
can depend a lot on culture, style and profession. I honestly did not think that my article would be of interest to so many people, I just wanted to share those examples that I liked. And I certainly didn't think that this could cause serious controversy because of simple cursors and animations that last a couple of seconds.Personally, I think that when creating a frontend developer portfolio, you should still not avoid using animation to achieve the fastest loading time. And don't be afraid to use preloaders. Because I believe that the site, and especially if it is your portfolio, then it should be treated as a canvas on which you will paint your picture. Your soul should be visible in the portfolio. The work invested must be visible. It's almost creative. A portfolio should not be a place where standard information about yourself is simply written. For this purpose, there are social networks with Linkedin and Github. And your personal website should reflect a part of your soul.
Moreover, I have always been attracted to the possibility of
visualization and animation of elementsin Frontend development. And in my portfolio (which I will soon publish here), I certainly can not refuse animation.Thank you again, for your excellent comment! 🎉
Most of the platforms I used to learn HTML and CSS I saw in Html that one can add an image from the websites (it goes like this, url alt="Black Mustang in New York City>) but I wonder how can I add picture from my collections of photos in my laptop? (I mean how can I use pics from my Pc and add them to the Html codes?)
Apart from that, these are very beautiful portfolios, they're truly inspirational
To insert an image on a website via HTML, you can use the
<img>tag and use thesrcattribute to specify the path to the image relative to the html file. Let's say you have a fileindex.htmland next to it there is a folderimagesand in it a picturecar.jpg. In that case, it's for you need to write the img tag like this:<img src="images/car.jpg">Or you can use
css. To do this, write thebackground-imageproperty in the class, and then use the url to specify the path to the image.Example:
.image {
background-image: url('images/car.jpg');
}
Thank you very much
Nice websites
Thanks
In my opinion, you have a great portfolio, with a very unusual and memorable design. It's also very cool that it has interactive content. 🕹
These are amazing portfolio's!!! 👏 👏👏
Thank you very much 🎉
thanks mn for the collections
You're welcome 🙂
I'd rather give value through my portfolio.
Oh demn people fighting over designers portfolios
They need to show there skills in portfolio in design and development as
I see most of them are frontend and interface designers portfolios