Nlogn Profile picture
8 Apr, 22 tweets, 22 min read
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)

#100DaysOfCode
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
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
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)

#100DaysOfCode
68. AWS Guide (1$ currently)

Learn in-depth about all the AWS services and how to use them. Also helpful for AWS interviews.

gumroad.com/a/552604787/Ms…
69. Zero to Sold: How to Start, Run, and Sell a Bootstrapped Business

Learn how to sell plugins, themes, web development services, freelance projects and build more clients.

gumroad.com/a/33559667/irs…
CODE VALIDATION

70. w3 .org (w3.org)

71. Validome (validome.org/validate)

72. Validator .nu (html5.validator.nu)

73. Code Beautify (codebeautify.org/cssvalidate)

74. JSLint (jslint.com)

#100DaysOfCode
Thank You for Reading ♥️
If you want to grow your audience, we personally recommend "The Art Of Twitter" by LIfe Math Money.

Our growth credit goes to him. He himself hai 200K+ followers on @Twitter

*Most importantly your purchase is risk free*

gumroad.com/a/332403827/XF…

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Nlogn

Nlogn Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @NlognHQ

7 Apr
Do you know today is a Gumroad Sale day?

Huge sale is going on, on various products. If you are interested, here's the list of all such products 👇🏽

#GumroadDay
The Art of Twitter: A Guide To Building Your Twitter Account (39$ Only)
gumroad.com/a/332403827/XF…
Live Intentionally: Discipline, Mindset, Direction - A 90 Day Self-Improvement Program (19$ Only)

gumroad.com/a/332403827/vr…
Read 5 tweets
7 Apr
Are you a Web Developer?

Here's a thread on AWS concepts from A to Z

Thread🧵

gumroad.com/a/552604787/Ms…
1. Amazon DynamoDB

DynamoDB is a no-sql database that scales with the amount of data coming in. What makes a no-sql database different from a SQL database is that it doesn’t use SQL and doesn’t have relational features.

#100DaysOfCode
2. Bucket

An S3 bucket is where objects are stored, similar to files and folders on your local machine. Each object consists of:

Key - the name of the object
Value - the data in the file itself made of bytes
VersionID
Metadata

#100DaysOfCode
Read 18 tweets
4 Apr
40+ High-Quality Free Resources for Web Development

A Master Thread 👇🏽
Table of Contents:

- Illustrations
- Development
- CSS
- Tailwind
- Design
- Productivity

#100DaysOfCode
Illustrations

1. Drawkit (drawkit.io)
2. Blush (blush.design)
3. Smash illustration (usesmash.com)
4. Control (control.rocks)
5. Error 404 (error404.fun)
6. Open Doodles (opendoodles.com)

#100DaysOfCode
Read 13 tweets
30 Mar
Are you a Web Developer?

Here are 50+ resources to help you Improve your Web Performance

🧵A Thread🧵
Table Of Contents:

- HTML
- CSS
- Images
- Fonts
- JavaScript
- Server
- Testing Tools
- Frameworks

#100DaysOfCode
HTML

✨ Minify HTML
☄️ Order your styles & scripts for page speed
⚡️ Eliminate render-blocking resources
🌟 Minimize layout thrashing
🎉 Prioritize resources
✨ Preload critical assets to improve speed
💥 Establish network connections early
⚡️ Prefetch resources

#100DaysOfCode
Read 15 tweets
28 Mar
Must-read Article if you are a frontend developer.

hemant.hashnode.dev/fetch-vs-axios…
Full Stack Developer best tech stack to follow in 2021.

#100DaysOfCode
hemant.hashnode.dev/best-full-stac…
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
Read 4 tweets
28 Mar
Best GitHub Repos for Web Developers

A Thread 🧵
1. Node.js Best Practices

This repository is a summary and curation of the top-ranked content on Node.js best practices and also its integration with other tools like Docker, Kubernetes, etc.

#100DaysOfCode

github.com/goldbergyoni/n…
2. HTML5 Boilerplate

HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites.

This project is the product of years of iterative development and community knowledge.

#100DaysOfCode

github.com/h5bp/html5-boi…
Read 11 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!