Tweet

Maybe Scrolly?

Insha

Follow @Insharamin

7 Aug, 11 tweets, 5 min read

Are you a Front-end developer?

These tools will save you 10+ hours per week 👇

1️⃣ Unminify

Free tool to unminify JavaScript, CSS, HTML, XML, and JSON code, making it readable and pretty.

📎unminify.com

2️⃣ WhatRuns

WhatRuns shows you pretty much everything that powers a website. Web apps they pay for, CDN they’re hosted on, how they track their visitors, WordPress plugins, fonts – you name it!

📎whatruns.com

3️⃣Glitch

Create your next web project in your browser with no setup and we'll instantly deploy it. Code, auto-deploy and collaborate in real-time with friends—all right in your browser.

📎glitch.com

4️⃣ Pipedream

Pipedream is a low code integration platform for developers that allows you to connect APIs remarkably fast.

📎pipedream.com

5️⃣ Panelbaer

Deliver an amazing experience to your website visitors. Get real-time traffic insights, performance monitoring, and powerful alerting integrations - all in one tool.

📎panelbear.com

6️⃣ Netlify

An intuitive Git-based workflow and powerful serverless platform to build, deploy, and collaborate on web apps.

📎netlify.com

7️⃣ DevSamples

DevSamples is a list of code samples for you to copy and paste into your projects as needed.

📎devsamples.com

8️⃣ Will it CORS?

Cross-Origin Resource Sharing (CORS) is how browsers decide how web applications can communicate with other services.

📎httptoolkit.tech/will-it-cors/

9️⃣GTmetrix

With GTmetrix you can see how your site performs, reveal why it's slow, and discover optimization opportunities.

📎gtmetrix.com

That's all for this thread.
If you want more such amazing tools 👉 Here's a curated list of 50 developer tools for you🔥💪

Grab your copy now👇
insharamin.gumroad.com/l/Developer-to…

• • •

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

This Thread may be Removed Anytime!

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

More from @Insharamin

Insha

@Insharamin

4 Aug

7 CSS properties that you may not be using.

A Thread 👇

1️⃣ ::first-letter

The ::first-letter is a pseudo-element that is used to add a style to the first letter of the specified selector.

Note: The pseudo-element only works if the parent element is a block container box

2️⃣ :nth-child

The :nth-child(n) selector matches every element that is the nth child, regardless of the type, of its parent.

It is used to style content based on its relationship with parent and sibling elements.
Note: n can be a number, a keyword, or a formula.

Read 7 tweets

Insha

@Insharamin

2 Aug

7 Best GitHub Repos That Every JavaScript Developer Must Know.

A Thread 👇

1️⃣ JavaScript Algorithms and Data Structures

This repository provides examples of common algorithms and data structures with explanations and links to further readings.

Stars: 112k
Forks: 18.6k

📎github.com/trekhleb/javas…

2️⃣ Clean Code JavaScript

This repo contains the Software engineering principles adapted for JavaScript from the Clean Code. It's a guide to producing readable, reusable, and refactorable software in JavaScript.

Stars: 53.2k
Forks: 6.7k

📎github.com/ryanmcdermott/…

Read 9 tweets

Insha

@Insharamin

22 Jul

What are CSS Combinators?

Come let's discuss them one by one.

A Thread 👇

A combinator is something that defines the relation between selectors.

There can be more than one simple selector in a CSS selector, and between these selectors, we can include a combinator.

Types of Combinators:

1️⃣ Descendant selector
2️⃣ Child selector
3️⃣ Adjacent sibling selector
4️⃣ General sibling selector

Read 8 tweets

Insha

@Insharamin

19 Jul

7 Tools for structuring and optimizing your CSS.

CSS files formatting and optimization is no more a headache for web developers with the help of these hand-picked tools!

A Thread 👇

1️⃣ CSS Optimizer

CSS Optimizer is an online tool to clean, optimize, and compress CSS code.

📎cssportal.com/css-optimize/

2️⃣ CSS Beautifier

Code Beautifier is based on CSS Tidy, the popular open-source CSS parser and optimizer. Enter your messy, minified, or obfuscated CSS Style Sheets into the field above to have them cleaned up and made pretty.

📎cleancss.com/css-beautify/

Read 9 tweets

Insha

@Insharamin

15 Jul

Do you know what's the best way to learn any programming language?

- The Answer is by building lots of projects 💪

Here's a complete list of projects ranging from -> ( Beginner to advanced level ) for you.

A Thread👇

Html and CSS projects. 💪

1- A Tribute Page
2- Survey Form
3- Technical Documentation Page
4- Personal Portfolio
5- Product Landing Page

✅ When I was learning HTML and CSS I've tried all of them. You can check the code here👇

📎codepen.io/collection/oEE…

✅ Responsive Website using HTML and CSS

📎

✅Build a Responsive Grid CSS Website Layout From Scratch

📎

✅Basic Parallax Website With HTML & CSS

📎

Read 9 tweets

Insha

@Insharamin

12 Jul

Mastering SEO optimization can be hard, especially if you’re just starting out.

Here's a compiled list of 7 Free SEO Tools for you.

A Thread👇

SEO tools investigate the potential of Web pages for high placement on search engine ranking pages.
They provide information on backlinks and keywords as well as insights into SEO competition on the Internet.

1️⃣ Google Search Console

Search Console tools and reports help you measure your site's Search traffic and performance, fix issues, and make your site shine in Google Search results

📎search.google.com/search-console…

Read 10 tweets

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!