Insha Profile picture
πŸ₯‘Developer Advocate| @WomenTechmakers Ambassador | Backend Developer | Prev- @ShowwcaseHQ| DM for Collab πŸ“©

May 28, 2021, 9 tweets

7 Developer tools you won't believe exist.

A Thread πŸ‘‡

1⃣ Keycode

Press any key to get the JavaScript event key code.

πŸ”— keycode.info

2⃣ Screen size map

The screen size map compares viewport sizes in device-independent pixel to plan responsive and fluid layouts for great UI/UX design in digital products.

πŸ”— screensizemap.com

3⃣ Who can use ?

It's a tool that brings attention and understanding to how color contrast can affect different people with visual impairments.

πŸ”— whocanuse.com

4⃣ BEM Cheat Sheet

When it comes to finding the right class name, it can quickly drive you to despair. Even the most experienced CSS developers don't always find the right class name right away.

πŸ”— 9elements.com/bem-cheat-shee…

5⃣ CSS to JS

This tool help transform between CSS, JS Objects and JSX props.

πŸ”— transform.tools/css-to-js

6⃣ Will it CORS?

Cross-Origin Resource Sharing (CORS) is how browsers decide how web applications can communicate with other services. Tell this magic CORS machine what you want and it'll tell you exactly what to do.

πŸ”— httptoolkit.tech/will-it-cors/

7⃣ Is my host fast yet ?

This tool helps to check the speed of your hosting server at real time.
A study of web host performance using real-world transparency data from Chrome UX Report and HTTP Archive.

πŸ”— ismyhostfastyet.com

Thanx for reading folksπŸ™Œ If you found value in this thread do share it with others. 😊

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling