Online IDEs for quick prototypes

Tags

#Frontend

Codepen.io: Really great for prototyping layouts and CSS in general.
Recently added Flutter support

  • React: ✔
  • Svelte: x
  • Flutter: ✔
  • JS: ✔ (but not very good …)
  • Private Pens: ✔ (Paid)
  • Secrets: x
  • Deploy to Netlify (or now.sh): x

Codesandbox.io: Webpack + VS Code as an online IDE

#Fullstack (include a VM/Container for development)

Glitch.com: #fullstack, #millenial, #awesome, #secrets

Glitch + Fly.io is very fly!

Repl.it: #fullstack, #secrets, #paid-for-private-repls
Has secrets (.env file that is only accessible by repl owner)

Runkit: The best way to hack nodejs ‘scripts’, IMHO
#backend

Codeanywhere, $8/mo

Stackblitz:
VSCode in the Cloud

#secrets  = .env file that is only accessible by repl owner

Archived

C9.io: Was really nice, but it’s been bought by Amazon; not free anymore, unless you use AWS 😭

Do you know others that should be on this list? Like, subscribe and Leave a comment below!

 

Cloud Storage Pricing 7/Apr/2019

ProviderStoragePer Year
Google Drive (searchable)2TB $          100
Apple iCloud (can be shared with family)2TB $          120
Dropbox (searchable, best sync engine)2TB $          200
Backblaze B22TB $          120
Mega1Tb $          144
pCloud2TB $          100
OVH SoYouStart2TB $          360
DreamObjects (DreamHost)2TB $          600
OneDrive1TB  $          70
MediaFire1TB  $          30

Notes:

  • 2TB is the sweet spot for me; YMMV.
  • iOS does not seem to search Google Drive like it does Dropbox
  • Google’s One (https://one.google.com/) may make Google’s offering more attractive
  • Google does a lot of rate-limiting apparently
  • Microsoft is giving you Office 365 (which you’d have to pay for anyways) with the 1Tb
  • pCloud: I’d trust Google over pCloud… and Drive is searchable, has an excellent API and is probably supported by a lot more tools and services.
  • iCloud: The worst by far in terms of performance; sync is slower than molasses from India. And they ($AAPL) don’t care. With Google Photos, iCloud’s limited advantage of deep integration with iOS Photos is not as relevant.
  • MediaFire: No search;

Also see https://rclone.org/

macOS Productivity Apps every dev needs!

Window Management/Misc Util

SpectacleFree, Open Source
BetterTouchTool, Donationware
Magnet , Mac App Store, about $2.

Winner: BetterTouchTool

Spectacle App is really, really good window management; shortcuts to dock windows to left/right half (or quadrants, or top/bottom) of screen. Some stuff, like hitting the ‘dock right’ shortcut (ctrl + cmd + right) twice makes a window use the right third then right half then right 3/4ths etc. It’s just magically good. Having said that you can replicate (95%) the functionality of Spectacle App with BTT and since BTT does Window Management and Keyboard/Mouse Remapping and so much more – it makes sense to use BTT alone. 

Magnet is Spectacle App with the added ability to dock windows on drag (i.e. drag to top of screen to make a window full screen). BTT does this out of the box too; but takes it further… BTT lets you define snap areas / layouts and activate them using the mouse alone!

BTT does not come batteries included, so you have to make your own shortcuts and assign window management operations to them. There’s a community forum for sharing presets but it’s still a chore. Also BTT can do Touchbar based Window Management (though I’ve not found that very useful; and I hate the touchbar anyways).

Application Launcher / Search Everywhere

Alfred, Freemium

Better spotlight, including deep integration with Google / Gmail / Drive and other custom searches (via plugins). Really good, no competition here. No discussion, just install it and thank me later.

Alfred Workflows

Note Taking

OneNote, Free, Proprietary 

The best note taking app out there. Period. I’d say Apple Notes is now the best note taking app out there, because it’s so fast and has great integration with iOS & macOS. The web version is not too shabby either. It’s not very cross platform though and if you have thousands of notes (as I do) sync breaks every now and then. It doesn’t have all the “nice” touches of OneNote – like napkin math or keyboard shortcuts to apply styles like Heading 1, Heading 2 etc.

Screen Sharing / Collaboration

ScreenHero (now owned/murdered by Slack)

AnyDesk

TeamViewer: The free version just randomly stops workign for me — it says commercial use detected and stops. So AnyDesk, though TeamViewer is very good.

Other:

CleanMyMacX, Freemium 

Itsycal, Freemium

Developer Tools 

  • PHPStorm
  • Visual Studio Code
  • Homebrew,

Homebrew packages/bottles: 

brew install php swaks htop telnet ffmpeg mysql pstree aria2 pv q jq autojump keychain nmap readline node redis beanstalkd ripgrep rsnapshot wget rsync bzip2 git xz yarn speedtest-cli parallel composer go sqlite curl grep sshfs coreutils

Other Stuff

Google Chrome, FireFox, Microsoft Edge (Chrome)

XCode

Office 365

Parallels Desktop

Coconut Battery

WhatsApp (Desktop)

Blackmagic Speed Test

Amphetamine

Reeder

Dropbox

Tinkerwell

VLC

Beyond Compare: Don’t leave home without this!

Paw

SuperDuper

(Git) Tower 2

Docker

Pocket

SecurePDF

XQuartz

Calibre

Intel Power Gadget

Mailplane

Backup and Sync from Google

MacDown

WireGuard

MySQL Workbench

Skype

OpenAudible

Resolutionator

Local By Flywheel

JetBrains Toolbox

Trello

GIPHY Capture

Yoink!

OpenInTerminal

MacsFanControl

Trader Workstation (IB)

 

One-Liners

Q: Can February March?
A: No. But April May!

Q: Did you hear about the painter who was hospitalized?
A: Reports say it was due to too many strokes!

Q: Have you heard the joke about the butter?
A: I better not tell you, it might spread!

Q: How do you know that carrots are good for your eyesight?
A: Have you ever seen a rabbit wearing glasses?

Q: Music Teacher: What’s your favourite musical instrument?
A: Kid: The lunch bell!

Q: What did the triangle say to the circle?
A: You’re pointless!

Q: What do you call a ghosts mom and dad?
A: Transparents!

Q: What do you call a group of men waiting for a haircut?
A: A Barbercue!

Q: What do you call a person that chops up cereal.
A: A cereal killer!

Q: What do you call a South American girl who is always in a hurry?
A: Urgent Tina!

Q: What do you call two fat people having a chat?
A: A heavy discussion!

Q: What kind of emotions do noses feel?
A: Nostalgia!

Q: What kind of shorts do clouds wear?
A: Thunderwear!

Q: Who cleans the bottom of the ocean?
A: A Mer-Maid!

Q: Why can’t a leopard hide?
A: Because he’s always spotted!

Q: Why can’t your nose be 12 inches long?
A: Because then it would be a foot!

Q: Why did the boy tiptoe past the medicine cabinet?
A: He didn’t want to wake the sleeping pills!

Q: Why did the tomato turn red?
A: It saw the salad dressing!

Q: Why did the tree go to the dentist?
A: To get a root canal!

Q: Why don’t you see giraffes in elementary school?
A: Because they’re all in High School!

Q: Why was the math book sad?
A: Because it had too many problems!

Postfix: Add a catch-all domain

Configure postfix to forward all email for a domain to another destination. (#Ubuntu #Trusty)

$>vim /etc/postfix/main.cf
virtual_alias_domains = domain.com example.org
virtual_alias_maps = static:<email@example.org>
#virtual_alias_maps = hash:/etc/postfix/virtual
$>service postfix reload

Any email sent to *@domain.com, *@example.org will be redirected to email@example.org, assuming of course that you setup the MX record for domain.com / example.org to be the postfix server.

One risk is that any spam will also get forwarded; this is normally ok, but gmail etc will lower the sending MTA / IP score such that future emails that are not spam will still be treated as spam.