Skip to content

mlama007/ResponsiveBlog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Responsive Images: Project Part 3

Your Goals:

  • Replace all of your images with <picture> elements!
  • Include alt attributes to be a better netizen.
  • (Optional) Add a custom font and try stying the text better!

How you know you're done

A code will appear in the Udacity Feedback when all Project Part 3 tests pass. Paste the code in to the Udacity classroom to complete the quiz!

More on the Udacity Front-End Grading Engine

Current Problems with the Page

  • The <picture> element allows browsers to decide which image to display based on media queries and device pixel ratios. Right now, the page is downloading images that are simply too big and waste too many bytes. How low can you get the page weight once the browser starts downloading images that are as small as possible?
  • alt attributes make your sites accessible to the vision impaired and anyone surfing the web on a screen reader. Make sure to include them!
  • The blog is visually simple. What can you do to make it look better?

General Advice

Share your finished blog in the Udacity forums!

About

MWS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors