I actually like the monotone. Goes well with the black and white personal photo. Also the typography at the beginning looks better than having a huge picture (lot more efficient too). Good work.
Awesome portfolio. One would not believe that you have just started coding!
If you can, I would check it out on mobile. Ther3 are quite a few things that are not showing up properly for me. I’ve included a screenshot (because I’m new I can only post one).
Thanks for all the awesome feedback, guys. I appreciate it!
I think the effect on the “that’s me” photo/sign is pretty cool too. I suggest you say something unexpected about yourself on that box and can even change the picture.
Change the font family for the 3 sentences on the title and give them a different size. As cool as it looks right now, you don’t know what’s more important: your name, that you want to be a web developer or that it is your first website. Not everything has to have the same importance. Besides the kerning in the last 2 sentences is terrible (sorry, that’s the designer in me!)
I do not mind the black and white, but use a different gray to create contrast and define areas. If you use grays that are in the red or the blue spectra, you can break the monotony.
Congrats, you’re on the right path!
This is your first page? How did you learn to do most of the things? I’ve done all the lessons before the portfolio project but I don’t think I’d be able to make a page like yours.
Thanks for the valuable feedback!
Well, I googled a ton of stuff, before the project I basically didn’t know how to do anything. I just tried a lot of stuff, failed with some, and succeeded with others. And, I have to admit, it took me quite some time. 50h at minimum. There were days where I tried to solve a problem and did go 5 straight hours without succeeding. But doing this try, fail, repeat thing helps me a lot in the learning process. And there was even this one js-sliding-effect, which I just copy and pasted, because I didn’t understand js at all. But that’s what I am learning right now.
This looks really nifty miles better than the portfolio I’ve been working on haha
hello Jonathan, you did a really good job on the website and the design, hopefully we get to see new upcoming stuff there. I’m curious to know if you know anything else on programming or just by freecodecamp, because I’m currently at the portfolio stage but still not able to do most of this stuff(ex. about me links and that stuff the showing when you put the mouse over the picture etc.)
thanks, and have a nice day
Make it responsive! It looks really nice but in todays world it has to adjust for screen sizes otherwise well done
Thank you, yes it is definitely the plan to do a lot of projects and share them with this community.
No, I literally didn’t no anything about coding at all. And as I said, I was very overwhelmed with the task and you are probably too. I just started really basic and then googled everything, like “html build a box”, “html position a text”, “css change design div on hovering/mouseover”.
The progress of getting something done that I an hour before didn’t had a clue of how to do was quite motivating for me so I kept going.
I am sure you will figure it out as well, just try and google and ask, again and again. Do you have something already? I definitely would be interested in seeing that and maybe talk about it with you. Have a good one.
Yes, I agree, that’s something I am going to work on for sure. Thanks.
thank you jonathan , I’m going to start adding these on the portfolio as soon as I can, and as for right now here is my portfolio page http://codepen.io/arbershabani97/full/KrbZAJ/
I know it’s not very fancy and advanced but I’ve learned a lot of stuff too while doing this, and I’m just getting better at it, so feel free to offer any suggestion that you think might be a good improvement for the page
Cool, very clean design, which I like.
You could maybe make it look nicer by using differnet font-families. In case you don’t know, you can use a ton of free fonts here: https://fonts.google.com. They are very cool and easy to implement.
I personally would like the text about you a bit more structured which also would make him look better. For example, you could put the categories “Introduction”, “Hobbies/Passion”, “Skills” on the left side of your box, and on the left side the fitting infos about you. You can then later play around with some cool hover effects. (I like your YT-Channel btw. Left you a sub. Keep it up.)
But I feel that you got this, I started the same way.
May I ask you how you developed your Video-Editing-Skills? That’s a thing I would like to learn at some point.
thank you very much man, I used one font in the header, but you’re right I should use some fonts in the text, and you gave me a nice idea on what to do to make it better. I appreciate the support man thank you
I started editing with movie maker in some high school projects, and then moved to camtasia, but those softwares didn’t help me really much, but I just got some basics down. After that I started working on some videos for some school assemblies and just explored the adobe premiere and played around with the effects. Then me and my class friends were making a documentary in the movie class, and I took the responsibility for the video editing, and I started editing with as little as I knew, but anytime I wanted to add an effect, I looked it up on google and then tried it and learned many new things that way(learning some shortcuts will make it much easier), then I did some videos for my previous teacher and I started experimenting more on the effects and just finding more and more stuff and I got pretty good at it. If you want to start editing and doing just some interesting stuff I would suggest filmora, since lately I started using it, and it is very simple and easy to learn, also you can add themes or effects easily, while I would suggest you work with adobe premiere only if you want to make a video with really personal preferences and really detailed editing, but it takes more time.
Difference between filmora and adobe premiere is the same as (filmora) creating a website in webs.com or any other page creating sites, and (adobe premiere) creating a page with notepad
Feel free to ask if you don’t understand something or want to know something more
I think it looks great, Jonathan! Nice work. Very professional looking.