Share your ideas that never made it to production
Jane Ori

Jane Ori @janeori

About: ✍️: css-media-vars, augmented-ui, CSS-Sweeper, Space Toggles, & more.

Location:
janeori.eth 👽 Hello World
Joined:
Jan 11, 2022

Share your ideas that never made it to production

Publish Date: Jul 17 '22
71 51

Got any ideas buried in your git history that never made it to production?

Give it a chance in the spotlight; Throw it in a codepen or just talk about it in the comments below!


Here's my contribution:

Prior to the launch of augmented-ui v1.0.0 in 2019, early builds of the website's introductory animation also featured this 3D CSS animation behind it. The background animation was removed for performance reasons but still exists in the commit history. 💜

Hopefully this codepen helps give life to the idea that couldn't make it to production ~

Gif Capture of pre v1 augmented-ui intro animation featuring a 3D CSS animation in the background

// Jane Ori

Comments 51 total

  • Medea
    MedeaJul 17, 2022

    a website which would give you songs to listen to based on your song taste and your mood

    • Filip Ilić
      Filip IlićJul 18, 2022

      But I have Spotify

      • Medea
        MedeaJul 18, 2022

        Yes but Spotify doesn’t have albums for every mood.
        But yeah I realised it was a stupid idea and gave up half way through

        • Vipul Dessai
          Vipul DessaiJul 18, 2022

          no they have no, based on the mood, like "life sucks" :-P

          • Medea
            MedeaJul 18, 2022

            but is that based on your music taste?

            • Vipul Dessai
              Vipul DessaiJul 18, 2022

              yeah, they do make daily mix or discover weekly, they pretty much align with my music taste.

    • Guilherme
      GuilhermeJul 18, 2022

      I also had this mood based song player in my idea list! But yeah I never even tried to get it started.

      • Medea
        MedeaJul 18, 2022

        I actually started on it and made a function for that, but just had other enhancements I didn’t bother doing

        • JoelBonetR 🥇
          JoelBonetR 🥇Jul 18, 2022

          If you make one that adds you songs step by step to raise you from a bad mood to a good one progressively it would be a top tier product 😁

          • Medea
            MedeaJul 18, 2022

            I might try some day! Thanks!

    • BaasMurdo
      BaasMurdoJul 18, 2022

      Deezer has something like this.

      • Medea
        MedeaJul 18, 2022

        Oh okay

        • BaasMurdo
          BaasMurdoJul 18, 2022

          How good it actually works is an entirely other discussion lol, but in theory they have this kinda functionality.

          • JoelBonetR 🥇
            JoelBonetR 🥇Jul 18, 2022

            Youtube music and spotify also had a work on that 😁

            • Medea
              MedeaJul 18, 2022

              Yea I saw Spotify’s and it’s funny how I used Spotify Auth for the project

    • Aurélien Delogu
      Aurélien DeloguJul 18, 2022

      Last.fm?

  • Taufik Nurrohman
    Taufik NurrohmanJul 18, 2022

    A client-side JavaScript syntax highlighter that fetches only the required language files based on class names and/or data-* attribute.

    • JoelBonetR 🥇
      JoelBonetR 🥇Jul 18, 2022

      Something like a new i18n plugin?

      • Taufik Nurrohman
        Taufik NurrohmanJul 19, 2022

        No. A source code highlighter.

        • JoelBonetR 🥇
          JoelBonetR 🥇Jul 19, 2022

          Didn't get it then. Can you explain it with detail and use-case? Thank you :)

          • Taufik Nurrohman
            Taufik NurrohmanJul 19, 2022

            See this example that uses custom builder. Currently there is no way to load the language files dynamically. You still have to load them all at once even if you don’t need it.

            I have made a plugin to overcome that, but never got into stable state. I still consider it buggy.

            • JoelBonetR 🥇
              JoelBonetR 🥇Jul 19, 2022

              You don't need to load them all.
              Just use dynamic imports...

              const translation = (locale) => import(`/translations/lang-${locale}.js`);
              
              Enter fullscreen mode Exit fullscreen mode

              or async:

              const loadTranslations = async (locale) => await import(`/translations/lang-${locale}.js`);
              
              Enter fullscreen mode Exit fullscreen mode

              Another (more robust) example:

              /**
               * Retrieves translations from a given locale
               * @param {string} locale
               * @returns {Object}
               */
              const getTranslations = (locale) => {
                try {
                  const availableLanguages = {
                    en: dynamic(() => import('/translations/en.js')),
                    es: dynamic(() => import('/translations/es.js')),
                  };
              
                  if (!availableLanguages.hasOwnProperty(locale)) {
                    console.error(`getTranslations error. Could not load translations for ${locale}`);
                    return availableLanguages['en']; // DEFAULT
                  }
                  return availableLanguages[locale];
                } catch (error) {
                  console.error(`${error.message} in ${error.stack}`);
                }
              };
              
              Enter fullscreen mode Exit fullscreen mode

              Here we are declaring the available langs so it will not fail in runtime trying to load a nonexistent file for any other error, and it will return the default language in case of such error.

              You can use next/dynamic if working with Next JS like me in this last example (note that there's no dynamic function declared; if you are not using Next JS, it needs to be done but you can use the first or second example to create a dynamic implementation quickly).
              i.e.

              const dynamic = (path) => import(`${path}`);
              
              Enter fullscreen mode Exit fullscreen mode

              Here you can find a dynamic import explanation from javascript.info

              Apart from those options, in most webapps is better to handle translations through the DB so you can build a dashboard and people that work as translators can do their thing on it instead. No more releases to fix a string 😄

              Best regards

  • Edenn Touitou
    Edenn TouitouJul 18, 2022

    A PHP framework that could generate API endpoints based on YAML config files, with form validation and authorization and what not. And with a dynamic database handling all kinds of datas with only 3 or 4 tables.

    And then I learnt that APIplatform exists, and does all of that already

    • Kolja
      KoljaJul 18, 2022

      Great idea!
      Can you give me a list of those PHP API platforms?

      • Edenn Touitou
        Edenn TouitouJul 18, 2022

        Here you go

        api-platform.com/

        • Kolja
          KoljaJul 18, 2022

          Thank you, looks overwhelming to me. Maybe a to hard learning curve.

          • Edenn Touitou
            Edenn TouitouJul 18, 2022

            Yeah you would need solid Symfony (the framework on which APIplatform is based) knowledge first to use it. In the end, it's a great tool for prototyping and small project.

  • Jon Randy 🎖️
    Jon Randy 🎖️Jul 18, 2022

    What do you mean by 'made it to production'? Not everything needs to be a product, not everything needs to be released, not everything needs to be useful or have a reason to exist... and nothing is ever 'finished'.

    Most of my repos are just toys for my amusement - and these are by far the most interesting things to build.

    • BaasMurdo
      BaasMurdoJul 18, 2022

      and nothing is ever 'finished'

      Tell that to the empty cookie box next to me.

    • JoelBonetR 🥇
      JoelBonetR 🥇Jul 18, 2022

      Well sometimes I get paid when finishing things so... 😂

      Got your point, bet @janeori is thinking about something that you feel like "marketable" or at least "shareable" and ended up in a closed drawer for any issue, lack of time, loss of interest or whatever other reason.

  • Peter Vivo
    Peter VivoJul 18, 2022

    Imho, this design idea is good but, but mandatory run smotth as possible, aroun 60 FPS and more. I did not look the code, but if you could mix with some exsisting UI solution like tailwind then it will be promising.

  • BaasMurdo
    BaasMurdoJul 18, 2022

    An idea I had privately in my head. Basically a single browser that you can choose what render engine and javascript engine to use.
    For instance when opening a new tab, you could choose a Blink render engine with a V8 javascript engine and that would be Chrome.
    But you could then open another tab, a combination of WebKit and Nitro and then it would be Safari.

    The whole idea is that web developers can see / test everything in one browser that renders it the same as they would in the real Chrome / Edge / Safari.

    • Kristoffer
      KristofferJul 21, 2022

      Like this? responsively.app/

      • BaasMurdo
        BaasMurdoJul 21, 2022

        hmmmm interesting, let me give it a go and get back to you.

      • BaasMurdo
        BaasMurdoJul 21, 2022

        Almost. so this seems to render in different sizes or devices if you will.
        But for theMacBook Pro 13" for instance, you can't seem to select via which render engine (browser) to open the site in.
        I might be wrong, but at a quick first glance it seems to use a Chromium type of render engine.
        Where my thought is to implement a choice of different render engines, rather than a choice of device size (although still very useful)

        So that you can see a site, the way it would actually render on an iPhone X but in Chrome & Safari (using their native rendering)
        if that makes sense ?

        • Kristoffer
          KristofferJul 21, 2022

          Right. Makes sense. Would be very useful with a combination of both if that's possible.

          • BaasMurdo
            BaasMurdoJul 22, 2022

            Hell yea ! would be awesome !

    • Zubair Khan
      Zubair KhanJul 21, 2022

      I thik browserstack has that thing

      • BaasMurdo
        BaasMurdoJul 21, 2022

        Yea there are a couple of place that you can pay to spin up some virtual machines / devices, they work quite well in most situations.

  • 🚩 Atul Prajapati 🇮🇳
    🚩 Atul Prajapati 🇮🇳Jul 18, 2022

    I have a big list, LOL by the way great question

  • Melvin Jones Repol
    Melvin Jones RepolJul 18, 2022

    I have a complete based idea about the update on my app the latest update was Feb the update released should be daily for dev and monthly for stable but 5 months later no stable release in the moment the idea turn into rock.. So all of the new features and improvements which is already planned didnt go to production 100% delayed by months...

  • Santiago Rincón
    Santiago RincónJul 19, 2022

    B2b project to help international mony transactions between Colombia and Venezuela

  • Charlie Say
    Charlie SayJul 19, 2022

    a commit to delete all the stupid monoliths code....

  • Well
    WellJul 21, 2022

    the banner picture hahaha it clearly relates the title.

  • Michael Wahl
    Michael WahlJul 22, 2022

    An idea I had, but never actually built it or did any type of PoC. Very high level, would be a simple app/site for people to anonymously submit what they are paying for consumer services, such as cable/internet services, insurance premiums, etc. Then either provide a report on whatever services the person is interested in benchmarking, as onetime or annual subscription. Basically any service where consumers could all be paying different, higher or lower rates for the exact same services due to various external factors. For me the overall concept was clear, but how this would or could be monetized, was a bit unclear and needed some more studying.

  • Wahyu SA
    Wahyu SAJul 26, 2022

    Exam Companion

    Try to build chrome extension to recommend an answer when doing online exam, at least I already know to modify DOM from an extension and build my flask API, but I don't really understand to build the prediction/machine learning part 🤔 and now they used something like exam browser so the extension would be disabled 🤣 and I realize there is no need "prediction/machine learning" things to do that, you can just do it by yourself right ? just choose the answer.. if you need to choose 1 from 5 choices then the prediction should be 20% correct 🧙‍♂️

  • Prince-Alarming
    Prince-AlarmingJul 29, 2022

    My idea that hasn't made it to production is an Ultimate Emulator. This Emulator would have simulated environments for windows 3.1, Windows 95, Android, Nintendo, Sony, Xbox, and Sega systems. Then I realized the potential legal issues and abandoned it.

Add comment