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.
Only reason I use regex in any form is because this site exists.
I'd recommend rubular for ruby style regex.
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:
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-contentwill 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.
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.
OneTab is a great Chrome and Firefox extension for tab-hoarders.
that's what i needed just now, thanks!
Awesome tip
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.
mantldr.ostera.io/
relatedwords.org/
thesaurus.com/
I... have some trouble naming things.
caniuse.com/ is my first stop if I have to touch anything client-side.
This is awesome. Nice one.
CrontabGuru is great for verifying or building cron expressions.
Ms paint
Windows Snipping Tool
CMD+Shift 4! :-)
wordvis.com for help finding the most concise names.
mind=blown
great res
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!
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/
devdocs.io is the greatest aggregator of documentation I've ever seen.
endtest.io is useful for quickly automating tests
🤯
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)
For flexbox I use this one also when needed : codepen.io/enxaneta/full/adLPwv. But yours is awesome!
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.
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/
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/
Totally forgot about devhints.io/ 😄
V (the versioning environment of TMSR).
embed.rocks
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.
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...
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.
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.
google.com
jmeter.apache.org/ for load tests
Yoga
If find that TinyPNG is always useful.
coolors.co/ great for finding random colors
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