@@Cognitoman figma is just for creating a design. It is specifically geared towards web development and I believe that you can actually extract CSS from the designs but it is not meant for that. It is mostly meant to be a way to create a design quickly so you don't have to do the design work while coding.
Just like me you have a long way to go. I started programming 1.5 years ago. The first half year I didn't know what the fuck was going on since I didn't have any foreknowledge of programming (learned C# first, hard language to start with ime) and also the things around it like File Explorer, optimial Google searches I wasn't very good with. The second half year I had to redo the semester and really went for it. That was when I realised I had to work hard to learn programming. The 3rd half year/2nd semester I choose to study a different route within IT called IT & Media Design. It's basically a combination of Web development (HTML, Css, Javascript + frameworks/libraries) and Design (the whole Adobe package so Photoshop, Illustrator, etc.) Had to work harder than before to succeed the semester. Javascript was much nicer than C# tho. Only just started my third semester. Anyways don't worry if you fail. Learning how to program takes time. A lot of people in my classes are at least 2 years older than me. It's not your general study. You will never stop learning. Embrace it. Good luck.
@@bac0n299 Sololearn.com is a quality platform to learn a variety of programming languages, but also for HTML and CSS you can learn the basics there. When you start making your first website I would recommend using resources like www.w3schools.com/ and css-tricks.com
I agree. Ive pointed all my coworkers to his Angular videos. So much info packed in to relatively short videos. I've watched the reactive forms video probably 15 times just soaking it in and I've recommend my team do the same.
You manage to make me favorite many of your videos, something I rarely do. The key characteristic I would describe many of your videos with is "useful". Like, damn, you are one of the few content creators that actually manages to help me speed up my workflow and make a difference for me. That's impressive dude
Holy shit, Linux kernel developer here, And this list 10/10 transformed my life. I've never seen so much amazing tools, these are almost as useful as the C compiler.
When making this video I couldn't stop thinking about how useful it would be to a Linux kernel developer. Honored to hear I got a 10/10. The C compiler was number 8, so stay tuned for the sequel...
That's why the least we can do to payback is contribute our own hours or a little bit of money to open source projects. It's the best ROI we'll ever get!
@@daxtailor247 it has to do with almost none of them being Developer tools, and those which are dev tools are very narrow in scope (like a WYSIWYG editor in browser and GraphQL client), clickbait title and all
Postman works as well, specifically if you're working in team. It's UI is very similar to insomnia, but it's being more team oriented. (used both, now switched to insomnia)
@@CyberQuickYT Yes, but it doesn't include team sharing. But this postman limit 25 request for free team is just about to be a burden too, so I think I don't have any reason to keep using postman. Thanks btw
This being the first video of his I have ever seen, I thought I had left the playback speed at 1.5x.since I often find myself speeding up tutorial videos, I found the pace of this video refreshingly quick and comfortable to watch. The content was excellent, too! Liked and subscribed right away.
All the design tools mentioned are definitely not just frontend, but also game dev, youtube, app dev, software dev, modding. But yeah like 3 OUT OF 7 of the tools mentioned are website/front-end specific.
I have to watch all of your videos. I've been writing code since the 80s and I always learn something new and 10x productivity when watching your videos. Especially when relearning about tools or platforms I've already researched and needed a different point of view. Thank you!
Not Development, but I'd say that Asana or Trello are pretty good free project management tool that can help you organize your personnal / small team projects.
Actually, none of these tools are specifically geared towards frontend web development, either. BundlePhobia is a performance enhancing tool, CloudCraft is a backend architecture tool, Figma, Fontflipper, Visbug and Flare are frontend DESIGN tools, and Insomnia is for testing and debugging backend api's. So, technically none of these are development tools per se except for Insomnia, which is not for frontend development. These are only tools that would aid in adjacent aspects of frontend web development.
Visbug is one of the best extensions to recently come. I use it on a daily basis to make live mockups for clients when they request a change on their site; makes it easy to adjust their demands as well as impressing them haha
I want to be you when I grow up, Fullstack dev/designer/enterprunuer, hense I will use all 7 tools , its so nice to see someone who has already made it!
I like the CloudCraft UI. It reminds me of a retro-style tower defense game like Super Sanctum TD. If you need a break from coding, I highly recommend it.
"I really feel like I should be paying them more than zero dollars a month to be using this thing" This is literally me after almost all of your videos
Hey, thanks for the nice list. Really helpful. Flare seems to be ood. is there a successor or alternative you can recommend? Or does it simply have a new name? Best, Dom
I guess I'm so focused on Angular and Firebase and Visual Studio Code lately that I've not heard of any of these tools. Please add them to a recommended dev/design tools page on your AngularFirebase site so I know where to find them again. Thanks for sharing and helping to make us more productive at all stages.
Please make a video on your journey in becoming a frontent/backend engineer/ UX designer/ TH-camer. I aspire to be those things and it would be helpful to know what you did to get there!
I was surprised when I installed Insomnia that I found my antivirus detected and block this: ......../insomnia-node-libcurl/curl-for-windows/libssh2/docs/hacking.crypto Made me distrust Insomnia
Dammit you are right, I wasn't using any of these. They are so useful that I actually created a "Cool Tools" bookmark folder. Hope you have more in future.
@@fabislost Did he say it's not important ? He just said that a different thing and thus should be named differently. The people who design the position of the driveweel on a car for sure is important, but what he do is just not mechanical engineering, nor is the one who set up the stock in different sale points. Saying that a cat is not a dog is not an insult over neither cats or dogs, so why should it be different here ? just my 2cts...
@@lolaa2200 he said he's a "real" developer, so i figured he's saying that doing webdev is a joke, doesn't make you an actual developer and is not of importance, just my interpretation though
This is awesome. Figma was the only tool I was aware of on this list prior to watching the video. Thanks for the awesome content! I can't wait to try out Insomnia!
This video should be named "7 Amazing *Web* Developer Tools that you're not using yet". I develop software not web applications... 6 minutes of my life wasted.
Fantastic video, heard of a couple of these, but never used. Great videos. I like your speed; if something interests me, I can go back and watch at slower pace, but I don't get bored waiting for something new.
Your content is not just damn professional, its hands down the best on youtube, which pretty much makes it the best on the internet and thus the best in the world. Grats champ, you earned it!
Dude...I can't believe I never found this vid until now. I was looking to seriously beef up my front-end skills and these tools are frekn awesome! The only one I've used that you mentioned was Figma... Then I went to XD... But my goal this upcoming year is to use all of these that you mentioned... Great vid, thanks!
Hey mate! Awesome video and I've subscribed! A little constructive criticism in case no one else has mentioned this. Try speaking a bit slower and take breathes before each new sentence. Or Use the video/audio editor to slow down the voice of your videos. On that note, I have slowed down thw play speed of the video which you can also do, which should help you to find the best pace to practice with for your future content. That's my only criticism with the entire video and I hope this helps! I look forward to your future content!
Haha. Just watched Lex Fridman podcast fewdays back, where James Gosling said something like how most people who says ”work smarter, not harder” almost always fail.
Hi Jeff, can you tell me what benefits does insomnia provides over postman ? Does it handle very long responses well ? I've found that postman app freezes for long responses.
I've only just recently discovered your channel through the angular routing videos and this is amazing. I'm just getting started in the world of web development and all of this is really useful
- BundlePhobia 00:53
- CloudCraft 01:28
- Figma 01:58
- Fontflipper 03:04
- Visbug 03:41
- Insomnia 04:30
- Flare 05:15
♥️
- GLH 6:13
Boobpedia 06:26
Samuel HIRN - Feel free to do it on your own..😁
Cloud craft is useful to backend developers.
Figma is the best! I use it all the time for everything from thumbnail design to web design and so much more.
Web Dev Simplified so you can just download all the css ?
@@Cognitoman figma is just for creating a design. It is specifically geared towards web development and I believe that you can actually extract CSS from the designs but it is not meant for that. It is mostly meant to be a way to create a design quickly so you don't have to do the design work while coding.
@@WebDevSimplified yeah I use xd, but its very limited
holy shit it's kyle
whats figma
Please rename to "web developer tools."
Mostly frontend developer tools
*designer
Youd be surprised how much node.js is used in non web development applications. Its terrible...
True, cause for example git is also missing in his list
this is web development channel
As a beginner, learning html and css now:
"Yes, yes I understand some of those words"
I wish your portion of antisocialism for the next year or two be nice.
Just like me you have a long way to go. I started programming 1.5 years ago. The first half year I didn't know what the fuck was going on since I didn't have any foreknowledge of programming (learned C# first, hard language to start with ime) and also the things around it like File Explorer, optimial Google searches I wasn't very good with.
The second half year I had to redo the semester and really went for it. That was when I realised I had to work hard to learn programming.
The 3rd half year/2nd semester I choose to study a different route within IT called IT & Media Design. It's basically a combination of Web development (HTML, Css, Javascript + frameworks/libraries) and Design (the whole Adobe package so Photoshop, Illustrator, etc.)
Had to work harder than before to succeed the semester. Javascript was much nicer than C# tho.
Only just started my third semester.
Anyways don't worry if you fail. Learning how to program takes time. A lot of people in my classes are at least 2 years older than me. It's not your general study. You will never stop learning. Embrace it. Good luck.
@@MM-vr8rj 👌👌👌🔥🔥🔥🔥
am thinking of starting to learn web development. what platform did u use to learn html and css?
@@bac0n299 Sololearn.com is a quality platform to learn a variety of programming languages, but also for HTML and CSS you can learn the basics there.
When you start making your first website I would recommend using resources like www.w3schools.com/ and css-tricks.com
For being an "accidental TH-camr" your content is damn professional.
Just take a look at my early work, I didn't start out with any video skill.
@@Fireship That doesn't mean you don't have good content ;)
I agree. Ive pointed all my coworkers to his Angular videos. So much info packed in to relatively short videos. I've watched the reactive forms video probably 15 times just soaking it in and I've recommend my team do the same.
You manage to make me favorite many of your videos, something I rarely do. The key characteristic I would describe many of your videos with is "useful". Like, damn, you are one of the few content creators that actually manages to help me speed up my workflow and make a difference for me. That's impressive dude
I love hearing that. Basically everything I teach is based on real world experience, which is why I continue to do consulting while creating content.
"I may do a full tutorial in the future" sounded like ''I made you a full tutorial in the future" and I believed you lol
Down voted. I have heard of every single one of these products last year when I first watched this video!
XD
¿uɐᴉlɐɹʇsn∀ ǝʎ ǝɹ∀
@@obinator9065 I'm not. Why though? The name? BEENLEIGH
@MrEnxo Yep, tis true. Had me at Bundlephobia, which is freaking awesome!!
lol
Holy shit, Linux kernel developer here, And this list 10/10 transformed my life. I've never seen so much amazing tools, these are almost as useful as the C compiler.
When making this video I couldn't stop thinking about how useful it would be to a Linux kernel developer. Honored to hear I got a 10/10. The C compiler was number 8, so stay tuned for the sequel...
detecting sarcasm.
Ahahaha my thoughts exactly
And you still have java as your display picture.
@@debjyotibiswas3793 becuase you can't like java while being a kernel developer
Awesome! That's crazy how people can develop such amazing tools and give them for free on the web!
Thanks for bringing them up to us Jeff!
It's especially awesome to see high-powered software on the web with equally good perf as a desktop app.
@@Fireship indeed!
We, Linux users, really appreciate that because for example, the Adobe suite isn't available for us!
@@ruakij6452 hoped it would work, but never could make it
That's why the least we can do to payback is contribute our own hours or a little bit of money to open source projects. It's the best ROI we'll ever get!
I love having a channel that goes like beyond just doing certain development and helps with all aspects of the web dev experience!
The tool at the end is probably what most senior developers need
what? the hair spray? XD
I loathe people that say this shit to try and "trick" people into watching until the end. Get a life.
@@dorondavid4698 that's a valid point there, don't you think? 😂
@@dorondavid4698 You must atleast watch the end to get the context what he is saying 😂
@@mayank_upadhyay_19 lol
C++ developer coming here and see that...
None of this tools are programming languages, so what has this to do with C++? (I'm software developer using C++)
@@daxtailor247 it has to do with almost none of them being Developer tools, and those which are dev tools are very narrow in scope (like a WYSIWYG editor in browser and GraphQL client), clickbait title and all
@@daxtailor247 where are you from..?
@@danio1021 Cannot agree more. World is full of these fucking script kiddies and it is annoying as hell.
@@zonemyparkour Script kiddies? With that attitude it'll be your own fault that you can't get a job in 5 years.
What I like about this video is that it's short and not dragging for 20 minutes. Thanks
big fan of these tips and your production quality is amazing. subscribed
Jeff is on another level.
Can't wait for flutter/flare integration!
Coming soon...
@@Fireship Thanks
Postman works as well, specifically if you're working in team.
It's UI is very similar to insomnia, but it's being more team oriented.
(used both, now switched to insomnia)
You can share workspaces with insomnia as well. Haven't used Postman since switching to insomnia ~3 years ago, never looked back. Its so powerful
Can you guys tell me the main feature that insomnia have that postman didn't? I'm curios to switch to insomnia, but still not sure about the pricing.
@@cymonevo344 it's completely free unless you want some cloud saves, and it's open source
@@CyberQuickYT Yes, but it doesn't include team sharing. But this postman limit 25 request for free team is just about to be a burden too, so I think I don't have any reason to keep using postman. Thanks btw
Postman allows more free features when using in a team. When using alone u may use any of these
This being the first video of his I have ever seen, I thought I had left the playback speed at 1.5x.since I often find myself speeding up tutorial videos, I found the pace of this video refreshingly quick and comfortable to watch.
The content was excellent, too!
Liked and subscribed right away.
2019-
Fireship : I should be paying figma more than 0 dollar a month
2021-
Figma : Don't mind if you had to
WARNING: frontend development...
Y warning ? Is it not good ?
CloudCraft and Insomnia are not front-end
Oh nooo I stepped on a mine
All the design tools mentioned are definitely not just frontend, but also game dev, youtube, app dev, software dev, modding.
But yeah like 3 OUT OF 7 of the tools mentioned are website/front-end specific.
Woah
For bundle size you can use extension in VS Code called Import Cost.
I have to watch all of your videos. I've been writing code since the 80s and I always learn something new and 10x productivity when watching your videos. Especially when relearning about tools or platforms I've already researched and needed a different point of view. Thank you!
Been looking into vector animations recently. Thanks for introducing me to flare!
I am a frontend developer. And i am biggest fan of you. you are just amazing.i love to know about new technologies.you always come up with new stuff.
I'm a 3rd-year Computer Science major trying to build my resume so thanks for this, dude!
For those interested in flare. Seems it’s called Rive now, just a heads up.
Not Development, but I'd say that Asana or Trello are pretty good free project management tool that can help you organize your personnal / small team projects.
Think this should be specifically said for web developers
Actually, none of these tools are specifically geared towards frontend web development, either. BundlePhobia is a performance enhancing tool, CloudCraft is a backend architecture tool, Figma, Fontflipper, Visbug and Flare are frontend DESIGN tools, and Insomnia is for testing and debugging backend api's. So, technically none of these are development tools per se except for Insomnia, which is not for frontend development. These are only tools that would aid in adjacent aspects of frontend web development.
For those looking for the Flare app it is now called Rive!
For REST client I use postman, which has the same features and much much more.
As a frontend developer, this is the most useful video I have ever seen on TH-cam! Thanks!!
Morten Peter Hagh Jensen as a person that isn’t a front end developer, it’s useless.
There's a missing web before developer (although I do not question the quality of your content)
Also, "designer" is misspelled.
Recently moved to a pixelbook for my personal development environment. So all the online tools are greatly appreciated.
I sometimes also really like web apps because of the easy "installation".
Visbug is one of the best extensions to recently come. I use it on a daily basis to make live mockups for clients when they request a change on their site; makes it easy to adjust their demands as well as impressing them haha
Number one tool: Ronco spray on hair
Well I wasn't expecting much but I was pleasantly surprised with how cool and useful some of these seemed!
That was actually an *incredible* list
I want to be you when I grow up,
Fullstack dev/designer/enterprunuer, hense I will use all 7 tools , its so nice to see someone who has already made it!
Pls insert subtitles lot of deaf don’t have access to ur videos 😭😭
[music]
Hope this helps
youtube closed captions isn't really that great, but it's better than nothing.
click the CC button on the video window
I like the CloudCraft UI. It reminds me of a retro-style tower defense game like Super Sanctum TD. If you need a break from coding, I highly recommend it.
I already know there application because I watched your video twice xD
permission to downvote granted
xD I’ll not do it because I fell evil doing it
This was actually really great. Thanks for caring about your content. Liked and subscribed.
Make sure to watch the entire video to catch the 8th 🥚 easter egg 🥚 recommendation at the end
Hahaha, got it! I'll use it in another year or so :P
Is it the hair spray? Nice
@@MrJona9999 Yes, good looking hair or GLH for short :)
The animations and music are awesome. I usually come here for that.
"7 Amazing Web* Developer Tools that you're not using yet"
Nice summary. There were a few here I have not heard of before and will definitely be checking out. Thanks!
You've been my favourite TH-cam lately. Love you AngularFirebase.
Can I get a heart?
Yes you can, thank you!
Welcome to the club
Thank you. Watched this video a month ago and it has been very helpful. Great information.
uHAhuaHuaU i kinda need the hair product
Haha, I definitely need it
Legit the most useful tool I found in this video 😂
thanks dude soo much..i will be using these tools to improve my productivity..:)
"I really feel like I should be paying them more than zero dollars a month to be using this thing"
This is literally me after almost all of your videos
click on ads
remove that fucking ad blocker extension
I have just started learning web development and your channel is a wonderful resource!
Figma a users, how does it compare to adobe Xd?
better use adobe Xd if you are not mac user. It requires you to upload sketch files.
Only knew 2-3 from the list above. Kind of cool to get information about such many more awesome tools available to improve productivity. 👏
Good shit but had to watch it at 0.75 speed lol
Mee too 😂
For real
Awesome. You are the man, man.... keep it up, you don't know that it is how much helpful for developers.
I'm here from misspelling TH-cam
Please create an updated version of this video every year.
"My heart just pooped its pants" at 03:10 won my heart!
Hey, thanks for the nice list. Really helpful. Flare seems to be ood. is there a successor or alternative you can recommend? Or does it simply have a new name? Best, Dom
216 people already know about the tools...
Dude as someone who's new (1 year) to web development, your channel helps me so much!
"Developer tools"
*Shows design and system infrastructure tools
I guess I'm so focused on Angular and Firebase and Visual Studio Code lately that I've not heard of any of these tools. Please add them to a recommended dev/design tools page on your AngularFirebase site so I know where to find them again. Thanks for sharing and helping to make us more productive at all stages.
The only useful tool I can see is Insomnia which is a copy of postman.
It's nice to get an alternative, postman has it's fair share of isues
I have both installed. Mainly use Postman because of the pre request scripts.
My useful Tools-
CloudCraft
Insomnia
Flare
Vizbug
5:51 i want that animation in my app as a splash screen ! Help me out
Please make a video on your journey in becoming a frontent/backend engineer/ UX designer/ TH-camer. I aspire to be those things and it would be helpful to know what you did to get there!
I was surprised when I installed Insomnia that I found my antivirus detected and block this:
......../insomnia-node-libcurl/curl-for-windows/libssh2/docs/hacking.crypto
Made me distrust Insomnia
Your antivirus literally flagged a text file. Look up libssh2 on Github.
Excellent case of AV software being nothing but snakeoil...
@@MoonShadeStuff I'd rather have a couple false positives than false negatives.
Most of these tools are for designers and less for developers. Very good list too, thank you.
Make, vi, bash. Thats it 🤷🏼♂️
gcc will never let you down
Dammit you are right, I wasn't using any of these. They are so useful that I actually created a "Cool Tools" bookmark folder. Hope you have more in future.
Useless heading,,, it's dedicated for web developers and more for frontend
Personally I enjoyed the video. It is pretty easy to complain on the internet, maybe go try making something. I eagerly await your better video...
I never said I make better videos 😁😁
I didn't even know something like cloud craft existed, thanks a lot
Of course i am not using that tools. Because i'm a real developer/programmer 😂
Webdev is just as important as anything else, we're not superior because we use C
But I agree, it's annoying to click on a video expecting some great knowledge and being completely disappointed lmao
@@fabislost Did he say it's not important ? He just said that a different thing and thus should be named differently. The people who design the position of the driveweel on a car for sure is important, but what he do is just not mechanical engineering, nor is the one who set up the stock in different sale points. Saying that a cat is not a dog is not an insult over neither cats or dogs, so why should it be different here ?
just my 2cts...
@@lolaa2200 he said he's a "real" developer, so i figured he's saying that doing webdev is a joke, doesn't make you an actual developer and is not of importance, just my interpretation though
@@fabislost Design.
Can't wait to use Figma! I've also been using Insomnia for over half a year and never looked back to Postman :)
I love your videos but you "uptalk" at the end of almost every sentence. It's fixable.
This is awesome. Figma was the only tool I was aware of on this list prior to watching the video. Thanks for the awesome content! I can't wait to try out Insomnia!
This video should be named "7 Amazing *Web* Developer Tools that you're not using yet". I develop software not web applications... 6 minutes of my life wasted.
web apps are software, lol
The architecture tool is so awesome thanks youuuu !!
Fantastic video, heard of a couple of these, but never used. Great videos. I like your speed; if something interests me, I can go back and watch at slower pace, but I don't get bored waiting for something new.
Finding your channel changed my life.
Tools, when used correctly are what allow you to be productive by freeing your energy to those things that truly require hard work...
Your content is not just damn professional, its hands down the best on youtube, which pretty much makes it the best on the internet and thus the best in the world. Grats champ, you earned it!
Man, how did I not find this channel before. So damn good work. I am truly inspired. Thanks for putting out good work
Dude...I can't believe I never found this vid until now. I was looking to seriously beef up my front-end skills and these tools are frekn awesome! The only one I've used that you mentioned was Figma... Then I went to XD... But my goal this upcoming year is to use all of these that you mentioned... Great vid, thanks!
Actual start at 0:51....
Incredibly informative, concise, and straight to the point. Well done!
Fun fact: bundlephobia gave me bundlephobia. I once live a carefree life where a packages' size never concern me
Great to hear that you're no longer a bad developer
Hey mate! Awesome video and I've subscribed! A little constructive criticism in case no one else has mentioned this. Try speaking a bit slower and take breathes before each new sentence.
Or
Use the video/audio editor to slow down the voice of your videos.
On that note, I have slowed down thw play speed of the video which you can also do, which should help you to find the best pace to practice with for your future content.
That's my only criticism with the entire video and I hope this helps! I look forward to your future content!
Haha. Just watched Lex Fridman podcast fewdays back, where James Gosling said something like how most people who says ”work smarter, not harder” almost always fail.
Hi Jeff, can you tell me what benefits does insomnia provides over postman ? Does it handle very long responses well ? I've found that postman app freezes for long responses.
I only used Insomnia among them. So, learned a lot from this video. Thanx
Im a Certified AWS Dev and Angular enthusiast. Loved the vid!
Awesome list for Front end, thanks a lot.
I've only just recently discovered your channel through the angular routing videos and this is amazing. I'm just getting started in the world of web development and all of this is really useful
Always hilarious. Education + comedy...just ma vibeee
Amazing.... where can I buy the product in the last part of the video? btw, your videos are really awesome!!