.tpw-widget

TabPanel Widget is a Semantic, Accessible, Responsive, Adaptive, and Versatile solution to create TabPanel and Accordion Widgets for the Web.

[.tpw-widget @TabpanelWidget]

Don't hesitate to ask a question or share your idea on GitHub:

https://t.co/oOolwTKeSP

[.tpw-widget @TabpanelWidget]

Thank you @anupamme for the PR!

[.tpw-widget @TabpanelWidget]

Can your TabPanel Widget do this ?

Open the 2nd panel of the first Widget on this page: https://t.co/HtkLml0YMJ

Open the 3rd panel: https://t.co/XssU4uAa9G

Open the 4th panel: https://t.co/SiIOGbPgOu

Open the last panel: https://t.co/LhmjEEyqm0

[.tpw-widget @TabpanelWidget]

We've put https://t.co/nNQtA6GWAo back online since nobody seems to care about https://t.co/B9QpUWg1h6

Enjoy!

[.tpw-widget @TabpanelWidget]

TabPanelWidget for Drupal!!

https://t.co/grP8LS0gPp

[.tpw-widget @TabpanelWidget]

#a11y

We have decided to put the content of https://t.co/5BpAp14OS5 off line until WebKit supports `aria-owns`:
https://t.co/B9QpUVXS2Y

(sorry for the inconvenience)

[.tpw-widget @TabpanelWidget]

I think we came up with a fix (🤞) for the lack of support of Webkit for `aria-owns` which breaks cursor navigation in VO/Safari.

https://t.co/HvTIEB0Z4S

Please note that this is only related to cursor navigation as "standard" keyboard navigation works just fine in Safari.

[.tpw-widget @TabpanelWidget]

Yes, it is possible to nest Widgets but I'm not sure it is a good idea UX wise...

https://t.co/zfYPrJZciq

Working example on CodePen:
https://t.co/IMC8AwNzQn

[.tpw-widget @TabpanelWidget]

We set a Permissions Policy to opt-out of FLoC:

https://t.co/pcwFWYdkFN

[.tpw-widget @TabpanelWidget]

@vponamariov That first "Module Tabs in Web Design" article is from 2009!

It's now 2021:

https://t.co/jGb5kCcucW

[.tpw-widget @TabpanelWidget]

tabpanelwidget[.]com is hard coded into Chrome and Firefox as being HTTPS only!

Use this form to include a site or to check the status of any web site: https://t.co/MWovM9fm6c

[.tpw-widget @TabpanelWidget]

We must be doing something right!
(searching for "Tabpanel Widget")
We're #3 on Google and #1 on Bing, Yahoo!, Yandex, Ecosia, and https://t.co/CEFn2h7BAe

Maybe google could learn a thing or two from these other search engines ;)

https://t.co/JRBXFtCpkC

[.tpw-widget @TabpanelWidget]

We've added a "Reader Mode" option to our #overlay
Check it out!

https://t.co/nNQtA6XZCo

[.tpw-widget @TabpanelWidget]

Smashing Magazine says:

> "@TabPanelWidget is a responsive and accessible solution for tabs!"

https://t.co/H1DAIZDvtR

[.tpw-widget @TabpanelWidget]

@LeonieWatson @briankardell @davatron5000 @gregwhitworth @NickColley @stevefaulkner @chaals @heydonworks @askalot @scottjehl @stubbornella Plugging this here in case someone is interested in this particular approach (*no* jump-links/same markup for tabpanel and accordion):

https://t.co/jGb5kCcucW

[.tpw-widget @TabpanelWidget]

@OlivierNourry @thierrykoblentz Much better with JS: https://t.co/jGb5kCcucW

[.tpw-widget @TabpanelWidget]

LightHouse added Fireworks!!

[.tpw-widget @TabpanelWidget]

Starting @ 6:19!

[WebDev Samachar @webdev_samachar]

EPISODE 10 - Premiering now!
https://t.co/aHRADwU45J 📰 🗞️

yay! 10th episode! 😍
Like, share and subscribe karna bhooolen!! 🙏🏾

#webdev #webdevelopment #HindiNews

[.tpw-widget @TabpanelWidget]

We picked up some karma points on Reddit :)

https://t.co/BBJpqHyT1S

[.tpw-widget @TabpanelWidget]

It has begun...

[Kushagra Gour @css_battle @CSSMonk]

This is the most usable and accessible Tab widget I have ever seen 👉🏾 https://t.co/jrr2ibcEY5

Made by the awesome @7h1322yk0813n72 & @tjkoblentz

More osom is the project site! Stress testing capability, well documented 🤯 New benchmark of a gr8 project site! Well thought of! 👏🏾

[.tpw-widget @TabpanelWidget]

Please report bugs or issues related to the web site here:

https://t.co/TGd7wmZSMp