BC CS

Top 5 free APIs for web developers

πŸ§΅πŸ‘‡

1️⃣ Custom Search API

- Create your own custom search engine. You can search for image, videos, and news.

πŸ”— https://t.co/nTvv3c3W06
2️⃣ Movie Database API

- Access movie and TV information similar to that of IMDB.

πŸ”— https://t.co/1aFRtq7Lef
3️⃣ Dad Jokes API

- Get random endless dad jokes

πŸ”— https://t.co/VCWmVS6P6H
4️⃣ COVID-19 Data API

- Every 15 minutes updated statistic about Coronavirus. Latest stats by country, are collected from several reliable sources.

πŸ”— https://t.co/3oxrm2X4kR
5️⃣ Face Detection API

- Use our Face Detection API to detect the location of human faces in your images with optional extra features like Age and Gender.

πŸ”— https://t.co/dxrIoACuZk
Visit @Rapid_API in order to use more than 35,000 APIs. Majority of them are free. πŸ˜‰

More from Pratham

9 websites that will help you learn web development faster (they are free) 🧡

1. How HTTP Works

Everything you need to know about HTTP based system.

πŸ”—
https://t.co/gVZS4RzS1a


2. 30 Days of Node

Learn Node step by step with interactive examples and code snippet in 30 days.

πŸ”— https://t.co/9nbtMiNB1C


3. How DNS Works

Learn what happens when you type a website address in your browser

πŸ”— https://t.co/SqMRNnDbc3


4. Git

Check out this excellent free website to learn git visually.

πŸ”— https://t.co/rQJMISBDfS
5 amazing websites that will blow the mind of a developer. Definitely check them out

πŸ§΅πŸ‘‡πŸ»

1️⃣ Animation generator

- Dead simple visual tools to help you generate CSS for your projects.

πŸ”—
https://t.co/IFmIEgDiVY


2️⃣ Neural Network Visualizer

- Deep playground is an interactive visualization of neural networks, written in TypeScript using d3.js.

πŸ”— https://t.co/mTAlFbJsOW


3️⃣ Blockchain Demo

- A visual demo of blockchain technology

πŸ”— https://t.co/I1RwxYcM1Z


4️⃣ Developer Roadmaps

- Step by step guides and paths to learn different tools or technologies

πŸ”— https://t.co/VSNPdG8jQR
Use these 6 AI websites to finish hours of work in minutes (take a look):

1. Sheet+

Become a spreadsheet master with Sheet+ AI-powered tools.

β€’ Convert text to formula
β€’ Convert formula to explanation
β€’ Debug formulas
β€’ Generate VBA code
β€’ Get instant answers to any spreadsheet question

πŸ”—
https://t.co/fWsAeKa6ko


2. DeepCode

DeepCode's AI-based code review notifies you about critical bugs in real time and shows you how to fix them.

πŸ”— https://t.co/dPTPq9syoy


3. Akkio

Grow your business with data-driven decisions.

Go from data to AI in 10 minutes β€” no code or data science skills required.

πŸ”— https://t.co/I29FIHDIs0


4. Autocode

Instant endpoints for webhooks, bots, and APIs.

Build and host Node.js endpoints in seconds.

Connect to your favorite APIs like Airtable, Discord, Notion, Slack, Webflow, and more.

πŸ”— https://t.co/uQZB0NCHJT

You May Also Like

A brief analysis and comparison of the CSS for Twitter's PWA vs Twitter's legacy desktop website. The difference is dramatic and I'll touch on some reasons why.

Legacy site *downloads* ~630 KB CSS per theme and writing direction.

6,769 rules
9,252 selectors
16.7k declarations
3,370 unique declarations
44 media queries
36 unique colors
50 unique background colors
46 unique font sizes
39 unique z-indices

https://t.co/qyl4Bt1i5x


PWA *incrementally generates* ~30 KB CSS that handles all themes and writing directions.

735 rules
740 selectors
757 declarations
730 unique declarations
0 media queries
11 unique colors
32 unique background colors
15 unique font sizes
7 unique z-indices

https://t.co/w7oNG5KUkJ


The legacy site's CSS is what happens when hundreds of people directly write CSS over many years. Specificity wars, redundancy, a house of cards that can't be fixed. The result is extremely inefficient and error-prone styling that punishes users and developers.

The PWA's CSS is generated on-demand by a JS framework that manages styles and outputs "atomic CSS". The framework can enforce strict constraints and perform optimisations, which is why the CSS is so much smaller and safer. Style conflicts and unbounded CSS growth are avoided.