Awesome work sloba! I learned a lot from this series! Also, for any of those who wanted to center the Loaders for mobile, make sure you go to the the app.scss file and add this: "@media screen and (max-width: 1200px) { .loader-active { display: flex; justify-content: center; align-items: center; top: 50%; bottom: 50%; } }"
Just wanted to really say thank you Sloba, I have noticed that I have a great passion for web design as Im on my software engineering journey. I wanted to make my own site to display my projects and also get my hands on with React and you gave me the best of both worlds in this tutorial. I learned a lot and I hope to learn more from you going forward.
You're the man. Well done and thank you for following through with the mobile optimization!!! Amazing stuff. Keep making videos, we appreciate the content!!
I studied your videos on a really detalied way, and now I am on my way to create my on portfolio and to publish, thx again for making me understand the algorithm Maestro.
Thanks dude!! That's a good start for responsive to continue this great project !! I changed things that I prefered, adapted others with my workflow and take off certain things I cannot put in it, like the Green Sock plugin, either I'm a free member of GS, I downloaded the free pack with bonuses, but I haven't the DrawSVG plugin. Too bad, but that's not the most important. So again thanks for all those video, that makes me a lot of inspiration on lot of things
Yeah, the DrawSVG thing is a real buzz-kill because mine loaded and looked so good only one time! It's pretty much a perfect space for a headshot or to showcase any personal logos, so it's definitely not a dealbreaker. Thanks for the knowledge, Slobadon!
Thank you very much for this tutorial, it is really cool! I noticed in the current version you have a skills section. Is there any chance you can do a tutorial on how to create the canvas with the flying words? Thank you :) :)
very nice thank you for the series i learned so much, i'd really love if you explain some properties while adding them. i know it might seem obvious but for us learners sometimes we don't know what to do, for example adding posiotion 0 to top left right and buttom. thank you. :))))
Hello Code with Sloba! I love your videos! I was just wondering why the portfolio section would have different sizing .image-box when having more than 2 projects in the portfolio.json file in the data folder? Do you think this is an error in my code? Thank you!
Zdravo Slobo. Dobar i koristan serijal. Imam jedno pitanje, tice se bounce efekta koji je na tvom sajtu malo drugaciji. Da li si koristio keyframes? pri brzom prelasku preko slova efekat se ne pojavi na ovoj verziji. Hvala!
Hello Sloba after following the tutorial and deploying the portfolio I have a gsap error telling me that the plugin used is not valid do you know how I can fix that ? thank you
There will be a 4th part? I mean, I saw the repo and there is Skills page and I'm very interested on how doing the right effect skills... Or at least tell me what it is?
Skills section is the same as all other webpages. Check this page for sphere www.jqueryscript.net/text/jQuery-Plugin-To-Create-3D-Sphere-style-Tag-Cloud-tagcloud.html
I'm a newbie, but I have a question. Is it not the paradigm now to build websites 'mobile first'? Doesn't it mean that the media queries should be for desktop sizes and the default CSS dedicated to mobile size?
the final portfolio link is different from the one in video , please make the changes available in the github and if possible , make a video about it too, also i asked this in first video but never got a reply , pls reply if possible. " how did you design the svg outline s-logo(timestamp-42:32), i wanted to design it for my name as well, is there somewhere i can make it? "
Yes because original one is with jQuery and it's much older. We have 4 videos about this portfolio, check them on my channel. For letter design I hired a designer on Fiver
Did anyone manage to deploy this to github pages?? Because I have not found a solution to make this work. (Followed the 3 parts) Is there a tutorial to deploy this? The images are a big problem. If anyone found a solution please let me know! Otherwise it seems like I have done this in vain...
@@CodewithSloba I ended up using Firebase. It might be an idea to let people know where you deployed from without issues, as I had to find out the extremely hard way that this doesn't work with pages
Previous tutorials
1) th-cam.com/video/ESHaail1eGc/w-d-xo.html
2) th-cam.com/video/I2TNlHVJ9KQ/w-d-xo.html
Awesome work sloba! I learned a lot from this series!
Also, for any of those who wanted to center the Loaders for mobile, make sure you go to the the app.scss file and add this:
"@media screen and (max-width: 1200px) {
.loader-active {
display: flex;
justify-content: center;
align-items: center;
top: 50%;
bottom: 50%;
}
}"
Hey I’m glad! Great addition 👏🏻
Just wanted to really say thank you Sloba, I have noticed that I have a great passion for web design as Im on my software engineering journey. I wanted to make my own site to display my projects and also get my hands on with React and you gave me the best of both worlds in this tutorial. I learned a lot and I hope to learn more from you going forward.
Thank you so much I appreciate it
You're the man. Well done and thank you for following through with the mobile optimization!!!
Amazing stuff. Keep making videos, we appreciate the content!!
Hey finally I made it! I'm glad I can help
I studied your videos on a really detalied way, and now I am on my way to create my on portfolio and to publish, thx again for making me understand the algorithm Maestro.
The only thing that I lack I really don't know how to publish the site, but I guess I will figure it out.
Thank you! Yes you have drag and drop publishers. Google is your friend
Let's goooo! I was checking every couple of days for this. It's like waiting for a good movie!
haha, sorry for waiting so long 👏🏻🙏
Super cool! Everyone was really looking forward to this!
Yeah I think so as well
Yessssss, finally thank you so much was waiting for this part for so long
Sorry for waiting so long, I'm glad it's here :)
I'm super happy you did this video. Thanks so much! Keep up the great work.
Hey thank you so much! I am finally as well!
Im following your tutorials and they are awesome! Im learning so much css and React! Thanks!!
That's great! Keep up learning!
Thanks dude!! That's a good start for responsive to continue this great project !! I changed things that I prefered, adapted others with my workflow and take off certain things I cannot put in it, like the Green Sock plugin, either I'm a free member of GS, I downloaded the free pack with bonuses, but I haven't the DrawSVG plugin. Too bad, but that's not the most important.
So again thanks for all those video, that makes me a lot of inspiration on lot of things
And for the 10k.... BRAVO!! You diserve it! you are a great teacher
Thank you so much I appreciate the support!
Yeah, the DrawSVG thing is a real buzz-kill because mine loaded and looked so good only one time! It's pretty much a perfect space for a headshot or to showcase any personal logos, so it's definitely not a dealbreaker.
Thanks for the knowledge, Slobadon!
Thumbs up to part 3. Very professional👍👍
Thanks Dale, I appreciate it
This was fun, thanks man!!!
for sure
YESSSSS! Finally!! Thank you so much bro!!
Yeah finally :) You're welcome
Hey love the videos. For some reason the icon is very large and displaying in the center, so as the image and the wordings.
thanks! Is not like on video?
No, I have experienced this in the first part but I managed to fix it in the css. For some reason, the size is much different on my screen then yours.
@@Notghazy hm I'm wondering
Sloban-sensei, I saw your portfolio and I am amazed by the canvas you made in the skills section, how did you do it?
Hey I used a jQuery lib for it
@@CodewithSloba Can you me that jQuery plugin link?
Thank you very much for this tutorial, it is really cool! I noticed in the current version you have a skills section. Is there any chance you can do a tutorial on how to create the canvas with the flying words? Thank you :) :)
that is just a plugin though
Thank you for the information, are you also in audea btw? I'd love to listen more of your contents
Hey I don’t what’s that?!
very nice thank you for the series i learned so much, i'd really love if you explain some properties while adding them. i know it might seem obvious but for us learners sometimes we don't know what to do, for example adding posiotion 0 to top left right and buttom. thank you. :))))
Thanks for the idea!
Hello Code with Sloba! I love your videos! I was just wondering why the portfolio section would have different sizing .image-box when having more than 2 projects in the portfolio.json file in the data folder? Do you think this is an error in my code? Thank you!
Thank you, sizing should be same. Can you share the screenshot
Thanks a million
It's my pleasure
Zdravo Slobo. Dobar i koristan serijal. Imam jedno pitanje, tice se bounce efekta koji je na tvom sajtu malo drugaciji. Da li si koristio keyframes? pri brzom prelasku preko slova efekat se ne pojavi na ovoj verziji. Hvala!
Zdravo, hvala. Sto se tice tog efekta na mom sajtu on je u stvari radjen sa JS-om. Ne znam da li je to izvodljivo sa CSS-om
Hi Sloba,
I have a question - how did you create the page transition animation between the preloader and the component?
Thanks for the videos.
Actually this is a vanilla js, just show and hide
Hello Sloba after following the tutorial and deploying the portfolio I have a gsap error telling me that the plugin used is not valid do you know how I can fix that ?
thank you
You can’t use test lib for deployment. Instead install regular one
@@CodewithSloba any alternative for the drawsvg?
@@rakha9666 this one is the best, you should not use this trial package for deploy. If you use regular package it will work
@@CodewithSloba How do you get the images to show in deployment? They completely disappear, also changes the url locally
Thanks so much for this
you’re welcome
Thank you! ❤️❤️❤️
You’re welcome
Thanks a lot Slobodan!! I dont know why my menu hamburguer doesn't work. Someone with the same problem?
you’re welcome
There will be a 4th part? I mean, I saw the repo and there is Skills page and I'm very interested on how doing the right effect skills... Or at least tell me what it is?
That's just a plugin, you can inspect it. There are 4 parts already
Sir how you make a skills section please tell me I also want to add how I do it without skill the website is not usefull
Skills section is the same as all other webpages. Check this page for sphere
www.jqueryscript.net/text/jQuery-Plugin-To-Create-3D-Sphere-style-Tag-Cloud-tagcloud.html
I'm a newbie, but I have a question. Is it not the paradigm now to build websites 'mobile first'? Doesn't it mean that the media queries should be for desktop sizes and the default CSS dedicated to mobile size?
It means that you develop first for mobile, and then optimize for desktop
the final portfolio link is different from the one in video , please make the changes available in the github and if possible , make a video about it too, also i asked this in first video but never got a reply , pls reply if possible. " how did you design the svg outline s-logo(timestamp-42:32), i wanted to design it for my name as well, is there somewhere i can make it? "
Yes because original one is with jQuery and it's much older. We have 4 videos about this portfolio, check them on my channel. For letter design I hired a designer on Fiver
@@CodewithSloba oh ok , thanks , i can't seem to find the 4th video , i have already watched the 3 videos , can you please mention the 4th video
@@Ankit_verma_lifts oh my bad sorry there is only 3 videos. Last one is where we optimize it for mobile devices. Sorry for confusion
Please how did you generate the letter 'S' as image?
Thanks
designer made it
hey can you also show how to make the skills section
to be honest probably not, it's just a plugin
Sir how to make skills section please reply
Answered already
Did anyone manage to deploy this to github pages?? Because I have not found a solution to make this work. (Followed the 3 parts) Is there a tutorial to deploy this? The images are a big problem. If anyone found a solution please let me know! Otherwise it seems like I have done this in vain...
I haven’t been uploading to github pages to be honest
@@CodewithSloba I ended up using Firebase. It might be an idea to let people know where you deployed from without issues, as I had to find out the extremely hard way that this doesn't work with pages
@@missceebrownin sorry to hear that
@@CodewithSloba How then were you able to push the code to GitHub? Did you use Git lfs or? I’m getting an error while push cause the file is to large?
promosm 👏
💪