6 Best Github Repos for Web Developers.

A Thread 👇
1⃣ You-Dont-Know-JS

This is a series of books diving deep into the core mechanisms of the JavaScript language.

🔗github.com/getify/You-Don… Image
2⃣ html-5-boilerplate

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

🔗github.com/h5bp/html5-boi… Image
3⃣ Node.js best practices

This repository is a summary and curation of the top-ranked content on Node.js best practices, as well as content written here by collaborators.

🔗github.com/goldbergyoni/n… Image
4⃣ JavaScript

A mostly reasonable approach to JavaScript.

🔗github.com/airbnb/javascr… Image
5⃣ Realworld

"The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more.

🔗github.com/gothinkster/re… Image
6⃣ Front-end-checklist

The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production.

🔗github.com/thedaviddias/F… Image
That's all for this thread. If you found this useful a retweet to the first one would mean a lot.🙌😊

• • •

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

Keep Current with Insha

Insha 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!


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 @Insharamin

10 Jun
4 Amazing Websites for Background Pattern.

A Thread👇
1⃣ The Pattern Library

The Pattern Library is a project by Tim Holman & Claudio Guglieri. The library is made up of tiles upon tiles of patterns which are free for you to use.

🔗 thepatternlibrary.com Image
2⃣ Hero Patterns

A collection of repeatable SVG background patterns for you to use on your web projects.

🔗heropatterns.com Image
Read 6 tweets
9 Jun
CSS Tips you may not know.

A Thread 👇
1⃣ Smooth Scrolling

The scroll-behavior property will make the scrolling experience smooth and a lot better for the user.

Add this property in your code and see the difference. Image
2⃣ Center Anything

To center anything horizontally and vertically inside a container element, you just need these three lines of code and it will make the desired element centered. Image
Read 6 tweets
6 Jun
The Ultimate Cheatsheet List for Front-end Developers.

A Thread👇

- Cheatsheet by hackr.io

🔗 hackr.io/blog/html-chea…



- HTML Cheatsheet

🔗 htmlcheatsheet.com

- HTML character entities Cheatsheet

🔗 cheatography.com/davechild/chea…
2⃣ CSS

- Cheatsheet by Devhints.io


-CSS Cheatsheet

🔗 htmlcheatsheet.com/css/

- A complete guide to CSS grid

🔗 css-tricks.com/snippets/css/c…

- A complete guide to CSS Flexbox

🔗 css-tricks.com/snippets/css/a…
Read 6 tweets
3 Jun
7 Chrome Extensions for Front-end Developers.

A Thread 👇
1⃣ WhatFont

The easiest way to identify fonts on web pages.

With this extension, you could inspect web fonts by just hovering on them.

🔗 chrome.google.com/webstore/detai…
2⃣ ColorPick Eyedropper

A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more.

🔗 chrome.google.com/webstore/detai…
Read 9 tweets
1 Jun
6 HTML Attributes you may not be using.

A Thread 👇
1️⃣ Contenteditable

Specifies whether the content of an element is editable or not.

All you have to do is set the contenteditable attribute on nearly any HTML element to make it editable.
2️⃣ Spellcheck

The spellcheck attribute specifies whether the element is to have its spelling and grammar checked or not.

The following can be spellchecked:

-Text values in input elements (not password)
-Text in <textarea> elements
-Text in editable elements
Read 10 tweets
31 May
CSS Pro tips you might not know.

A Thread 👇
1⃣ user-select property

The user-select property specifies whether the text of an element can be selected or not.
2⃣ place-item property

The CSS place-items is a shorthand property that allows you to align items along both the block and inline directions at once (i.e. the align-items and justify-items properties) in a relevant layout system such as Grid or Flexbox.
Read 8 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!