14 ms·

Show HN: I solved my New Tab page

• spk_ 4y ago
  This is great. Out of curiosity, why not just wrap this as a standalone addon? Not questioning your decision btw, just thinking that the current approach may increase your hosting cost, no?
• roreplay 4y ago
  Really like the idea and very well done. I think it would be really nice if we could change the widget as well. For example, I don't use Spotify at all so it be replace with other widget.
  • allig256 4y ago
    You can! Change the "Tile Type" option in the sidebar
• treve 4y ago
  Looks broken on Firefox, everything is blurry!
  • Semaphor 4y ago
    There is a tutorial modal that pops up and blurs the background. If you don’t get that for some reason, it would just be blurry. Works fine on FF for me.
    • treve 4y ago
      Couldn't leave the tutorial, nothing was responding but a refresh did fix it!
• smoldesu 4y ago
  Well done, just made it my homepage too :)
  • allig256 4y ago
    Awesome, glad to hear it! Let me know if you have any questions :)
• culanuchachamim 4y ago
  Bravo! Very nice!
• binarytide 4y ago
  I've been working on the same idea as a side project. this is a hell of a bar. great job
• raldi 4y ago
  A lot of people are going to arrive on mobile, get turned away, and never come back again. Consider putting together something to give an impression of what you’ve done, or a “Show me anyway, even though it’s not optimized for mobile” button, or even just some screenshots.
  • allig256 4y ago
    A very good call, to be honest I had completely forgotten about that part of the code it's been so long I implemented that. Thanks for the reminder, I'll fix it now
  • allig256 4y ago
    I was sidelined sorry, it's all fixed now. There's a demo video along with a button that will take you through to the less than ideal layout.
    • raldi 4y ago
      Crushed it!
  • deleted 4y ago
    [deleted]
• tarshey 4y ago
  This is impressive, love the background with a gif!
• lvturner 4y ago
  This is wonderful -- only thing missing is a bookmarks tile! Edit: Just saw the readme, maybe I should attempt to add my own!
  • allig256 4y ago
    Oh mate there's tens of tiles I can think of that I still want to add in, just off the top of my head: - Emails - Quotes of the day - Bookmarks - RSS Feeds - Countdown clocks - GitHub stats That's what I can rattle off in about 10 seconds of thinking, there's so many things that could be done. At some point you have to just call it a day.
    • dislikedtom2 4y ago
      RSS would be awesome
• PhasmaFelis 4y ago
  Lovely work, but Jesus Christ, if I put Reddit and HN on my home tab I would never get anything done.
  • deleted 4y ago
    [deleted]
• go1xfer124 4y ago
  not sure if I missed it but how do you get the animated background?
  • allig256 4y ago
    If you include a url to a gif in the background segment it will work: url(https://i.imgur.com/BkgF7ET.gif https://i.imgur.com/BkgF7ET.gif) ^ Bit of a loud example that one I also recommend making all the tiles transparent when you have a nice background: rgba(255, 255, 255, 0.2)
    • dr_kiszonka 4y ago
      Thanks for sharing that gif! The author has some amazing ones posted on their Twitter: https://twitter.com/AnasAbdin https://twitter.com/AnasAbdin
    • go1xfer124 4y ago
      ah ok tyvm
• wolpoli 4y ago
  This is awesome! I really missed portals and start pages that we get to customize from back in the days.
• nipperkinfeet 4y ago
  Humble New Tab Page is how I solved mine. I don't need any distractions. Just the title and icon of the bookmarks I need.
  • deleted 4y ago
    [deleted]
• aliqot 4y ago
  What does the ruler do?
  • nxpnsv 4y ago
    It rules.
    • aliqot 4y ago
      you got me
  • ComodoHacker 4y ago
    It's a daily planner, if I'm not mistaken.
• cryptoboid 4y ago
  Nice! Seems interesting, might give it a try. Would you mind sharing the pixel art gif that it's seen in the gif/video showcase?
  • allig256 4y ago
    https://64.media.tumblr.com/ac307175e8297f88f095b3bf52e0c854/tumblr_p922zarscX1st8fc4o1_1280.gifv https://64.media.tumblr.com/ac307175e8297f88f095b3bf52e0c854...
• andirk 4y ago
  All: please consider telling your competitors about Animated Tabs [0] as to slow down their productivity per new tab. [0] http://animatedtabs.com/ http://animatedtabs.com/
• SeriousM 4y ago
  I use the artstation extension for a new image with every new tab. That's a bit of beauty throughout the day.
• reustle 4y ago
  When looking up weather, I get > Sorry, that city doesn't exist Seems you mean to say that you couldn't find that city. Also, why do the tile contents change when I change the theme? The google search bar changes to a time ruler depending on the theme. Good work though!
  • allig256 4y ago
    The idea behind the tiles changing when you switch themes is so that you can have more distinction that just colours between themes. For instance you might want a "focused" theme with just blank tiles and the day planner. Or a "stocks" theme with just stock tickers and related subreddits.
• Jaxkr 4y ago
  iGoogle nostalgia :)
  • netfl0 4y ago
    Good ole days.
• happyopossum 4y ago
  This would be awesome if only Chrome allowed one to point a new tab page somewhere…
  • nsgi 4y ago
    Can't you still do that with a Chrome Extension?
    • allig256 4y ago
      I use this extension[0] [0] https://chrome.google.com/webstore/detail/custom-new-tab-url/mmjbdbjnoablegbkcklggeknkfcjkjia?hl=en https://chrome.google.com/webstore/detail/custom-new-tab-url...
  • kej 4y ago
    The tutorial links to an addon that enables this.
  • haberdasher 4y ago
    I developed this for my own needs: Goal Board https://chrome.google.com/webstore/detail/goal-board-vision-board-g/egbpmmfglhgciocgillbpooejgfajmng https://chrome.google.com/webstore/detail/goal-board-vision-...
• agileAlligator 4y ago
  Currently my new tab page is Weboasis[0], it's pretty nifty. Has a lot of neat tools and a fully customizable RSS feed. RIP Webby May his soul be one with Brahman [0]: weboasis.app
• godmode2019 4y ago
  Hi friend, do you mind adding a licence to the github repo
• foota 4y ago
  Fun fact, I wrote the initial prototype of a chrome extension called the Awesome New Tab Page while a junior in high school, it's fun to see it's still around!
• wetpaws 4y ago
  Too much tutorial, I noped almost instantly
• emptyparadise 4y ago
  about:blank gang here personally i'd love to get a widget layer like the old mac dashboard or the windows 8 start menu. miss those a lot, but never really wanted to put those widgets in my browser...
  • lycos 4y ago
    I'm in the about:blank gang too, and I hate that in Safari on iOS you can no longer have a blank tab since a few versions. You can hide all the things on the "start page" but then you will still see the edit button.
  • deleted 4y ago
    [deleted]
  • aasasd 4y ago
    I like me some widgets, but pretty much the only time I see the bare desktop is when the machine restarts. So instead I put some in the menu bar (Mac's ‘tray’), in the dock and in the bottom corners around the dock. I'm using open-source ‘Stats’ for the menu; there's also BitBar iirc. The stock Activity Manager for the dock, and custom scripts in Hammerspoon for drawing anywhere on the screen, namely in the corners.
  • jraph 4y ago
    Firefox displays a search bar, but yes, an empty new tab is good. The awesome bar is what I use to access the thing I intent to access when I press CTRL+T, whether it's an history search, or a web search, or an URL. The fewer things displayed on my screen trying to distract me, the better :-)
• msravi 4y ago
  This is what iGoogle used to be! https://en.wikipedia.org/wiki/IGoogle https://en.wikipedia.org/wiki/IGoogle You could add your own RSS feed, weather, etc and it used to be awesome. Used to be my "home" tab for many years, before google decided to do away with it. It appears there's a "replacement" now. https://igoogleportal.com/ https://igoogleportal.com/ Definitely going to try this one out
  • mattwad 4y ago
    I never recovered news-wise from losing iGoogle, I'll check this out thanks.
  • tempestn 4y ago
    That was my homepage for many years too. The most prominent feature was a running sticky note. Don't really miss it anymore though; I've gotten used to using pinned tabs and bookmarks for anything I need access to regularly. (And a more fleshed-out note taking system.)
  • ghostly_s 4y ago
    > It appears there's a "replacement" now. https://igoogleportal.com/ https://igoogleportal.com/ Very non-obvious that this is not affiliated with Google, I'd think twice about giving it your credentials. Honestly surprised it hasn't been C&D'd based on the URL alone.
    • OJFord 4y ago
      Seriously? I'd say from the domain alone it's clearly nothing to do with Google. (I mean, not to my mother, but here.) Clicking through it looks nothing like a Google page or logo etc. - and I don't even use them (except YouTube and rather de-Googled Android) so I'm not that familiar.
      • pc86 4y ago
        Other than the logo you could absolutely be fooled into thinking that homepage is an official Google property, especially if you're a non-technical user.
• bobsmooth 4y ago
  I use the default firefox new tab with the frequently used website icons zoomed in a little but this is cool.
  • aasasd 4y ago
    Personally I'm longing for a slight variation on the default page, where I could freely arrange the shortcuts how I see fit—instead of having them in a 6×2 table (or 8×2, can't remember at the phone). It's like Windows vs Mac again: MS loves coercing everything into tables, because that's easy for programmers—while Apple understands that people want to navigate with some visual guides and reference points.
• barlog 4y ago
  That 盆栽(bonsai) grabbed my heart
• vladstudio 4y ago
  Looks good! The design is, hm, very opinionated, but well done. Shameless plug - last year, I solve my New Tab page too :-) And it shares a lot of ideas with yours - https://new-tab.vlad.studio/ https://new-tab.vlad.studio/
  • akuji1993 4y ago
    One small thing: You let me preview the cool bookshelf wallpaper, but then I can't click on it to immediately get that one. I scrolled through the first two pages of wallpapers, not able to find it. Would be a cool addition to just be able to click the wallpaper that is currently on preview at the top.
    • vladstudio 4y ago
      That's a very valid report, thanks! I'll look into adding a search option to the wallpaper picker. This particular picture is called Library and is quite old :-)
• jesterson 4y ago
  I use https://github.com/bastienwirtz/homer https://github.com/bastienwirtz/homer for quite some time. No useless bells an whistles (sorry author), no external API references, blazingly fast, nicely done
• idk1 4y ago
  Nice work! One request pls - can you tie two different themes to light and dark mode, my computer goes into dark mode at sunset and it would be great if I could pick one theme for dark mode and one theme for light mode. I love the pink theme bug I don't want it once the sun goes down, I'd go for dark theme then, but of course I don't want the dark theme during the day.
• just-tom 4y ago
  I love how fast everything works! And the fact that you implemented themes are also a big respect. I had this idea a few years ago when I was a much worse programmer and gave it a try with https://widget-board.com https://widget-board.com
• akuji1993 4y ago
  The stock component is missing an error message, when it can't find a stock. I entered "MSCI World" and it just kept loading and loading.
  • allig256 4y ago
    Fixed!
• rcarmo 4y ago
  This is very nice. It does, however, assume you only use one browser, or one device. I use a static page (https://github.com/rcarmo/sui https://github.com/rcarmo/sui) that I’ve since hacked to have zero off-LAN dependencies other than the weather, and which I set as home in everything. But I like the idea of having a few widgets, so this is good inspiration - I just need to add an express server to store a bit of JSON.
• cpcallen 4y ago
  Hmm. It just shows me a blank page, like about:blank, only it uses 112% CPU. That doesn't seem very useful. Oh, I see: looking in the console is an infinity of error messages, mostly "Error handling response: Error: Failed to read the 'localStorage' property from 'Window': Access is denied for this document." Yeah: yet another page that can't load correctly with cookies disabled—only this one also manages to drain my battery. Look: I am sure your page is very pretty, but if you can't even manage to write code that fails gracefully in this very simple and common scenario, I don't think I trust you to not have made mistakes with more serious consequences.
  • dndvr 4y ago
    - not that common a scenario - this uses localStorage which is similar to cookies but not the same thing - for a site that extolls 'all the data is saved in your browser', how should it cope with a browser with storage disabled? - How do you log in to HN with cookies disabled?
    • cpcallen 4y ago
      Disabling cookies quite naturally disabled local storage as well, since localStorage can be used to identify and track a user as surely as a cookie can, at least if they have JavaScript enabled. I selectively enable cookies on websites that I wish to remember me as required. The vast majority of websites are perfectly capable of loading and operating without cookies / localStorage (though more recently a lot of them will keep popping up annoying cookie banners on every page load, since they can't remember I asked them not to use cookies if I don't let them set a cookie to remember that fact, ironically enough). There are numerous sites that are not _useful_ without cookies, but even the majority of those detect that cookies are disabled and explain that they are required, and most of the rest do something broken but basically understandable like generating a XSRF-detected error or redirecting one back to the login page over and over again. Even the small minority that fail to do anything at all and just sit there showing a blank page are at least harmless. Doing nothing useful _and_ using >100% CPU would therefore seem to entail either an unusually high level of incompetence, a wanton disregard for good practice (i.e. graceful degradation) or outright malice. I'll choose to apply Hanlon's razor and assume it's the former until proven otherwise.
• gernb 4y ago
  nice! Some suggestions for me at least 1. Why I can't I set any tile to any type? 2. An RSS feed tile would be nice. It seems I can only follow HN, Reddit, Twitter 3. Would be great if I could drag and drop tiles to arrange like (https://nomcopter.github.io/react-mosaic/ https://nomcopter.github.io/react-mosaic/) or (https://xcfox.github.io/react-tile-pane/demo/ https://xcfox.github.io/react-tile-pane/demo/) etc... 4. A random image tile would be nice 5. Use the extension sync to sync across machines? (maybe that's already in the extension version)
  • someweirdperson 4y ago
    > 2. An RSS feed tile would be nice. Merging content of all my feeds. And where I say all my feeds I mean all feeds that the automation happens to find on all the pages I visit, until I set them to removed/hidden explicitly.
• tmvst 4y ago
  Impressively fast! I love the bonsai. Way too much distractions for me though. Shameless plug: I made a new tab page that's just markdown notes and bookmarks - https://nutab.co https://nutab.co
  • sph 4y ago
    I love this. This is exactly what I was looking for. But please, make it open source or announce your monetization plans. Freeware extensions tend to be acquired by the worst companies or bundle malware eventually. If you say you have no plans and intend to keep your word, I shall make an open-source version myself. But don't let this rant detract from the main point: I love this a lot. If it were somehow synced with Firefox sync, I'd gladly throw even more money (donation, one time purchase) your way.
    • tmvst 4y ago
      Thank you! First and foremost, I made nuTab for myself. I wanted a minimal, private notepad as my new tab page. I really don't want to sell it or make it invasive in any way. Also, no monetization plans yet, but if they come, I'll make sure they're not breaking the original promise of privacy and simplicity. Firefox sync would be nice, although I would make it optional.
  • mosselman 4y ago
    That looks very nice! How is the data saved? Could I set something up where I can edit it both in the browser and my editor or something?
    • tmvst 4y ago
      Thanks! Everything is saved in the extension's local storage. Nothing leaves the browser. You can export editor content from the settings (three dots in the bottom left corner). That creates a .md file with your notes that you can probably import to any editor.
      • mosselman 4y ago
