4 ms·
A calculator for you, because I'm in pitch-my-side-project mode ;) https://instacalc.com/50060 https://instacalc.com/50060
by kalid 10y ago
A calculator for you, because I'm in pitch-my-side-project mode ;)
https://instacalc.com/50060 https://instacalc.com/50060
- richfnelson 10y agoThat's pretty neat idea. The site's missing a cute calculator favicon though, which destroyed my UX.
- kalid 10y agoHah, I just finished a flat redesign from mid-2000s skeuomorphic interface. Redoing the logo / favicons is that last thing...
- dualogy 10y agoToo bad you didn't have a legacy "flat design" from the early 90s still at hand, saves time when changing trends every 10-15 years..
- kalid 10y agoIronically the site design is 90s-browser friendly (maybe with tables vs. divs) but the new JS features are not. That reminds me, I want to browse the site on lynx and see what happens...
- lmm 10y agoThat's how you can tell flat isn't just a trend - it's going back to what worked, after years of doing rounded corners and drop shadows because we can and never stopping to wonder whether we should. There's a lost decade in web design, but hopefully we're now starting to recover from it.
- kalid 10y agoUX is now undestroyed.
- koliber 10y agoI love this!
- kalid 10y agoThanks! I'm trying to make the imgur/pastebin of calcs. Whip something up on a forum (ahem) and share it in seconds. Let people try and share their own scenarios.
- Nadya 10y agoThis is really cool! Bookmarked. :D ps. I can't use any of your examples. I use a portrait orientated screen which causes the examples list to go below the example. Hovering over them causes the example to change, which changes the height of the area, which forces a hover event on another item in the list as it gets pushed up/down which repeats the process until the height is either too short or too tall for me to be hovering an item in the list. Consider making it a .onClick() event after a certain screen size? :) E: Woah! Just realized you're the same kalid behind betterexplained. Another really awesome resource. :)
- kalid 10y agoGreat feedback, thanks! The examples should probably load on either hover (preview) or click (load). Currently it takes you off the example list and to a standalone calc, which is confusing. (There are so many usability issues you discover as things get out there.) Glad you're enjoying betterexplained too ;).
- Avshalom 10y agoOh shit, you're the asshole[1] behind instacalc? I love instacalc. [1] I mean that in the most endearing way.
- kalid 10y agoHah, yes, I'm that bad mamma jamma.
- Avshalom 10y agoseriously, been using it for years, one of my favorite tools P.S. I'm sure you've looked into it but any plans for graphing capabilities?
- kalid 10y agoIt's awesome to hear when it's been a long-standing tool in the utility belt. The original version had charts/graphs (simple pie charts, etc.) which I need to bring back, were you considering more Wolfram-Alpha style 3d plots?
- sillysaurus3 10y agoHey, I just wanted to say this is a really cool idea. Thanks for making it and sharing!
- kalid 10y agoGlad you liked it!
- dcousens 10y agoIf you moved your scripts to 1st party, uMatrix wouldn't block it
- timlyo 10y agoOn A serious note about the UI though, that red/green colour is awful for colourblind people. Didn't even realise there were two colours at first.
- kasparsklavins 10y agoI'm sure you mean - those are two different colours. If not, oh boy do I have news for you.
- hoschicz 10y agoHow would you work around this? Do browsers have a colorblind mode/header/whatever? Or should we just never use red/green combination?
- kalid 10y agoThanks for the feedback. The colors are more syntax highlighting (vs indicating anything important), I'd like to research best practices here. I wonder if there's any client-side settings I can detect to indicate a different stylesheet should load.
- rickycook 10y agoblue is a good option instead of green. same reason some places in the world have blue, rather than green signals for traffic lights afaik :)