# Sneak peek at the site's new design!

**URL:** <https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584>\
**Category:** random\
**Created:** [January 25, 2024, 9:43pm UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584 "2024-01-25T21:43:23Z")\
**Posts on this page:** 18\
**Page:** 2

<div class="post-metadata">

**Author:** ![pasquale](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/pasquale/32/13801_2.png) [@pasquale](https://forum.kirupa.com/u/pasquale)\
**Post date:** [May 8, 2024, 6:15pm UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/29 "2024-05-08T18:15:15Z")

</div>

This was so fun to jam on with you man!

---

<div class="post-metadata">

**Author:** ![Wayne](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/wayne/32/16501_2.png) [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Post date:** [May 9, 2024, 5:24pm UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/30 "2024-05-09T17:24:22Z")

</div>

@kirupa i can’t see the forum buttons via safari mobile at the front page [Kirupa.com](http://Kirupa.com)

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [May 10, 2024, 2:23am UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/31 "2024-05-10T02:23:06Z")

</div>

I’ll need to fix that in the near future! Good catch 🙂

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [May 10, 2024, 2:24am UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/32 "2024-05-10T02:24:10Z")

</div>

Hopefully my last major design update before I get back to creating new articles! If you got to the home page, you’ll see an intro video I recorded. The cats Inji and Pixel may or may not make an appearance 😛

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/3/c/3ca6c82632e3940abc7f1870b2ad292b71eab76c.jpeg)

---

<div class="post-metadata">

**Author:** ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)\
**Post date:** [May 13, 2024, 2:05am UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/33 "2024-05-13T02:05:24Z")

</div>

Q: Are there any hidden games in the new design? And if not, _should_ there be hidden games in the new design?

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [May 13, 2024, 3:16am UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/34 "2024-05-13T03:16:07Z")

</div>

I was just thinking this today! The Konami Code triggers a game. What game, though? 😅

Is there a library of open source JS games that I can make available similar to the old Flash games from the Arcade these forums briefly had!

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [October 4, 2024, 2:24am UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/37 "2024-10-04T02:24:07Z")

</div>

Made a few more tweaks! The font for the tutorial listings…

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/2/7/27967352bacdd3106e1729a3fde2d5743591c9f6.png)  
…and category headings has been updated to using Departure Mono:

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/2/2/227c382c74e9f25612e715190efad861fbf72c5b.png)

Of course, because this is a monospaced font, the code snippets have been replaced towards using them as well:

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/2/9/2978410f14a0707c30ba490c0c42654f92dcf946.png)

This is a very subtle change overall, but it was a fun one that I thought about. This was on my todo list for some time, and [my chat with Helena](http://forum.kirupa.com/t/designing-fonts-and-more-with-helena-zhang/669940) just pushed it higher on my list!

🙂

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [March 20, 2025, 4:38am UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/39 "2025-03-20T04:38:35Z")

</div>

I’m taking a short break between tutorial writing, and I want to fix the left nav to make it more discoverable. Today, you need to scroll towards the bottom of the tutorial to see the other related articles on the site.

Thoughts on this proposed change?

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/a/6/a6e193299d9aab9ef8aba72cd7337884a6053840.png)

The home page will remain as-is with the animated clouds. I do want to bring some type of animation on these pages as well, so I’ll keep fiddling with them and see what can be done.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [March 20, 2025, 6:45pm UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/40 "2025-03-20T18:45:56Z")

</div>

Here is another variation, except the animations will always be visible - even behind the left nav.

**Gray sidebar:**

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/1/8/187502397e81b79a66caa0bbcc707e69c56b11dc.jpeg)

**Blue sidebar:**

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/0/4/0492c20d3a45c5d8558ca4aa3cc8e9de012039ca.jpeg)

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [March 22, 2025, 5:33am UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/41 "2025-03-22T05:33:26Z")

</div>

…and the changes are live! They should work across all colors and dark/light themes as well 🙂

I learned a bunch along the way, and the entire process of updating the site took about 1 hour overall.

Below is a short video where I explain some of the behind-the-scenes thinking on this.

[https://x.com/kirupa/status/1903527499793158176](https://x.com/kirupa/status/1903527499793158176)

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [April 30, 2025, 10:50pm UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/44 "2025-04-30T22:50:03Z")

</div>

The forums are undergoing a bit of a redesign right now! Bear with me while I make some more visual tweaks.

---

<div class="post-metadata">

**Author:** ![romeo1](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/romeo1/32/29362_2.png) [@romeo1](https://forum.kirupa.com/u/romeo1)\
**Post date:** [May 21, 2025, 8:52pm UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/46 "2025-05-21T20:52:14Z")

</div>

I’m so glad you loved it! It has that perfect retro feel, but with a modern twist that makes it feel fresh and exciting like unboxing a brand-new Super Nintendo. It brings back that nostalgia while still being sleek and innovative. Definitely a fun, timeless vibe! 😎

---

<div class="post-metadata">

**Author:** ![prg9](https://avatars.discourse-cdn.com/v4/letter/p/8dc957/32.png) [@prg9](https://forum.kirupa.com/u/prg9)\
**Post date:** [June 6, 2025, 12:22am UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/47 "2025-06-06T00:22:47Z")

</div>

Some hard edges, rectangles, circles, buttons, etc., **K-man** ,  
**8-bit** them up and go **full retro**. 👍

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [June 11, 2025, 5:17pm UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/48 "2025-06-11T17:17:54Z")

</div>

At least once a week, I make a minor update to some UI where I make it all pixelated. In about 10 years, all of the UI elements should be caught up 😛

The nice thing about anchoring on 80’s aesthetic is that I never have to worry about keeping up with current and upcoming trends.

---

<div class="post-metadata">

**Author:** ![prg9](https://avatars.discourse-cdn.com/v4/letter/p/8dc957/32.png) [@prg9](https://forum.kirupa.com/u/prg9)\
**Post date:** [June 12, 2025, 1:22am UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/49 "2025-06-12T01:22:46Z")

</div>

You may find the following library fun, perhaps you’ve see it.

Some 8-bit here you can glean from.  
[https://nostalgic-css.github.io/NES.css/](https://nostalgic-css.github.io/NES.css/)

Or here  
[https://codepen.io/albpara/pen/JjRarO](https://codepen.io/albpara/pen/JjRarO)  
[https://codepen.io/albpara/pen/VwKObJ](https://codepen.io/albpara/pen/VwKObJ)  
[https://codepen.io/kkdawg/pen/ZOGYGg](https://codepen.io/kkdawg/pen/ZOGYGg)

I look forward to **complete** pixelated goodness.

👾

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [June 17, 2025, 2:34am UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/50 "2025-06-17T02:34:16Z")

</div>

Wow! These are great. I will definitely keep those in mind for updating some of the other visual elements on the site. Thanks 🙂

---

<div class="post-metadata">

**Author:** ![TheCanadian](https://avatars.discourse-cdn.com/v4/letter/t/67e7ee/32.png) [@TheCanadian](https://forum.kirupa.com/u/TheCanadian)\
**Post date:** [August 2, 2025, 1:03pm UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/51 "2025-08-02T13:03:55Z")

</div>

Everything looks awesome!

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [August 4, 2025, 11:35pm UTC](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584/52 "2025-08-04T23:35:36Z")

</div>

Glad you like it! 😅

[Previous page](https://forum.kirupa.com/t/sneak-peek-at-the-sites-new-design/664584.md?page=1)
