DEV Community

Discussion on: Trying to recreate Apple's homepage

Collapse
 
perpetual_education profile image
perpetual . education • Edited

There are lots of "cool" things about Apple's site.

But - there are always some strange practices too. 95% of it is the images. 10% typography. The subjects and content strategy don't require much "design."

Screenshot of Apple's website showing annotated boxes that reveal most sections to have the same layout of: heading, teaser, 2 links, and a background image

Screenshot of apples website on a small screen with image falling off of the screen

There are usually a few broken things / or just things that could be written much cleaner - even for a new student. So, it's a fun one. Also - talking about their giant yet sorta accessible link hacks (that tended to mess things up as mouse users!) - was fun.

Also, why did they have the text baked into the Coda poster, and a few other interesting choices.

But - hey, 90% of our applicants list it as one of the 3 sites they like in our Student Screener - even though it doesn't have "dark mode" hahaa. Funny.

Collapse
 
perpetual_education profile image
perpetual . education

The different image source on that first iPhone spot was also a good reason to talk about the picture element. So, the lesson went just as planned! Good job. ;)

Collapse
 
perpetual_education profile image
perpetual . education • Edited

Also -- to be fair: The lesson is called "Research and Destroy" - and it's supposed to end in a conversation-starting disaster -- / because students have a very limited set of tools they are allowed to use thus far (which does not include flexbox)