• jlukic 4y ago
  I also run a customizable start page http://myfav.es http://myfav.es its cost $100/month for 10 years to run but i keep it up because a lot of schools use it to help set up their shared computers and i couldn’t ever have the heart to shut it down. Once you set it up you can also run it entirely offline using app manifests from myfav.es/fast if you don’t like the idea of your new tab experience being slowed down by web requests.
  • sph 4y ago
    Why so expensive?
    • oars 4y ago
      A software engineer who makes $100,000 a year, working 40 hours a week, for 52 weeks, makes about $50/hour. If this person is spending 2 hours of their time each month maintaining this website (which they gain nothing out of) that's $100/month.
      • ksala_ 4y ago
        I very much doubt they where talking about this, and where instead referring to their hosting costs.
      • mosselman 4y ago
        I detest this meme where supposedly every hour you have is translatable to money. It isn't as if you can sell every hour of your time whenever you feel like it. If it were that way, you'd be able to say: "I pay $1500+ for going to the toilet each month": > A software engineer who makes $100,000 a year, working 40 hours a week for 52 weeks, makes about $50/hour. So let's say 1 hour of toilet time per day on average, so: 30 * 50 = 1500. What nonsense.
        • someweirdperson 4y ago
          > "I pay $1500+ for going to the toilet each month" It's a little less (I don't need that long), but most importantly, my boss is paying for most of that.
• A_Venom_Roll 4y ago
  Reminds me of http://start.me http://start.me, which is highly customizable and also offers a new tab extension.
• monkeydust 4y ago
  Nice work - i got a positive experience being able to type in location, stock, reddits and getting something back quickly. This could make a good homescreen for a device mounted on a wall in your home perhaps from a repurposed e-reader.
• cunidev 4y ago
  This is what I have been dreaming for years. Amazing job!
• deleted 4y ago
  [deleted]
• fazfq 4y ago
  The last thing I need is such a stream of information in my new tab page. I would never get anything done. Thank the Lord for about:blank
  • RedShift1 4y ago
    Anecdote about about:blank: When I worked in a pc repair shop, when I set up new computers I always configured the browser (back in the day this was IE 6 and older) to start with about:blank because it just starts faster without having to load the MSN website or whatever. At some point my boss told me to stop doing that because customers thought the internet wasn't working.
    • theCrowing 4y ago
      • RedShift1 4y ago
        when I set up new computers. I never changed settings on existing accounts (unless it was to fix something of course).
      • rajamaka 4y ago
        "when I set up new computers"
      • stevedzreams 4y ago
        I don't think you read his comment.
      • thiht 4y ago
        Don't be over dramatic
    • c7b 4y ago
      Well, as a repair worker you're also not really supposed to mess with settings that are frankly purely subjective (yes, about:blank loads faster, but if people want to always go to MSN first, you've just increased the time and friction to get there), and have nothing to do with whatever problem people came to see you about.
• alexb_ 4y ago
  The design is super opinionated but I LOVE IT! Especially the colored dark - I really do hate how dark modes really muddy out a lot of colors (I often find myself using the Windows High Contrast mode, especially in VSCode). Love the amount of customizability to make it exactly what I want. Will start using this!
• martin_a 4y ago
  What tool did you use for the "tour"/tutorial at the start?
• kamilm 4y ago
  Nice work, good job! I like the pastel colors and the design. We run https://websktop.com https://websktop.com which also can be used as a new tab page (it's even faster with our Chrome extension) but it's not as "dynamic" - just your bookmarks.
• bonyt 4y ago
  Anyone remember using "MyYahoo!" where you could customize the page, putting feeds and other things in the boxes and arranging them as you saw fit?
  • k2enemy 4y ago
    Yes! That was my homepage for years. Such a great density of customizable information.
  • sfchris 4y ago
    I used that from 1996 until the 2010s when some of my favorite RSS feeds refused to load there. I had it in "compact mode" and it was super dense (no images, not much white space) so I could fit 5-10 stories from each feed, plus stock prices. If anyone here used my yahoo extensively, what is the best replacement now?
• tiborsaas 4y ago
  This is almost exactly what I needed, thank you :) One thing I couldn't figure out, what format the stock ticker prefers, you could add a search feature there, or a (?) icon that explains the format.
• ndr 4y ago
  This seems a good candidate for a personal dashboard akin what suggested by https://twitter.com/balajis/status/1442865840882212873 https://twitter.com/balajis/status/1442865840882212873
• neogodless 4y ago
  Why does it assume I'm using Chrome? (I'm not.) I'd at least suggest you let people know "this one" links to a Chrome-specific extension. Can you remove stock tabs?
• breck 4y ago
  This is awesome! My friend Nick and I ran a site like this a long time ago called qduke.com that we eventually sold to the student newspaper after we graduated. We entered the Duke Startup Challenge with that idea — the best start pages on the Internet. But our tech wasn't as good as yours is. Didn't have that much programming experience at the time. I love how its open source and you use local storage. If there's anything I can do to help feel free to reach out!
• dangerface 4y ago
  This is a truly excellent site I like how easy the ui is everything makes sense and I like the little tutorial it gives you much better than the ui for onboarding on most saas.
• mnsh 4y ago
  I have been using https://tabliss.io/ https://tabliss.io/ for a while now. Yours seem cool, but I personally don't like too much information on my start page. Only reason I use tabliss is to see random Unsplash image on every new tab.
  • xypage 4y ago
    tabliss is great, you can pull up your github contribution calendar (without needing to sign in to github), show the weather, and add links that you can open with the number keys which is convenient and saves a solid quarter second of typing every time I open a new tab, which is fun.
• Phristov 4y ago
  Awesome work sir! I would definitely use it.
• jcbcn 4y ago
  Would be good to have this as an offline open source extensions for firefox (which also sets the new start tab to itself)
• GrayShade 4y ago
  Looks pretty nice :-). But why does changing the theme reset the weather location?
• karakanb 4y ago
  This looks very nice, thanks for sharing it. I really like the way the settings pane works, being able to see the change right away instead of the browser. Since many people have shared theirs, I have also built a new-tab extension for a few years ago, it displays Hacker News, Product Hunt, GitHub Trending and a few more platforms on the grid, I have ~2k people using it: https://github.com/karakanb/devo https://github.com/karakanb/devo I will experiment with this settings design to incorporate sth similar in Devo, thanks for the inspiration!
• gammalost 4y ago
  This reminds me of the behemoth that is superstart[0]. Everything from banking to recipes in it's ugly glory [0]https://www.superstart.se/ https://www.superstart.se/
• grepfru_it 4y ago
  Also check out dashy[0] which does much of the same (including the option for server side configuration). Personally I'm happy with the tabliss[1] addon for firefox [0] https://dashy.to/ https://dashy.to/ [1] https://addons.mozilla.org/en-US/firefox/addon/tabliss/ https://addons.mozilla.org/en-US/firefox/addon/tabliss/
• boredhedgehog 4y ago
  The wide tiles don't have a bonsai mode, and the narrow tiles are too narrow to show the whole bonsai. :-(
• kixiQu 4y ago
  > “Make your own home page” is an old appeal. It is older than the mid 90’s. Not even 1994, but 1992. On the internet, one year is equal to ten astronomical years, there is a century between 1992 and 1994. > So in 1992, the home page was a document that you saw when you opened your browser – which at that time was WWW on the NEXT computer. > As the author of “The Whole Internet” noticed in 1992: “The home page provided by CERN is a good entry point into the web; it points you to a lot of resources fairly quickly. However, there are lots of reasons to want your own home page.” > He meant that maybe the links provided by CERN are far from your interests and you’d prefer, for example, links to medicine rather than physics resources when you open your browser. So you could edit the CERN page, filling it with your links and notes and it would be your home page. > So 50 years later :), in 1993, with the arrival of the Mosaic browser, the web left academia. Web users got ideas and tools to extend home pages, and turn them into websites. The term “home page” started to change its meaning. It became the first page of a website. Then as a sort of metonymy, it started to mean personal web pages. Making a home page soon meant not making the first document of your website, but making your personal website, your home page, YOUR HOME ON THE WEB. Olia Lialina, net artist who does a lot of internet history stuff: https://blog.geocities.institute/archives/5118 https://blog.geocities.institute/archives/5118 Wrote about homepages recently. https://maya.land/monologues/2022/09/19/homepages.html https://maya.land/monologues/2022/09/19/homepages.html I hope people have fun with this tool! Even without getting your hands dirty yourself with some HTML, it encourages an attitude of "I ought to be able to make this be how I want" towards technology