I really enjoy working on this project, even though i was super stressed working on it but at the end i was able to produce a good result with very little help.
What specific areas of your project would you like help with?I need help with the preview thumbnails i want to do it in a way that when i move to the next image the focus shift to the next thumbnail
Great Job Omar, Also do consider:
adding a setTimeout() your toaster message such that it dissapears after a set time in seconds.
Having the toaster set to {position:absolute; top:50%; left 50%; transform:translate(-50%,-50%); z-index:999 //or whatever value is your highest z-index } so that when it appears it is over the form, and does not push it downwards.
once again, keep up, and great job you have done :D
I like my css for once I find it well organized, and annotated :)
What challenges did you encounter, and how did you overcome them?I struggled at the beginning because I had misunderstood how to activate the answers. I had gone only with clicking on the icon and I realized afterwards that it was the whole question that had to be focussed. I solved this by wrapping the whole question in a button container which is naturally 'focussable'
Still having small javascript syntax problems, I know what I want to do and how to do it, but I admit that sometimes the logic of the language still escapes me, but by doing it, I have the impression that it begins to make sens.
What specific areas of your project would you like help with?All the advice is good to take, I will be curious to see how to make a beautiful accordion transition, very fluid for the deployment of the answer when we click on the question, I adjusted the opacity otherwise the answer appeared on the lower container when launching the animation, but there was perhaps something better than playing on the max-height. Thanks in advance to those who pass by and leave a little comment :)
I tried as much as possible to make the content accessible, curious to know if there were any omissions or better optimization. The javascript part was much simpler than on the previous project, it's starting to make sens, I even added a little transition animation, it was interesting to understand how to trigger it with a delay.
What challenges did you encounter, and how did you overcome them?I didn't really encounter any particular difficulty on this project, other than trying to understand how to offset my transition animation.
What specific areas of your project would you like help with?As this is a part on accessibility, I hope that I have fulfilled my mission well and I would be curious to have the opinion of a more experienced person to know which part to improve this one. All comments are very welcome and thank you in advance to those who take the time to take a look at my work.
Well done! How did you manage to almost fit in perfectly the width and the height?
I'm proud of myself for completing this challenge and learning about Clipboard API.
What challenges did you encounter, and how did you overcome them?The challenge I encounter was customizing the input type range and overcame this problem by researching and learning about input fields.
What specific areas of your project would you like help with?What is the best practice for customizing the meter element.
While the logic of a tip calculator app isn't particularly complex, I'm happy with where I ended up with the separation of functions into a series of compact, specialized 'do-one-thing' functions.
What challenges did you encounter, and how did you overcome them?I went through several iterations of the form validation, eventually settling on an object to reference and hold the logic. Reviewing the 'refactoring your code' chapter of the JS fundamentals path was helpful in putting it all together.
What specific areas of your project would you like help with?I'm falling short with some accessibility features with this app and would need to spend a good deal more time on that aspect before feeling it's truly a production-ready site.
I also don't like leaving empty elements (p tags for the error messages in this instance) as part of my markup. A future iteration of the project would be to enhance the code to dynamically create/remove the elements as part of the error messaging rendering functions.
Finally, I spent some time working on a currency auto-formatting function for the bill amount input but it didn't make it into the project just yet. Again, that's a candidate for future enhancements.
Hi guys, please review what can I improve in my code. I had to go implement a lot of flex inside grid. Not sure if this was expected, but I tried to code the design, but I need to be more familiar with pixel perfect detailing like most of you. Please point out mistakes so that I can improve and also share best-practices to follow for such massive design. It was tough to give time along with my job, but it was fun to implement a brainstorming solution with crunch of time. It might not be the best solution, but I'm glad that it is working.
Well done, keep it! Two things to note.
Discovered client-side validation techniques and implemented them without too much trouble. I'm still researching BEM naming so I'd probably change up some naming next time.
What challenges did you encounter, and how did you overcome them?n/a
What specific areas of your project would you like help with?I tried to apply multi-level media queries to gradually change elements of the page but for some reason, whichever one I put second never got picked up. I messed about with it but couldn't work out why.
##Well Done. Just two small issues I noted.
I continued to apply the same methodologies as on previous projects, mobile first, use of the BEM method which I think this time the class names are explicit, annotate my code to explain what is happening there and I first finished the mobile tablet and desktop design before adding the small javascript functions.
What challenges did you encounter, and how did you overcome them?In the tablet version the pop-up menu was out of the box so I improvised an intermediate version with a menu to the left of the button and an arrow to the right. The most complicated thing I think was the small details, changing the color of the arrow in the button, I improvised a solution with css filters, but there might have been simpler options.
What specific areas of your project would you like help with?All advice is welcome whether in html, css or javascript, I would be curious to know the opinion of people with more advanced levels than mine on the way I organized my code, there are surely methodologies which I don't know yet, thank you in advance to those who will take the time to read my code, it's really a big help when you're self-taught
Hi, Good Job, Keep it up. ##CSS Reset. Just a small issue to note it is important to set all paddings and margins zero so that you can be able to have uniform spacing as you set them yourselves. border box also helps so that you do not have to manually subtract the values of borders and paddings. all this is done just by
,::before,::after{ margin:0; padding:0; box-sizing: border-box; }
Good Work! Keep going! the buttons are supposed to align in a row in tablet mode and in a column in mobile mode
Nice work Arfath, Keep Pushing, Keep building, You are winning this!
