Design comparison
SolutionDesign
Solution retrospective
Please, help me check through and comment
Community feedback
- @petritnurediniPosted 10 months ago
Congratulations on completing the Blogr landing page project, Abu-bakrr! Your hard work is clearly evident in your project. Here are some short, actionable recommendations to further enhance your work:
-
HTML Structure:
- Semantic HTML: Use
<header>
,<main>
,<footer>
for better semantic structure. - Alt Attributes: Ensure all images have descriptive
alt
attributes for accessibility.
- Semantic HTML: Use
-
CSS Best Practices:
- DRY Principle: Aim to reduce repetition in your CSS. Consider using classes for repeated styles.
- Mobile-First Approach: Start styling for smaller screens, then use media queries for larger screens.
-
JavaScript:
- Event Delegation: Instead of attaching event listeners to each item, use event delegation on their parent.
- DOM Manipulation: Minimize direct DOM manipulation. Use CSS classes and toggle them in JavaScript when needed.
-
Performance:
- Optimize Images: Ensure images are optimized for web use to decrease load times.
-
Code Organization:
- External JavaScript: Place JavaScript in external files and link them for cleaner HTML.
-
Accessibility:
- Keyboard Navigation: Make sure all interactive elements are accessible via keyboard.
-
Learning Resources:
- Semantic HTML: W3Schools
- CSS Best Practices: MDN Web Docs
- JavaScript Event Delegation: JavaScript.info
Keep pushing forward! Your progress is impressive, and I'm excited to see what you create next!
0 -
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