blogr-landing-page-main

Community feedback

• 

  Petrit Nuredini•2,860

  @petritnurediniPosted 9 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:

  1. HTML Structure:

     • Semantic HTML: Use <header>, <main>, <footer> for better semantic structure.
     • Alt Attributes: Ensure all images have descriptive alt attributes for accessibility.

  2. 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.

  3. 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.

  4. Performance:

     • Optimize Images: Ensure images are optimized for web use to decrease load times.

  5. Code Organization:

     • External JavaScript: Place JavaScript in external files and link them for cleaner HTML.

  6. Accessibility:

     • Keyboard Navigation: Make sure all interactive elements are accessible via keyboard.

  7. 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