Thread by @NlognHQ

BEST FREE TOOLS FOR WEB DESIGNERS AND WEB DEVELOPERS

🧵A Thread 🧵

Table of Contents -

Web Design Resources

1. Newsletter
2. Software
3. Photos
4. Icons
5. Fonts
6. Colors
7. Backgrounds + Textures
8. UI Guides

Web Development Resources

1. Domain Name Search Engines
2. Frameworks, Templates, Code Packs
3. Code Style Guides
4. Code Validation

Newsletter Lists

1. Creative Market (creativemarket.com)

Creative Market newsletter list is once a week newsletter, where you’ll get an email packed with 5 free downloads, including everything from patterns and fonts to templates and themes.

#100DaysOfCode

SOFTWARE + APPS

2. CoffeeCup Software (coffeecup.com/freestuff)

3. InVision app (invisionapp.com)

4. Pixlr (pixlr.com/editor)

5. Canva (canva.com)

6. Easel .ly (easel.ly)

#100DaysOfCode

PHOTOS

7. Pexels (pexels.com)

8. PicJumbo (picjumbo.com)

9. Gratisography (gratisography.com)

10. Compfight (compfight.com)

11. Little Visuals (littlevisuals.co)

12. Unsplash (unsplash.com)

#100DaysOfCode

SYMBOLS + ICONS

13. Pixeden (pixeden.com/free-icons-set)

14. Iconmonstr (iconmonstr.com)

15. Linear Icons (linearicons.com/free)

16. Font Awesome (fortawesome.github.io/Font-Awesome)

17. Flaticon (flaticon.com)

#100DaysOfCode

18. Endless Icons (endlessicons.com)

19. iconSweets (designbombs.com/iconsweets)

20. Perfect Icons (perfecticons.com)

21. Round Icons (roundicons.com)

#100DaysOfCode

FONTS

22. Google Webfonts (google.com/fonts)

23. typegenius (typegenius.com)

24. Font Squirrel (fontsquirrel.com)

25. Beautiful Web Type (hellohappy.org/beautiful-web-…)

26. Lost Type (losttype.com)

COLORS

27. Material UI (materialui.co)

28. Paletton (paletton.com)

29. Material Palette (materialpalette.com)

30. Adobe Color Wheel (color.adobe.com/create/color-w…)

31. Design Seeds (design-seeds.com)

#100DaysOfCode

32. Flat UI Color Picker (flatuicolorpicker.com)

33. Flat UI Colors (flatuicolors.com)

34. Bootflat (bootflat.github.io/color-picker.h…)

35. Coolors (coolors.co)

36. Skala Color (bjango.com/mac/skalacolor)

37. BrandColors (brandcolors.net)

#100DaysOfCode

BACKGROUNDS + TEXTURES

38. Pattern8 (pattern8.com)

39. Repeat-X Repeat-Y (repeatxrepeaty.com)

40. Texture King (textureking.com)

41. Patternico (patternico.com)

42. Subtle Patterns (subtlepatterns.com)

#100DaysOfCode

UI (USER INTERFACE) KITS/GUIDES

43. 55+ Elements Free UI Kit (behance.net/gallery/211699…)

44. Oh no, not another UI Kit
(graphicfort.com/freebies/ui-ki…)

43. PSD Booster Freebies (psdbooster.com/freebies)

44. Material Design Guidelines (google.com/design/spec/ma…)

#100DaysOfCode

Web Development Resources

DOMAIN NAME SEARCH ENGINES

45. Namemesh (namemesh.com)

46. Nameboy (nameboy.com)

47. Panabee (panabee.com)

48. Impossibility (impossibility.org)

49. LeanDomainSearch(leandomainsearch.com)

#100DaysOfCode

FRAMEWORKS, TEMPLATES, CODE PACKS, + THEMES

50. WP-Flex (wpflex.grayghostvisuals.com)

51. Foundation (foundation.zurb.com)

52. Ionic (ionicframework.com)

53. Initializr (initializr.com)

54. Materialize (materializecss.com)

#100DaysOfCode

55. WordPress Plugin Boilerplate (wppb.io)

56. Front-end Boilerplate (frontendboilerplate.com)

57. HTML5 Boilerplate (html5boilerplate.com)

58. HTML5 UP (html5up.net)

59. 960 Grid System (960.gs)

#100DaysOfCode

60. Starkers for WordPress (github.com/viewportindust…)

61. Barebones for WordPress (welcomebrand.co.uk/thoughts/bareb…)

62. Underscores (underscores.me)

63. Sage for WordPress (roots.io/sage)

CODE STYLE GUIDES

64. Web Field Manual (developers.google.com/web/fundamenta…)

65. Deployments Best Practices (guides.beanstalkapp.com/deployments/be…)

66. GitHub (github.com/styleguide)

67. Google (github.com/google/stylegu…)

68. Mozilla (developer.mozilla.org/en-US/docs/Moz…)

#100DaysOfCode

CODE VALIDATION

69. w3 .org (w3.org)

70. Validome (validome.org/validate)

71. Validator .nu (html5.validator.nu)

72. Code Beautify (codebeautify.org/cssvalidate)

73. JSLint (jslint.com)

#100DaysOfCode

Thank You for Reading ♥️

I'm sharing more such post on Instagram too. If you're on insta, consider supporting my work there too -

instagram.com/dermayank

Must read article for every web developer to understand the difference between Fetch & Axios

👇🏽👇🏽

hemant.hashnode.dev/fetch-vs-axios…