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.
This is definitely going in my bookmarks, thanks !
Absolutely this 👆
It seems to be better than regexr.com/. 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-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.
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.
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.
Ms paint
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.
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!
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.
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)
endtest.io is useful for quickly automating tests
🤯
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.
For flexbox I use this one also when needed : codepen.io/enxaneta/full/adLPwv. But yours is awesome!
Flexbox Cheatsheet by @JoniTrythall
I also recently found:
V (the versioning environment of TMSR).
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/ 😄
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.
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.
embed.rocks
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...
google.com
w3.org/Graphics/SVG/IG/resources/s...
brutalistwebsites.com to get some design inspiration 😄
coolors.co/ great for finding random colors
Yoga
If find that TinyPNG is always useful.
Here are some online tools i use daily,
wowspeedtest.net/
etisalatspeedtest.com/
downloadtwittervideos.net/
ahrefs.com/
moz.com/
jsbeautifier.org
tmspeedtest.net/ to check my wifi speed
Hii
You can also use onlinejsontools.org/ for json validator,beautify,minify,xml,yaml,CSV,bson,plain text,base64,tsv.
Do checkout this site!
jmeter.apache.org/ for load tests
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.
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.
Trick Knowledge to get some design inspiration