Tweet

Maybe Scrolly?

Insha

Follow @Insharamin

8 Jun, 8 tweets, 4 min read

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…

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…

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…

4⃣ JavaScript

A mostly reasonable approach to JavaScript.

🔗github.com/airbnb/javascr…

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…

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…

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

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

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

2⃣ Hero Patterns

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

🔗heropatterns.com

Read 6 tweets

Insha

@Insharamin

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.

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.

Read 6 tweets

Insha

@Insharamin

6 Jun

The Ultimate Cheatsheet List for Front-end Developers.

A Thread👇

1⃣ HTML

- Cheatsheet by hackr.io

🔗 hackr.io/blog/html-chea…

-OverAPI.com

🔗overapi.com

- HTML Cheatsheet

🔗 htmlcheatsheet.com

- HTML character entities Cheatsheet

🔗 cheatography.com/davechild/chea…

2⃣ CSS

- Cheatsheet by Devhints.io

🔗devhints.io/css

-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

Insha

@Insharamin

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

Insha

@Insharamin

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

Insha

@Insharamin

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

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!