8 Cuplikan CSS & JavaScript yang Merayakan Komputasi Retro

8 Cuplikan CSS & JavaScript yang Merayakan Komputasi Retro

Perjalanan komputasi setiap orang harus dimulai dari suatu tempat. Dan tergantung pada saat Anda mem-boot perangkat pertama Anda, banyak hal yang mungkin telah berubah sedikit. Inovasi perangkat keras dan perangkat lunak terbaru mungkin meninggalkan sistem awal itu dalam debu. Tapi kenangan indah itu tidak pernah pudar.

Oleh karena itu, tidak mengherankan jika pengembang web akan terus menghormati masa lalu. Komputer retro berperan dalam siapa kita. Beberapa dari kami belajar kode pada mereka, sementara yang lain bereksperimen dengan aplikasi pengeditan gambar awal (halo, Microsoft Paint). Oh, dan permainannya juga cukup menyenangkan.

Kami telah mengumpulkan delapan cuplikan CSS dan JavaScript yang merayakan komputer retro. Anda tidak hanya dapat mengagumi desain hari itu, tetapi Anda bahkan dapat berinteraksi dengan beberapa di antaranya. Apakah Anda ingin mengingat favorit lama atau menemukan hal-hal yang dulu, koleksi ini cocok untuk Anda.

Monitor CRT Monokrom TANDY Antik oleh Kevin Falencik

Jika Anda tumbuh dengan menggunakan monitor CRT, Anda pasti menghargai penawaran panel datar yang ramping dan ringan saat ini. CRT berat dan dapat menghabiskan sebagian besar meja Anda. Rekreasi Tandy interaktif ini juga monokrom, dengan sorotan otentik berkat gradien CSS.

Lihat Pena Monitor CRT Lama – monitor monokrom TANDY VM.4 oleh Kevin Falencik

Commodore 64 Scroller di TV oleh Gigi Brutal

Tidak memiliki monitor yang kikuk? Anda bisa menghubungkan Anda Komodor 64 ke televisi – betapa nyamannya! Perhatikan efek glitch yang luar biasa pada layar boot. Sekarang mereka dianggap bergaya, tapi saat itu, mereka hanyalah harga dari penggunaan teknologi yang baru lahir.

Lihat Pena C64 Scroller di TV oleh The Brutal Tooth

Windows9x dalam JavaScript oleh Danielle Smith

Lakukan perjalanan kembali ke tahun 90-an dengan rendering JavaScript Windows 95 ini. Klik tombol “Start”, buka jendela baru dan seret di sekitar desktop. Meskipun OS tersebut mungkin terlihat kuno, namun hal itu meletakkan dasar untuk setiap versi Windows yang telah dirilis Microsoft sejak saat itu.

Lihat Pena Windows9x oleh Danielle Smith

Desktop CSS Macintosh oleh Alexander Shoup

Kita tidak dapat melupakan bahwa Mac jauh di depan Windows dalam hal UI. Bahkan di layar hitam-putih, OSnya apik dan mudah digunakan. Cuplikan ini menampilkan tampilan yang familier dan beberapa bit interaktif.

Lihat Pena Desktop Macintosh CSS oleh Alexander Shoup

Selamat/Sedih Mac (CSS Morph) oleh Jon Kantner

Apple selalu menjadi yang terdepan dalam desain. Perusahaan memanfaatkannya dengan cerdik saat melaporkan kesehatan mesin Anda. Mem-boot ke “Happy Mac” berarti ini akan menjadi hari yang produktif. Tapi “Sad Mac” berarti beberapa pemecahan masalah sudah beres. Animasi morphing ini memungkinkan Anda merasakan keduanya. Itu emotikon sebelum emotikon, bukan?

Lihat Pena Selamat/Sedih Mac (CSS Morph) oleh Jon Kantner

Animasi Disket Kickstart Amiga oleh Piotr “Hitori” Bosak

Media penyimpanan fisik telah berubah secara dramatis selama bertahun-tahun. Tapi ada saat ketika floppy disk digunakan untuk menginstal aplikasi dan menyimpan file pribadi. Di sini, sebuah Komodor Amiga sistem dengan sopan meminta Anda untuk memasukkan disk Anda. Mudah-mudahan, Anda memiliki satu tergeletak di suatu tempat!

Lihat Pena Amiga memulai animasi disket oleh Piotr “Hitori” Bosak

Alat Defragmenter Disk MS-DOS (MSDOS) oleh Manz

Tanpa terlalu jauh ke dalam rumput liar, anggap saja masalah perangkat keras adalah hal biasa. Hard drive terutama membutuhkan perawatan rutin untuk mencegah masalah. Cuplikan ini dengan setia menciptakan kembali pengalaman menggunakan alat defragmenter disk MS-DOS. Memang, ada banyak yang menunggu saat itu …

Lihat Pena Microsoft Defrag (MSDOS) – Sekarang di browser Anda! oleh Manzo

Mesin tik Carmen Sandiego dengan ReactJS oleh Julien Verkest

Terinspirasi dari “Di mana di Dunia Carmen Sandiego?” video game, printer jadul ini memberikan petunjuk yang berguna. Tapi itu juga merupakan representasi dari seperti apa pencetakan sebelum model laser dan inkjet yang mewah memasuki pasar. Mesin dot matrix tidak hanya lambat, tetapi juga sangat keras. Apa yang membuat ini lebih menyenangkan adalah bahwa React digunakan untuk membuat adegan retro ini.

Lihat Pena Mesin tik Carmen Sandiego. ReactJS oleh Julien Verkest

Aplikasi dan Perangkat yang Meninggalkan Kesan Abadi

Setelah melakukan perjalanan ini ke masa lalu, sungguh menakjubkan untuk memikirkan bagaimana pengalaman komputasi telah berkembang. Sepertinya kami beralih dari baris perintah yang kikuk ke GUI yang sangat halus dalam waktu singkat. Dan hal yang sama juga dapat dikatakan tentang betapa halusnya desain perangkat keras. Kotak krem ​​tua tidak lagi memiliki tempat di kantor modern.

Namun, penting untuk mengingat dari mana kita berasal. Aplikasi dan perangkat ini membantu membentuk kami – bahkan sebelum ada World Wide Web.

Merasa nostalgia untuk cuplikan komputasi retro yang lebih banyak lagi? Gunakan perangkat penunjuk pilihan Anda dan kunjungi kami Koleksi CodePen.

Post Comment