Pure CSS Apple

What it does

Create an Apple device with only CSS. No image, just code. iMac, Mac Book, iPad, iPhone version 4, 5 and 6 included.

If you want to create a set of device, you can change input values to get widths of devices calculated via your base width. Type some numbers and see the changes. Height: 45.0 cm (17.7 inches) Width: 52.8 cm (20.8 inches) Depth: 17.5 cm (6.9 inches) Height: 1,8 cm (0.71 inches) Width: 31,4 cm (12.35 inches) Depth: 21,9 cm (8.62 inches) Height: 24.12 cm (9.50 inches) Width: 18.57 cm (7.31 inches) Depth: 0.94 cm (0.37 inch) Height: 11.5 cm (4.5 inches) Width: 5.9 cm (2.31 inches) Depth: 0.9 cm (0.37 inches) Height: 12.3 cm (4.87 inches) Width: 5.86 cm (2.31 inches) Depth: 0.76 cm (0.3 inch) Height: 13.81 cm (5.44 inches) Width: 6.7 cm (2.64 inches) Depth: 0.69 cm (0.27 inch) This section…from purecssapple.com

• 
  Devices.css2014 · marvelapp.github.io · ▲181

  iOS, Android and other devices made in pure CSS

• 
  Devices.css2017 · devicescss.xyz · ▲20

  Modern devices in pure CSS

• 
  CSS Reference for iPhone, iPad2017 · apps.apple.com · ▲157

  A visual guide to CSS with illustrated + animated examples

• 
  Blocs2014 · blocsapp.com · ▲165

  Mac web design app

• 
  System.css2022 · github.com · ▲116

  A design system for building retro Apple UIs

• 
  Pure2014 · pure-css.github.io · ▲164

  Set of small, responsive CSS modules

• 
  SimCity, but with Permits▲911

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 2d ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 14d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 15d ago · bigwords.page

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 9d ago · guitoro.com

• 
  See *almost* any carriers phone settings▲432

  Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.

  Life & fun · 13d ago · carrierexplode.com

• 
  The whole Solar System and every tracked satellite, live in the browser▲407

  Life & fun · 23d ago · space.bl2.net

• 
  Product Hunt LIVE 💬▲848

  Chat with some of the world’s most interesting makers

  Life & fun · 2015

• 
  Nebia Shower▲838

  Better shower, 70% less water

  Life & fun · 2015 · brondell.com

• MS
  My SSH server knows who you are▲836

  Life & fun · 2015 · blog.filippo.io

• 
  M▲714

  A personal assistant built inside Facebook Messenger

  Work · 2015 · facebook.com

• 
  Content Marketing Stack▲673

  A curated directory of content marketing resources

  Growth · 2015 · contentmarketingstack.co

• 
  Growth Hacking Tools▲650

  A curated collection of growth hacking tools

  Growth · 2015