BC ALL
Saved by @john__moriarty

How to design almost any UI element.

A curated list of 58 articles 👇

 Buttons.

7 Basic Rules for Button Design by @101babich
https://t.co/m7g1MQ1d3m

Button Design
https://t.co/srbgqAOvyV

Cheatsheet for buttons by @tessgadd
https://t.co/4BXUNTEzIw
Text fields.

UI cheat sheet: text fields (Awesome article! 🤩)
https://t.co/92eqmsxJz5

Text fields & Forms design — UI components series
https://t.co/a5OAlsBYYz

The Anatomy of Input Field
https://t.co/BzjdsNLbGp
Checkboxes & Toggles.

Checkbox vs Toggle Switch by @uxplanet
https://t.co/2qwRITZ7xl

Toggle-Switch Guidelines by @NNgroup
https://t.co/ftcHGs20zy

Toggle design patterns from @just_in_mind
https://t.co/jtc0K2esSa

38 Checkbox Designs 😳
https://t.co/xuuGxX4wle
Radio Buttons.

Selection controls — UI component series (AWESOME 🤩)
https://t.co/iYM2TOwJJJ

Radio Buttons UX Design
https://t.co/toIB4ATFsy

Radio button design: easy selection and decision-making
https://t.co/ju5EKVnCCv
Tables.

Design better data tables by @CoyleAndrew (😍)
https://t.co/LkviePrdOS

The Ultimate Guide to Designing Data Tables
https://t.co/trFjRmCPsO

