How to Replicate Your Favorite Sites

When browsing and reading comments about all of the different tutorial sets and “web roundups” around the web, I’ve noticed that many people are usually wanting to know how to replicate parts of some of the more “well-designed” sites out there. The four sites that I looked closely at were Flickr, Digg, Facebook, and Apple. If you aren’t familiar with these, then you should obviously be spending a lot more time sitting in front of a computer. I’ve compiled a list of tutorial sets for these four sites.

Flickr

• Horizontal Menu // Demo
  
• Flicker-Like “PhotoNotes”
  
• Edit In Place // Demo
  
• Flickr Style Pagination
  

---

Digg

• Horizontal Menu
  
• Digg Comment Style Sliding Divs
  
• Digg Style Pagination
  
• Digg-Like Spy // Demo
  

---

Facebook

• Light Box
  
• Sliders
  
• Textbox Auto-Completion // Demo
  
• Auto Suggest Search Engine // Demo
  

---

Apple

• Hover Accordion Side Menu
  
• Hot News Headlines
  
• Apple Store Gallery
  
• Horizontal Product Slider Gallery // Demo
  
• Apple Style Lightbox
  
• OS X Style Searchbox
  

---

Honorable Mention

• MooTools Vertical Menu
  
• Google Analytics One Pixel Corner // Demo
  
• Panic’s Coda: Slider // Demo