Share this page!

Maybe Scrolly?
Pratham Profile picture
Twitter logo
14 May, 6 tweets, 3 min read
5 amazing websites for developers that can save you a lot of time πŸ§΅πŸ‘‡πŸ»
1️⃣ Oh shit, Git!

Check out this great website. Some bad situations and often mistakes that we make while working with Git. You'll probably find your answer here

πŸ”— ohshitgit.com
2️⃣ Check SEO

Get free on page SEO audit report. Find the mistakes in technical SEO for specific URL.

πŸ”— sitechecker.pro
3️⃣ Can I use?

- A website that provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

πŸ”— caniuse.com
4️⃣ Gitignore

A collection of useful .gitignore templates for your project. Select from 442 Operating System, IDE, and Programming Language

πŸ”— toptal.com/developers/git…
5️⃣ Keyframes

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

πŸ”— keyframes.app

β€’ β€’ β€’

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

Keep Current with Pratham

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

PDF

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

Pratham Profile picture
15 May
You can check out these websites if you're learning HTML, CSS and JavaScript 🧡...
HTML 🧱

1. Learn HTML
learn-html.org

2. HTML best practice
hail2u.github.io/html-best-prac…

3. HTML reference
htmlreference.io
CSS 🎨

1. CSS reference
cssreference.io

2. Learn to code
learn.shayhowe.com

3. CSS layout
learnlayout.com

4. CSS tutorial
csstutorial.net

5. Learn about colors
hexinvaders.com

6. Learn gird layout
griddy.io
Read 4 tweets
Pratham Profile picture
15 May
Are you planning to learn CSS for adding some cool styling in your website?

In this thread, I'm covering all the basics and proper plan you need to know in order to getting started with CSS.

🧡 πŸ‘‡πŸ» Image
We need to know the importance of CSS first. Why CSS?

Well I guess CSS is the only language that add some visuals in website. Without CSS, Without it, websites would still be plain text on white backgrounds.

{ 02 / 17 }
Let's compare a website with and without CSS

Image 1: With CSS
Image 2: Without CSS

{ 03 / 17 } ImageImage
Read 17 tweets
Pratham Profile picture
15 May
5 best color palette for every web developer and designer 🎨

πŸ§΅πŸ‘‡ Image
1. Color hunt

- Color Hunt is a free and open platform for color inspiration with thousands of trendy hand- picked color palettes

πŸ–‡οΈ colorhunt.co Image
2. Adobe color wheel

Explore and create accessible color palettes using color wheel, in variety of color variations and contrast levels. It will tell you automatically if two colors are not accessible

πŸ–‡οΈ color.adobe.com/create/color-a… Image
Read 6 tweets
Pratham Profile picture
14 May
Neumorphism is a trendy UI style nowadays. It is worth noting that neumorphism is not a replacement for flat design style, but an addition to app user interface design

Let's create a neumorphic form using few simple CSS steps

A thread 🧡 Image
Neumorphic design is another UI design that has become popular these days.

Making neumorphic effect is actually pretty easy using only just CSS box-shadow

We'll be creating a neumorphic form in steps πŸ”½
STEP 1:

Place a light source(virtually) on screen. In this example I'm considering that my light source is placed top left corner of the screen Image
Read 13 tweets
Pratham Profile picture
14 May
Box Model

Everything on a website is a box. Therefore it is quite important to understand the box model concept in web development but it is confusing. Let's see some hidden facts about it in this thread

🧡 πŸ‘‡πŸ» Image
When laying out a document, the browser's rendering engine represents each element as a rectangular box. You can visualize it by adding some solid in any element.

You can manipulate this box using the basic standards of CSS like color, border, background etc.

{ 02 / 17 } Image
Every box comprised of four parts

- content dimensions
- padding
- border
- margin

Although outline is not considered as the part of box model but we can talk little bit about it later on this thread.

{ 03 / 17 } Image
Read 17 tweets
Pratham Profile picture
13 May
Creating CSS arts is a good way to master CSS. Here are some resources and tips that will take your CSS skills to the next level πŸš€

πŸ§΅πŸ‘‡πŸ»
Trust me, CSS art looks hard but they are not so tough they seem.

First things first, good color contrast is the number characterstic of a good website. Similarly color combinations makes your art good.
People with visual impairment preceive colors in different way. For example, here is how the dark red color is seen by people with monochromacy, dichromacy, and trichromacy

Hence picking up right color combinations is the most important part
Read 12 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!

Like this author's thread?

Get emails when @Prathkum has new unrolls!

Check out other threads from @Prathkum!

Read all threads by @Prathkum

:(