Share this page!

Maybe Scrolly?
Pratham Profile picture
Twitter logo
15 May, 6 tweets, 3 min read
5 best color palette for every web developer and designer 🎨

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

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

πŸ–‡οΈ colorhunt.co
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…
3. Palette Ninja

Palette ninja is an online color scheme generator that allows you to create harmonious color schemes in seconds

πŸ–‡οΈ palette.ninja
4. My color space

Here you can find the perfect matching color scheme for your next project! Generate nice color palettes, color gradients and much more! Your space for everything that has to do with color

πŸ–‡οΈ mycolor.space
5. Learn UI design

A tool for creating color variations on a base color to meet WCAG AA or AAA color contrast ratio guidelines.

πŸ–‡οΈ learnui.design/tools/accessib…

β€’ β€’ β€’

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
16 May
Functions exists in CSS as well

CSS functions can represent more complex data types and can do special data processing and calculations. Let's talk about it in detail

πŸ§΅πŸ‘‡πŸ» Image
The syntax of CSS functions is same and standard like in other programming languages. Function name followed by the set of parenthesis and they can accept multiple argument.

{ 2 / 16 }
The functions in CSS is broadly divided into 8 categories. They are

1. Transform functions
2. Math functions
3. Filter functions
4. Color functions
5. Image functions
6. Counter functions
7. Font functions
8. Shape functions

{ 3 / 16 }
Read 16 tweets
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.

🧡 πŸ‘‡πŸ»
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 }
Read 17 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 🧡
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
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

🧡 πŸ‘‡πŸ»
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 }
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 }
Read 17 tweets
Pratham Profile picture
14 May
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
Read 6 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

:(