Looking to hire developers?
@VincenzoMarcovecchio
@VincenzoMarcovecchio
Submitted
D3 is very versatile but a bit hard to learn. I wanted to complete this challenge to practice a bit. I could have made the hover feature better but went for the title solution. I think I can make it work while fetching dynamic data.
@VincenzoMarcovecchio
Posted
Thank you so much for your answer
Yeah I should fix the errors and be more concern to the designs
One question, is it asking for your position the iframe ? I totally forgot to remove it
FEM doesn't allow urls other than the ones they have whitelisted, this can be some kind of bypass? not really, but I just wanted to throw my solution in there. And also because I had d3 installed there
@ddaniel27
Submitted
Hey everyone, this is my solution using just CSS3 and HTML5. I didn't want to use Javascript for navbar behavior because I did want to try use just CSS3. My question is, Is there another way to do this with just CSS3 or with Javascript I can do it better in behavior sense?
@VincenzoMarcovecchio
Posted
Hey there, I like your navbar solution using CSS only, I think it can be used in production or at least it's very close but there are many bugs I noticed throughout the website that make it to be reviewed. Mostly you need to review heights and paddings your are giving to sections (if you are concerned to design). Font style is loaded correctly but is not the same as the design also. You should have a look at some CSS transitions animations here https://freefrontend.com/css-menu/ and here https://fireship.io/lessons/css-responsive-icon-navbar/ to keep practicing 👍
@KiriRatanak
Submitted
@VincenzoMarcovecchio
Posted
Sir, I think this is a good job, well done! 👏🎉
What you can do to make it perfect is fixing those accessibility errors, giving the input the aria-label attribute is a good start... I forget these things as well...
@josno
Submitted
@VincenzoMarcovecchio
Posted
Hey I like your solution!
I recently discovered another way to write this markup, It might be the best way to go next time
<details>
<summary>How many team members can I invite?</summary>
<p> bla bla bla </p>
</details>
cheers
@juryous
Submitted
Feedback appreciated :)
@VincenzoMarcovecchio
Posted
You're not far from design, maybe just a better understanding of sizes and dimensions, that footer got you a little bit higher (we have to make the designer happy) this slider comparison up here helps to see our mistakes. It just takes time though, so keep practicing! Great job 👍
@Senatrius
Submitted
This definitely felt a fair bit tougher than the previous ones I did. On top of that, I took a break in the middle of this project and the code got out of hand really fast when I came back. Any comments/advice/tips on general code quality (and inevitable redundancy I'm sure) are always appreciated :)
@VincenzoMarcovecchio
Posted
Good job man!
From what I can notice here maybe try to fix that <nav></nav> element, give it some align-self so that when you hover on the link it's not jumping too much
and try to make the telephone number and the email address on the footer links you can click
Keep practicing 👍 :)
@VincenzoMarcovecchio
Submitted
I have worked on this project with the help of the Youtuber Florin Pop, i have a general idea of what working with api's is, async functions, and embedding in es6.
One question: When you want to display the borders countries(using .borders property) the api gives you back some three letter abbreviation of the full name, how can i turn that into the full name, any help?
Thank you
@VincenzoMarcovecchio
Posted
countries = is my res.json() how can i filter from that for each of those alpha 3 code thank you i'm on the tutorials anyway :)...
@VincenzoMarcovecchio
Submitted
I have worked on this project with the help of the Youtuber Florin Pop, i have a general idea of what working with api's is, async functions, and embedding in es6.
One question: When you want to display the borders countries(using .borders property) the api gives you back some three letter abbreviation of the full name, how can i turn that into the full name, any help?
Thank you
@VincenzoMarcovecchio
Posted
I'm trying to create a function i know i'm really bad at it :)
const borders = country.borders; const fullName = for(let border of borders){ let name = border.name //i know this is wrong return name });
@VincenzoMarcovecchio
Submitted
I completed another challenge but i'm not 100% happy with this one :), quick one for you, how have you managed to have bigger svg sizes on the footer and applying the hover effect when pointing on the anchor tag (was trying something like a:hover > svg, not working),yeah the footer is a weird one, overall it was a good practice. If you have any recommendation on how i can improve this code send it on, i appreciate have a nice week end !
@VincenzoMarcovecchio
Posted
Ok transform: scale(), i will try it out, the part i'm not 100% happy with, it was just that concerning with the design it was not 100% identical, which is something definitely possible, i actually went back to it and made a couple of adjustment (to track my mind as well i duplicated those svg with a orange replica, used "aside" tags for more semantic html, and actually to fix the "a" accessibility errors i have put in there aria-label="" and title="") perhaps i could have cleaned that glider code a little bit more to make the whole thing a little less heavy. We are working on it :).
Thank you for your time!
@lailton-b
Submitted
If you have any tips, I would like to hear!
@VincenzoMarcovecchio
Posted
Hey don't forget the input must have a label :)
@VincenzoMarcovecchio
Submitted
People, how are you keeping,
I'm submitting this solution knowing that i screwed up on so many levels, i will put it like that, if one of you guys want to have a look at my code and have a better implementation please feel free Thank you so much
@VincenzoMarcovecchio
Posted
Thanks you for your help Matt!
I appreciate really, these are some good information you are giving me. Mostly it's the Java Script part that is a bit overwhelming over here, but i will go back to this project many times more probably :) and i will try to fix it in the best way possible, i will!
I should avoid html mistakes now...
Thank you again!
@VincenzoMarcovecchio
Submitted
any thoughts on my solution? will make the change right away
@VincenzoMarcovecchio
Posted
Hey Matt, thanks for your suggestion it is something i have to go back to
@VincenzoMarcovecchio
Submitted
Help fix the errors!
@VincenzoMarcovecchio
Posted
Hi, is it just me or when I click on the button the page kinda goes refresh?apart from that maybe some small adjustments how's looking for you?
@VincenzoMarcovecchio
Submitted
Help improve my work, any feed back appreciated
@VincenzoMarcovecchio
Posted
Hey Matt! Thanks! as always great suggestions. Ill'keep that in mind, i have to make sure everything is in place before submitting a solution :)
@VincenzoMarcovecchio
Submitted
At what size you created the media queries? i'm still not 100% happy with this solution
@VincenzoMarcovecchio
Posted
Hey Matt, thanks! yeah i shouldn't be bothered too much with adding an extra media query when needed, unless there is another way around.. thanks you're providing great coding lessons !
@VincenzoMarcovecchio
Submitted
I made quite a few errors out there i'm sorry i'm really new to this.. by the way ,my relative Url on background image is not loading on the pseudo element why?
@VincenzoMarcovecchio
Posted
hey man thank you for replying to me, you made my day, it's definitely something i have to practice and understand better :) thank you
