Design comparison
Solution retrospective
Hello everyone, My second project is coming!
I haven't finished the project yet, but I submitted it because I think I have a lot of doubts to ask you.
The functionality works fine, But i encounter some style features problems.
And I will continue to polish my existing code afterwards.
The following are the questions:
-
How to make a plan to build a project like this and What should i think first ?
-
What should I consider to make my project as perfect as possible๏ผ
BTW๏ผI learned to use a markdown skill this time, but i don't know how to input a emoji, which i think could express our emotion much better.๏ผ
Community feedback
- @0xabdulkhaliqPosted over 1 year ago
Hello there ๐. Congratulations on successfully completing the challenge! ๐
- I have other recommendations regarding your code that I believe will be of great interest to you.
HTML ๐ท๏ธ:
- This solution may cause accessibility errors due to lack of semantic markup, which causes lacking of landmark for a webpage and allows accessibility issues to screen readers, due to accessibility errors our website may not reach its intended audience, face legal consequences, and have poor search engine rankings, highlighting the importance of ensuring accessibility and avoiding errors.
- What is meant by landmark ?, They used to define major sections of your page instead of relying on generic elements like
<div>
or<span>
. They are use to provide a more precise detail of the structure of our webpage to the browser or screen readers
- For example:
- The
<main>
element should include all content directly related to the page's main idea, so there should only be one per page - The
<footer>
typically contains information about the author of the section, copyright data or links to related documents.
- The
- So resolve the issue by replacing the
<div class="container">
element with the proper semantic element<main>
in yourindex.html
file to improve accessibility and organization of your page
.
I hope you find this helpful ๐ Above all, the solution you submitted is great !
Happy coding!
Marked as helpful1 - @Saad-HishamPosted over 1 year ago
Hey there! Planning for a project is actually a lot easier than you might think. Here are some steps that could help you out:
Begin by studying the project thoroughly and breaking it down into smaller tasks that need to be done. This can make it easier to manage the project as a whole.
Next, think about the technologies that would be best suited for your project. For example, if you need to create and validate inputs, you may want to consider using regular expressions (also known as regex). To learn more about this, you could start by reading up on regex and how it can be used in your project.
Additionally, you may need to calculate dates based on the current date you're working with. Luckily, JavaScript provides a feature for this. Learning how to calculate dates can be a valuable skill to have in your tool belt.
Remember, it's perfectly normal to do some research and learning before diving into a project. By taking the time to plan and educate yourself, you'll be better equipped to build your project successfully. I hope this advice was helpful!
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord