I use https://coolors.co/ almost every week to find nice color combinations for my projects.
What are some of your go-to resources for anything dev related?
I use https://coolors.co/ almost every week to find nice color combinations for my projects.
What are some of your go-to resources for anything dev related?
For further actions, you may consider blocking this person and/or reporting abuse
regex101.com is a life saver for crafting regular expressions.
Along with debuggex.com for visualizing an expression.
That’s another good one for sure.
I'd recommend rubular for ruby style regex.
Only reason I use regex in any form is because this site exists.
It seems to be better than regexr.com/. Thanks!
Absolutely this 👆
This is definitely going in my bookmarks, thanks !
Directly to bookmarks too!
I use that all the time! Love it.
ngrok.com/ or serveo.net/ so I can expose my local servers to everyone and share my work without having to push to staging environment !
I LOVE ngrok, it has been super useful over the last few months 😄 thanks for sharing Valentin !
eeeuh yes, that's amazing!
I can't tell unless I could literally mind-read what most other devs think!
Personally, I read reddit (programming sub), quora, HN, FreeCodeCamp, medium, and dev.to, of course. All of them are quite popular so I'm assuming most other devs might be using them too. There are some other quiz, coding contest and pure fun sites too, and some of them are a little less known I believe:
colorbox.io is an amazing tool for working with colors too.
Fontspark.app is also a very nice tool for types discovering.
Coolors.co is amazing for creating color palettes fast.
Love it, I'll use Fontspark a lot from now on 😄
I discovered fontspark.app because I was planning to do something similar, is so good that it changed my mind about going on with the project.
css-tricks.com/snippets/css/a-guid... - I always forget justify-content!
whynopadlock.com/ - This is also great for debugging why your padlock isn't green.
I've opened this CSS Tricks guide more times than I can remember 😅
So glad I'm not the only one! Haha.
Haha same here, and three grid one also!
justify-content
will be the death of my last remaining brain celI’m not even going to correct that, that’s what CSS has done to me today
Oups! I wish I known whynopadlock a month ago...
I have that same CSS Tricks article saved too!! It's been a life saver.
OneTab is a great Chrome and Firefox extension for tab-hoarders.
Awesome tip
that's what i needed just now, thanks!
This collection of cheatsheets is great if you want to do something with a tool/library but don't know what it's called! Just reading through the cheatsheets whenever you're free for a few minutes is also incredibly helpful.
man
tldr.ostera.io/
relatedwords.org/
thesaurus.com/
I... have some trouble naming things.
CrontabGuru is great for verifying or building cron expressions.
caniuse.com/ is my first stop if I have to touch anything client-side.
This is awesome. Nice one.
Ms paint
wordvis.com for help finding the most concise names.
mind=blown
great res
Windows Snipping Tool
CMD+Shift 4! :-)
pdfsea.com/ and typeanything.info/ (both self-obvious)
Lightshot browser plugin takes screenshots
Build With browser plugin snoops into site tech - very verbose
AWS Quicklinks browser plugin is self-obvious and saves truckloads of time
This be my 1st post here, nice to meet you
Welcome and thanks for sharing!
devdocs.io is the greatest aggregator of documentation I've ever seen.
Just found this!
ModRewrite Tester:
htaccess.madewithlove.be
Our htaccess tester is ten years old this year. We wrote a little post to reflect on how it started and where we are today/
endtest.io is useful for quickly automating tests
🤯
For flexbox I use this one also when needed : codepen.io/enxaneta/full/adLPwv. But yours is awesome!
As a developer, I mostly use
dnschecker.org/ (To check the DNS Propagation)
iplocation.io/ (To get the IP, its location, and much more)
url-decode.com/ (For the encoding or decoding of the URL, with other 100+ web utilities also available)
myspeedcheck.net/ (For checking the internet speed)
onlinenoffline.com/ (To check, if the website is down or not)
10 Usability Heuristics for User Interface Design
If your job is anything like mine, sometimes you are given vague requirements without any input from a design expert on how the interface should work. These guidelines aren't a silver bullet that will help you create great interfaces, but they can prevent you from making common mistakes that lead to horrible user experiences.
V (the versioning environment of TMSR).
Totally forgot about devhints.io/ 😄
undesign.learn.uno/
undraw.co/illustrations
mixkit.co/
css-tricks.com/snippets/css/a-guid...
materialuicolors.co/
bit.dev/
animista.net/play
every-layout.dev/
colordesigner.io/
getemoji.com/
material.io/resources/icons/?icon=...
material.angular.io/guide/typography
glyphy.io/
happyhues.co/
gitmoji.carloscuesta.me/
speedtest.net/it
screenshot.guru/
colors.eva.design/
khroma.co/generator/
hclwizard.org/hclcolorpicker/
medialab.github.io/iwanthue/
materialtheme.arcsine.dev/
30secondsofcode.org/
colorsinspo.com/
mixkit.co/
checklist.design/
craftwork.design/
thenounproject.com/
wordvis.com/
Flexbox Cheatsheet by @JoniTrythall
I also recently found:
A couple of (maybe) lesser-known tools I use for web dev:
Hosts.cx - Creates a pseudo url for viewing in-development websites when the URL is pointing somewhere else (like an existing website)
Meyerweb URL Decoder - Makes text and js URL-friendly. Helpful for custom fields.
OWASP Cheatsheet - Good resource for anything about web security. They have a simple pen-testing tool for websites too called ZAP
When you want to clean up json:
jsonformatter.curiousconcept.com/
zealdocs.org/
Zeal is a must-have tool for me, it helps me download documentation of various programming languages and libraries.
I use Dash which inspired Zeal but yeah the combo of Alfred and Dash/Zeal is almost like a muscle tic for me at this point.
Neilsen’s Usability Heuristics. I’m no Ui designer, but with this I can have some confidence that my software isn’t a complete pain to use
nngroup.com/articles/ten-usability...
When I want to find a name for a hex number color: chir.ag/projects/name-that-color
Ruby Koans
This helped me learn Ruby and learn to write tests all at once. Most of the Ruby devs I've mentioned it to don't know about it, though.
webfx.com/web-design/hex-to-rgb/ for hex/rgb conversions.
regexr.com/ as a RegEx playground.
httpbin.org is very nice for the early stages of testing an API client.
embed.rocks
google.com
coolors.co/ great for finding random colors
jmeter.apache.org/ for load tests
Yoga
If find that TinyPNG is always useful.
jsbeautifier.org
Fish. The resource I've regularly used to replenish my storages with Omega-3. It does wonders for my memory.
My first thought was the Linux shell
fish
, what has to do a shell with storage and WTF is Omega-3 a theme? plugin?...what's wrong with me!?
I'm gonna turn off the computer now and go out, thank you very much.
Hii
You can also use onlinejsontools.org/ for json validator,beautify,minify,xml,yaml,CSV,bson,plain text,base64,tsv.
Do checkout this site!
w3.org/Graphics/SVG/IG/resources/s...
I use transfer.sh to transfer small files from shell to anywhere when scp is not available (creates a download link).
Don't use IT to transfer sensitive information though.
Here are some online tools i use daily,
wowspeedtest.net/
etisalatspeedtest.com/
downloadtwittervideos.net/
ahrefs.com/
moz.com/
tmspeedtest.net/ to check my wifi speed
brutalistwebsites.com to get some design inspiration 😄
Trick Knowledge to get some design inspiration