7 Awesome Sites For Front-End Developers You Probably Didn't Know Existed

Thread 🧵👇
1️⃣ Web Code Tools

The ultimate web code generators. Generate HTML, CSS, JSON-LD, Twitter Cards, Open Graph, and more! No coding skills are required.

webcode.tools/generators/css
2️⃣ GitExplorer

GitExplorer: Find the right git commands you need without digging through the web. Must have for every web programmer.

gitexplorer.com
3️⃣ Beautiful CSS box-shadow examples

🎨 Curated collection of 93 free beautiful CSS box-shadow, ready-to-use for your next projects. Click to copy.

getcssscan.com/css-box-shadow…
4️⃣ Manage HTML DOM

Manage HTML DOM with vanilla JavaScript

htmldom.dev
5️⃣ Color Namer

Enter hex color code and it will generate the color name for you.

colornamer.netlify.app
null
6️⃣ Public APIs

A collective list of more than 1000 Free Public and Open REST APIs for developers like movie APIs, Anime APIs, weather APIs, music APIs, games and comics APIs, currency APIs, sports APIs, science APIs, open data APIs

public-apis.io
7️⃣ Pure CSS Stripes Generator - No Flash, No Image, ONLY CSS

Pure CSS Stripes Generator - No Flash, No Image, ONLY CSS. Generate Striped backgrounds using only CSS

stripesgenerator.com
If you want to receive a summary of my best resources you can even subscribe to my weekly newsletter:
csabakissi.com/nl
That's all guys.

If you found this list useful, consider:

✅ Follow @csaba_kissi for more content like this
🔔 Enable notifications 👀
🔄 Retweeting the first tweet.

Thanks for your support guys! 🙏🤝

• • •

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

Keep Current with Csaba Kissi ⚡

Csaba Kissi ⚡ 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 @csaba_kissi

7 Oct
5 Awesome Blog Posts. Web Developers' Daily Digest

Thread 🧵👇
1️⃣ Conditional Border Radius In CSS

How to use CSS comparison functions to create a conditional border radius

ishadeed.com/article/condit…
2️⃣ 9 Figma Design System Tips.

In this article, I’ve listed a few quick and easy methods to help you speed up your design system workflow in Figma.

marcandrew.me/9-figma-design…
Read 8 tweets
4 Oct
7 FREE Resources For Programmers You Probably Didn't Know Existed

Thread 🧵👇
1️⃣ Witeboard

Witeboard is the fastest real-time online whiteboard for your team. Share with your team and view on mobile, tablet, or desktop. No sign-ups, no installations.

witeboard.com
2️⃣ Type Scale - A Visual Calculator

Preview and choose the right type scale for your project. Experiment with font size, scale, and different webfonts. This is a must for every web developer.

type-scale.com
Read 10 tweets
2 Oct
Going to deploy the project to the server now. 🤘

- install and configure Laravel
- configure MySQL
- configure Nginx
- set up supervisor and scheduler workers
Laravel config done!
Nginx config done!
Read 5 tweets
2 Oct
5 Awesome Blog Posts. Web Developers' Daily Digest

Thread 🧵👇
1️⃣ Designing the Accordion: Best practices

Collapsed & Expanded states. Styling & Colors usage. Accordion samples, templates, and UX cases for a smooth experience

kamushken.medium.com/designing-the-…
2️⃣ What’s the right font size in web design?

If you want your text to be read, set it at a sufficient size! But what is good font size, and how can you apply it to your web design?

pimpmytype.com/font-size/
Read 8 tweets
1 Oct
5 Awesome Blog Posts. Web Developers' Daily Digest

Thread 🧵👇
1️⃣ Django vs WordPress — Which Is Better for Your Website?

As a web developer, your priorities are to build, design, optimize, and host the best site you can — in the least possible amount of time.

kinsta.com/blog/django-vs… Image
2️⃣ CSS Container Query Units - Ahmad Shadeed

Using units that are relative to the container size

ishadeed.com/article/contai… Image
Read 8 tweets
1 Oct
7 Awesome Sites For Front-End Developers You Probably Didn't Know Existed.👀

Doesn't matter if you do Javascript or Python, Programming requires resources 😏

Thread 🧵👇
1️⃣ Purity UI Dashboard

Free and Open Source Chakra UI Dashboard

github.com/creativetimoff… Image
2️⃣ Figma - Koloicons

Figma Community file — 3000+ FREE ICONS
Consistent icon pack in SVG format that can be used in a variety of design tools. Fully customizable.

figma.com/community/file… Image
Read 10 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!

:(