Xbox UI Portfolio Site

(gabrielcabrera.co)

167 points | by valgaze 2 days ago ago

49 comments

  • ucyo 2 days ago ago

    Fun fact: On the lower right corner there is the Xbox logo emitting waves to an imaginary surface below. The pattern is a watermark for the serial number of the device to be identified in case of leaked footage. Only during development of Xbox.

    • jagged-chisel 2 days ago ago

      And what does the pattern on this site decode to? Maybe some nifty easter egg?

      • xattt 2 days ago ago

        It can probably be decoded with some Dungeons and Dragons-level incantation of ffmpeg.

        • Aurornis 2 days ago ago

          You don’t need to do anything complicated. Take a couple screenshots and crop to a slice where the rings are expanding horizontally. There is your barcode.

        • MisterTea 2 days ago ago

          It just looks like a bar code that is probably easily extracted with some machine vision.

  • malicka a day ago ago

    The first gimmick portfolio I’ve been genuinely impressed by. Beautiful, authentic and actually usable. The scanlines effect is chique, sound-effects on-point, and it is internally consistent in a way most of these sorts of portfolios aren’t. Very cute! :D

  • johanvts 2 days ago ago

    Is there any chance the music section is legal? I would love to be able to put songs on my own pages, but I assumed it would be a legal issue? Is there a way to license songs at a reasonable price.

    • jagged-chisel 2 days ago ago

      There's definitely a chance. Start with something like this: https://pixabay.com/music/

      • johanvts 2 days ago ago

        Thanks, but that’s royalty free music which is not an issue.

        • jagged-chisel 2 days ago ago

          Your original question sounded like you were unaware of how licensing music works. Royalty-free is a good place to start. If you want anything else, you can still do it legally, you just have to license the music for your use case. Various artists (and labels) provide various licensing terms. If you know someone, they might let you do it free.

          If you're specific question was meant to be "did this person license this music legally for his site?" - yes, there's a chance he did. There's a chance he didn't. You'd have to ask him. Even if he did, that doesn't give anyone else rights to use those songs on their site.

          • DANmode 2 days ago ago

            Your original reply sounds like you didn’t open the music list on TFA,

            which has three somewhat popular songs,

            making royalty-free music emphatically not the topic.

    • khat 2 days ago ago

      If he has the license then yea it's legal. Chances are if he's posted it publicly he has the rights. Also for a low level personal website that's not going to get a lot of traffic and only hosting 3 songs they probably gave him a license for free.

      • georgemcbay 2 days ago ago

        > If he has the license then yea it's legal. Chances are if he's posted it publicly he has the rights. Also for a low level personal website that's not going to get a lot of traffic and only hosting 3 songs they probably gave him a license for free.

        Incredibly unlikely.

        "Dance Yrself Clean" is owned by Warner Music Group, "Come On Eileen" is owned by Universal Music Group.

        Both are highly litigious, extremely rights-protective and not in the habit of licensing music for free.

        It is far more likely the person who put the site up just YOLO'd it and is hoping they never notice.

  • kilpikaarna 2 days ago ago

    Anyone know what the music visualizer is?

    It's certainly not the real one[0], but looks a lot like the Winamp AVS/MilkDrop stuff. My Inspect Element -fu was however insufficient for getting a closer look.

    [0] https://en.wikipedia.org/wiki/Neon_(music_visualization)

  • designerarvid 2 days ago ago

    Very nice. Still I was hoping for the original XBox UI.

    • Affric a day ago ago

      Likewise. The second 360 UI is great but the earlier ones they did just have a real old school vibe.

  • sylens 2 days ago ago

    Was really hoping this was going to be the Blades interface

    • Lammy 2 days ago ago

      Ironically I like Blades a lot more on OG XBOX (the JX720 theme for XBMC). Its 360 iteration got really crowded when MS added the Live blade and all the ad units. The NXE (what this site emulates) was Peak 360 IMO :)

  • icwtyjj 2 days ago ago

    "Florida Man Arrested for Hanging on Traffic Light and Sh*tting on Cars Passing Underneath"?? (In picture library)

    It seems the whole story is a hoax and his faced is photoshopped in but definitely interesting choice of things to put on your portfolio.

  • Xarovin 2 days ago ago

    Ha that's great. I enjoyed the old Youtube.

  • jaybyrd 17 hours ago ago

    as someone who has used all 3 dashboards (blades NXE and Metro) this one has to be the best. the netflix parties have to make it number 1

  • personality1 2 days ago ago

    Last week I was thinking exactly about how I missed the old xbox interface. "Would be cool" I thought, to build a modern web UI nowadays.

    Now, I see this :)

  • written-beyond 2 days ago ago

    Man you really nostalgia pilled me. It's lovely and a work of art.

    What's the deal with the audio delay showing up for button taps until the icons have loaded?

    • hereonout2 2 days ago ago

      Others getting nostalgia over the Xbox 360 reminds me how old I am!

      • lloeki 2 days ago ago

        Now for an additional kickback: nostalgia induced here is about the NXE, but it famously displaced the original Blades dashboard.

        • nozzlegear 2 days ago ago

          I loved the Blades dashboard. Something about idly pressing the shoulder buttons to flip through the blades while talking to my friend with that goofy wireless "Xbox communicator" on my ear.

        • butlike 2 days ago ago

          Blades was better than the redesign

          • bigstrat2003 2 days ago ago

            Yeah it was. I hated the NXE so much. It was both harder to use and slower than the original UI. It looked prettier but that was it.

      • ErneX 2 days ago ago

        Best Xbox console. It had pretty good games. Sad they were unable to keep that momentum going and are basically nope’ing from the console business altogether now.

        • butlike 2 days ago ago

          Late night uno sessions were a lot of fun. Not everyone had a camera so voice chat was "off the chain" as they used to say

      • pjmlp 2 days ago ago

        I just bought this the other day, https://www.retro-gamer.de/shop/heft/retro-gamer-2-26-einzel...

        The Xbox 360 is now considered a retro gaming device, that was such a reminder how old I am now, to note my first home computer was a Timex 2068.

        • Jhsto 2 days ago ago

          I was able pull together a Halo 3 LAN party last year, although the "consoles" were Linux PCs and the game was the MCC edition (60fps instead 30). Split-screen was resurrected via mods. I bought some Microsoft gamepad receiver to bring Xbox 360 original controllers under Linux. Some people insisted they get to play on the original gamepad (otherwise it was a mixed bag of PlayStation and newer Xbox/PC controllers). I also realized that Halo 3 itself would have been old enough to drink with us!

        • andrepd 2 days ago ago

          The Xbox 360 is about as old now as the NES was when the Xbox 360 came out.

        • technothrasher 2 days ago ago

          > my first home computer was a Timex 2068.

          I don't know if the Altair 8800 would count as my first home computer, as I was too young to really understand what it was and mostly just liked to play with the paper tape feed on the Teletype attached to it. By the time we got the PET 2001, I was old enough to actually use it as intended.

        • keyle 2 days ago ago

          I still have it in a box with all its games

          I still love its controller design.

  • DaanDL 2 days ago ago

    Bonus points for including Lcd Soundsystem

  • butlike 2 days ago ago

    It's cool, but I don't really see a portfolio on the portfolio site.

    • burkaman 2 days ago ago

      You have to click Projects in the top left.

  • bsimpson 2 days ago ago

    The WebGL renderer won't initialize on my iMac Pro.

  • sjdonado 2 days ago ago

    Sick

  • rand9958 2 days ago ago

    Wish you would've implemented the gamepad api

  • nnevatie 2 days ago ago

    Introduces a lot of lag on the mouse pointer.

  • eezing 2 days ago ago

    Awesome

  • lostmsu 2 days ago ago

    In FF on Linux using mouse scroll between tiles is overclocked.