Designing better data tables for enterprise UX
https://t.co/IjBCF2SB3P
Datepickers. (It's a pain 😣)

How to Design a Perfect Date Picker Control?
https://t.co/DMoKDpJ6Ri

Date Picker Design Best Practices
https://t.co/PXcZGQ66Zv

A hunt for the perfect date picker UI
https://t.co/cF41bhB5dn
Sliders.

UNBELIEVABLE article. @smashingmag is a golden resource really.
https://t.co/NoSRmlHN1A

Slider design UI patterns and examples from @just_in_mind
https://t.co/G8ymVAlh6l

Slider Design: Rules of Thumb from NNGroup
https://t.co/0iXm3teB7F
Tabs.

Module Tabs in Web Design: Best Practices and Solutions
https://t.co/hLUpxfTUzf

12 Tabs Design guidelines
https://t.co/HmPNXiNoLV
Dropdowns

UI cheat sheet: dropdown field (Like this one 🥰)
https://t.co/XMF5mE4jjc

Dropdowns: Design Guidelines
https://t.co/wnqYIWvAxF

Drop down list design: the complete guide
https://t.co/gRqNsCawTl
Pagination

Paging, Scrolling, and Infinite Scroll by @uxmatters
https://t.co/M4qLpZHwxV

UX: Infinite Scrolling vs. Pagination by @101babich
https://t.co/AZN4ttXUli

Users' Pagination Preferences and "View All"
https://t.co/h74qKS8emt
Search inputs

Best UX practices for search inputs
https://t.co/g3qOCcYJ5U

Design a Perfect Search Box
https://t.co/O5tt2zIXKq

Site Search Suggestions by @nngroup
https://t.co/ua5Mfvqnk7
Breadcrumbs.

Breadcrumbs: 11 Design Guidelines for Desktop and Mobile
https://t.co/KQs8QvBJiS

Are breadcrumbs still fresh for UX?
https://t.co/Zet4DHNEb6

Breadcrumb examples for inspiration
https://t.co/huUIxvox55
Carousels.

Carousel/slider design best practices (with examples) by @webflow
https://t.co/TQsCzXfb3S

Carousel Usability: Designing an Effective UI for Websites with Content Overload
https://t.co/rv2II2WhM9

Designing a User-Friendly Homepage Carousel
https://t.co/XmNcvJL7jt
Modals.

Best Practices for Designing UI Overlays by @oliverlindberg
https://t.co/WxYMZhG61p

https://t.co/uPVaJ1CLDk from @appcues

Modal & Nonmodal Dialogs: When (& When Not) to Use Them
https://t.co/5GJw7sl3VL

Modal dialogs
https://t.co/TXEnv10keD
Cards.

Card UI design: fundamentals and examples
https://t.co/22QfczOP7O

Simple Design Tips for Crafting Better UI Cards
https://t.co/4oRf8kwvn8

Designing cards
https://t.co/nW1BQamhng
Tooltips.

Tooltip Guidelines
https://t.co/Jct5q7ydeR

Designing Better Tooltips For Mobile User Interfaces
https://t.co/QUwNvDM3NI

Tooltips: your secret weapon for improving feature discovery by @sofiaqt

https://t.co/9XPdAFwR6s
Navigation.

Navigation design: Almost everything you need to know
https://t.co/4NUG9KoLwN

UX Design for Navigation Menu from @Prototypr
https://t.co/d3otgDaTMh

The Fastest Navigation Layout for a Three-Level Menu from @uxmovement
https://t.co/fNwZQzSFrb
Loaders.

Progress Indicators Make a Slow System Less Insufferable
https://t.co/jOmtMPQ8nU

Stop Using A Loading Spinner, There’s Something Better
https://t.co/0O0RBNyX0W

Best Practices For Animated Progress Indicators
https://t.co/lgLY2zJaPm
Forms.

Design Better Forms by @CoyleAndrew (Really good read! 😍)
https://t.co/xJWs2vhuJQ

Form Design: 13 Empirically Backed Best Practices by @iamalexbirkett
https://t.co/7ptPrcUQEq

The UX behind designing better forms by @charmiekapoor
https://t.co/nIV8MfUGLY
If you want to have it as a single list instead of a thread, check out Reddit's first comment:

https://t.co/PeZTG6YaP1
Let me add one more resource:

https://t.co/oFY580zWQd

Once a week, I send a newsletter covering different UI/UX topics. Everything related to user interfaces.

No ads, no spam.

Soon will start a blog there because it's not very convenient to post a lot of info in threads.

More from All

Vibhu Vashisth
Vibhu Vashisth
@VIBHU_Tweet
MAHARAANI TARARANI: THE QUEEN OF MARATHAS

Rani Tarabai was the brave daughter-in-law of Chhatrapati Shivaji and one of the greatest medieval Monarchs India ever had.
She was born in 1675 to one of the bravest commander-in-chiefs of Shivaji's Army named Hambir Rao Mohite.


Tarabai was just 8yrs old when she was married to Shivaji's younger son, Rajaram. Mughals and Marathas were constantly at war with each other. Shivaji was crowned the ruler of the Independent Maratha Swarajya in 1674 which was established by him.


However,the great leader died in 1680&the Maratha Samrajya went into a complete&total chaos.Marathas saw some very tough times ahead. In 1689,when Raigad Fort fell to the Mughal Army of over 15000,Shivaji's first wife Saibai and his elder son Sambhaji were captured&put to death.


Sambhaji's wife and son Shahu were taken prisoners to the Mughal court. During the same battle, Shivaji's second son Rajaram(Tarabai's husband) , who was the heir to the throne now, managed to escape using a disguise. He made his way to the Gingee Fort in Tamil Nadu.


Mughal General Zulfikar Khan, however, followed them to Gingee laying siege to the Gingee Fort. From 1690-1698,This was the longest siege by a Mughal Army of any Fort which stands testimony to the military and diplomatic credentials of Rani Tarabai.
ALL
Anu Satheesh
Anu Satheesh
@AnuSatheesh5
Alathiyur Hanuman Temple
Malappuram, Kerala 🚩
#keralatemples

One of the Powerful Anjaneya Temples in Kerala. Hanuman temple is adjacent to Shri Ramar Sannidhi. Here Hanuman's head is tilted towards the left to hear Shri Rama's words. Shri Rama is entrusting Hanuman👇


Task of locating Mata Sita in Lanka.

Prathishta of Hanuman is done by Sage Vasishta. Eventhough this is Shri Ram Temple, importance is given to Hanuman
Shri Rama shares with Hanuman the Abhignana Vaakhyam, the words that would enable him to gain the confidence of Mata Seetha.


Hanuman stands leaning a little towards the left, showing how he hear Shri Rama's words and also assuring him Your Wish is my Command.
The Vigraham of Hanuman gives us the Strength, Confidence and Bhakthi.
There is a place marked here to show Hanuman’s leap to Lanka over sea.


Devotees run and leap over the stone for better health.Aval Naivedhyam is famous here. Those children who have nightmares are told to pray Alathiyur Hanuman. Mantra 👇

Alathiyur Hanumane
Pedi Swampnam kanarudhe
Pedi Swapnam Kandalo
Val Kondu Thattiyunarthename
🙏🕉🙏
ALL
Advertisement
\u0936\u094d\u0930\u0940\u092e\u093e\u0932\u0940 \u0939\u093f\u0924\u0947\u0936 \u0905\u0935\u0938\u094d\u0925\u0940
श्रीमाली हितेश अवस्थी...
@HiteshAwasthi89
#Thread
Lessor known facts of Sudarshan Chakra or Neela Chakra of Puri Jagannath Temple.

The metal wheel at the top of Bhagwan Jagannath temple is also known as Neela Chakra (Blue Wheel). The wheel is made of eight metals comprising of.. 1/n


iron, copper, zinc, mercury, lead, brass, silver & gold. It's circumferance is about 36 feet & it is so designed that there is a wheel within the wheel. The circumferance of the inner wheel is about 26 feet. Eight hubs join together the inner and the outer wheels. 2/n


There are decorative designs on the outer wheel. The thickness of the Neela Chakra is 2 inches.The wheel is said to be Bhagwan Vishnu's most powerful weapon, Sudarshana Chakra. Inside Jagannath temple, Lord Vishnu's wheel is also worshipped in the name of 'Sudarshana'. 3/n


But inside the temple Sudarshana is not in the shape of a wheel, but in the shape of a small wood pillar placed to the left of image of bhagwan Jagannath. It is believed that the same Sudarshana is also at the top of the temple and is known by the name of Neela Chakra. 4/n


There is a specific category of people among the temple sevaks to serve the Neela Chakra and they are known as Garuda Sevaka or Chunara Nejoga. The pilgrims hold these sevaks in high esteem because everyday at Sunset. 5/n
ALL
Angela Jamison
Angela Jamison
@AnJamison
@JeffJacksonNC @buzz\_chronicles @buzz\\\_chronicles @buzz_chronicles save as category @pdfmakerapp grab @pdfmakerapp grab this @readwiseio save @readwiseio save thread @threader compile summarize @Threadreaderapp unroll please @ttttreads unroll @unrollthread.com @SaveToBookmarks
ALL
Anshumani Ruddra
Anshumani Ruddra
@baboonzero
Mahabharat - the great war - 18 days of heroism, deceit, blood and intrigue - now as a mega Twitter thread.

I'll add the events from a few days of the war each day.

Caveats: lots of editorialization, creative liberties and interpretations.

There will also be a lot of asides - especially around war strategy and tactics, the characters and their motivations and non-canon storylines.

Over the years, I've read multiple versions, phenomenal translations and modern retellings. So be prepared for a potpourri.

There are different ways of looking at this war. Was it a family feud? Sure - but whose family? Shantanu's or Satyavati's? Was Vyas essentially telling us his family history? And then Kunti added a twist to this tale. Here's a helpful chart:


Satyavati's two sons from Shantanu both died without children. Vyas - her first son - fathered Dhritarashtra and Pandu (and Vidur).

Pandu never fathered any children. Kunti and Madari gave birth to six demi-gods (Karna and the five Pandavs).

So Satyavati Vs Kunti and Madari.

Or was this a fight between two massive neighbouring kingdoms - the Kurus and the Panchals? While many smaller kingdoms joined the battle, most of the Pandav army (more than half of their 7 divisions) came from the Panchals. King Drupad and his son Shikhandi led two divisions.
ALL

You May Also Like

Reshu Nath
Reshu Nath
@ReshuNath
'Tera mera rishta kya, hindu, hindu,hindutva' is a clear take on 'tera mera rishta kya,la ilaha illallah'. As much as Hindutva hates the monotheistic religions especially Islam, there's a strange wistfulness and subliminal need at display now, to BE that they hate. 1


Charlie Hebdo doesn’t come up as a cautionary tale now but rather 'why cant we be like that'?
Growing up, Hanuman was an adorable deity for us, who swallowed the sun, or who couldn’t figure out what was Sanjeevani booti so he picked up a whole mountain and came back with it. 2

Or he was loyal, admirable and when he cleaved his chest, you saw both Ram and Sita. Now we have a lot of “Angry Hanuman” stickers. Why is a cute childlike God angry? We don’t know. It's a convenient blank space where to paint all the angst of Hindu Khatre mein hain narrative. 3


The other strange thing that has started happening is pictures of Ram appearing sans Sita. “Jai Siya Ram” has become “Jai Shri Ram”. Some people disingenuously explain it as being the same thing - because Shri is a name of Lakshmi. Not really. Siya is an apbhransh of Sita. 4


Shri is a prefix of respect in this case. Hinduism is being militarised. A woman/Sita has no place in it. Even the militaristic Goddess that is Durga has no place in this conception of neo-Hindu divinity, as evidenced by Dilip Mandal wondering where Durga came from. 5
RELIGION
Aditya Todmal
Aditya Todmal
@AdityaTodmal
A THREAD ON @SarangSood

Decoded his way of analysis/logics for everyone to easily understand.

Have covered:
1. Analysis of volatility, how to foresee/signs.
2. Workbook
3. When to sell options
4. Diff category of days
5. How movement of option prices tell us what will happen

1. Keeps following volatility super closely.

Makes 7-8 different strategies to give him a sense of what's going on.

Whichever gives highest profit he trades in.


2. Theta falls when market moves.
Falls where market is headed towards not on our original position.


3. If you're an options seller then sell only when volatility is dropping, there is a high probability of you making the right trade and getting profit as a result

He believes in a market operator, if market mover sells volatility Sarang Sir joins him.


4. Theta decay vs Fall in vega

Sell when Vega is falling rather than for theta decay. You won't be trapped and higher probability of making profit.
OPTIONSLEARNINGS , OPTIONSBASICS , OPTIONSLEARNINGSSARANGSOOD
Advertisement
Patrick McKenzie
Patrick McKenzie
@patio11
Most software founders, particularly in B2B, need to get radically better at sales. @Steli , who is the best person for explaining the scrappy stages in the beginning and then building out a team with scripts and processes, wrote a guide to:

For technical founders it is irrationally, obscenely hard to reverse years of programming (ba dum bum) that sales is a value-destroying activity. Sales is CLEARLY a value-creating activity, contingent on you have a value-creating product.

The world will not drop what they are doing to adopt your work. This is particularly true in B2B, where simply building a better mousetrap won't overcome the activation energy required to get people with additional non-mice problems to prioritize changing mousetraps today.

This is very non-obvious for founders because founders are not often people who *want* to be sold to. We often come from a background where trying out tools is a bit of a fun hobby. We like looking at all the options, making charts, and ripping out partially complete tests.

"This week I unsuccessfully trialed four software options for automating that thing that has been killing us. Our actual production process remains the same as last week. Don't worry; this was a great use of time." is not a thing you want to write in a progress report to manager.
TECH
Ramsay Rippers \U0001f354
Ramsay Rippers 🍔...
@RamsayRippers
🧵EMA + VWAP STRATEGY

Every trader has a go-to strategy that works best for them. My trading is all about keeping it simple stupid and revolves around two indicators - Exponential moving averages and vwap.

Here's the strategy that I utilize on nearly 80% of my trades.

👇

What are Exponential Moving Averages?

EMA's are a type of moving average that places a greater weight on more recent data points.

8EMA = Exponential Moving Averages of the last 8 candle closing prices.

EMA's adjust with respect to chart time frame.

What is VWAP?

Volume Weighted Average Price - A key intraday indicator in my trading that offers the true average price based on price & volume.

Calculation: (Price x # of shares traded) / total shares traded

EMA's I use

- 8
- 21
- 50

While I do utilize the 50EMA, the 8 & 21 EMA are most important for this strategy. Some people use the 9 and 20 which are essentially the same thing. REMEMBER: EMA'S adjust with respect to time frames.

A+ Set Up Criteria - (What I look for)
STRATEGY
Jaya_Upadhyaya
Jaya_Upadhyaya
@Jayalko1
ARULMIGU SRI PARTHASARATHY SWAMY KSHETRAM, CHENNAI (TN)

Divya Desha where Perumal appears with moustache of a Sarathi (charioteer) to conduct Arjun’s Rath in Kurukshetra war.
Here, Venkatkrishna-Parthasarthy is present with his entire family.


He is flanked by Sri Rukmini, Sri Balarama, Satyaki, son Pradyumn and grandson Anirudha.
It is said that on the request of Raja Sumathirajan, Sri Perumal appeared and stayed here as Arjun’s charioteer (Partha-sarathi).


He is without chakra as he had promised not to wield weapons in Mahabharata war.
The face has scars caused by Bhishma’s arrows on Arjun. Prabhu took the arrows on himself to protect Arjun.


The Naivedyam offered here does not have spices. Ghee is used in it to cure Prabhu’s wounds. Sarkarai Pongal is famous here.

It is said that Rishi Bhrigu found Devi Lakshmi (as Vedvalli) in Alli flower in the mandir pushkarini. Later, Sri Ranganatha came here to marry her.
ALL