Warhol (@wearewarhol) 's Twitter Profile
Warhol

@wearewarhol

Warhol lets you test components and style guides against their implementation on your website and reduce style bugs during development and in production.

ID: 1050632055980089344

linkhttps://warhol.io/ calendar_today12-10-2018 06:19:36

122 Tweet

75 Followers

1 Following

Warhol (@wearewarhol) 's Twitter Profile Photo

👨‍💻 Today's featured doc page is the report type “Hybrid component”! This error occurs when an element matches more than one component target selectors and Warhol is unable to decide which component the element is supposed to be. 🔗 warhol.io/docs/report-ty…

Warhol (@wearewarhol) 's Twitter Profile Photo

🦄 The featured documentation page for today is “Register an account”! We are not sure anyone in today's day and age needs docs for *that*, but here they are anyway: warhol.io/docs/getting-s…

Warhol (@wearewarhol) 's Twitter Profile Photo

📚 Learn all about the browser extension and each its features for today's featured docs page! 👉 warhol.io/docs/browser-e…

Warhol (@wearewarhol) 's Twitter Profile Photo

🤓 Check out today's featured docs page, “Panel/Reports”, a part of the browser extension! Essentially that the place to see everything that's wrong with your page. More details: warhol.io/docs/browser-e…

Warhol (@wearewarhol) 's Twitter Profile Photo

👩‍💻 Read today's featured docs page: Directives! Directives are how you can control aspects of Warhol's design testing outside of just specifiying CSS. ⚓ warhol.io/docs/directives

Warhol (@wearewarhol) 's Twitter Profile Photo

👨‍💻 Check out today's featured docs page, the report type “Non-conforming value expected”! This report tells you that a component is implemented correctly, but that its initial definition in the pattern library does not conform to the pattern library itself warhol.io/docs/report-ty…

Warhol (@wearewarhol) 's Twitter Profile Photo

⭐ Check out today's featured docs page, configuring components! About, you know, configuring components. Read more: warhol.io/docs/configura…

Warhol (@wearewarhol) 's Twitter Profile Photo

⭐ Learn all about configuring theme typography which is today's featured docs page! This makes sure that even non-components have to follow your pattern library's typography rules. 👉 warhol.io/docs/configura…

Warhol (@wearewarhol) 's Twitter Profile Photo

👩‍💻 Learn all about the report type “Invalid must-match selector” which is today's featured docs page! This is Warhol complaining about an invalid selector in one of your directives. More: warhol.io/docs/report-ty…

Warhol (@wearewarhol) 's Twitter Profile Photo

📚 The featured documentation page for today is “Create a pattern library”, which takes you through the process of creating your first basic pattern library: warhol.io/docs/getting-s…

Warhol (@wearewarhol) 's Twitter Profile Photo

📚 Today's featured docs page: the snapshot error “Hyperactive DOM”! After loading a pattern library, Warhol waits until the DOM stops changing, but has to give up at some point. If you see this error, something's seriously wrong with your pattern lib. 👉 warhol.io/docs/snapshot-…

Warhol (@wearewarhol) 's Twitter Profile Photo

⭐ The featured documentation page for today is the report type “Excess pseudo element”, which you'll see when Wahol encounters a pseudo element that should not exist: warhol.io/docs/report-ty…

Warhol (@wearewarhol) 's Twitter Profile Photo

👨‍💻 Read today's featured docs page: the report type “Non-conforming typography expected”! This is what you'll get when you correctly implement a component that is defined in a way that does not conform to the pattern library's typography rules. 🔗 warhol.io/docs/report-ty…

Warhol (@wearewarhol) 's Twitter Profile Photo

🦄 Learn all about the report type “Conforms” which is today's featured docs page! A non-component element in your web page conforms to the pattern library. You don't have to do anything. Yay! 👉 warhol.io/docs/report-ty…

Warhol (@wearewarhol) 's Twitter Profile Photo

👩‍💻 Read today's featured docs page: “Component content”, where we discuss how Warhol handles component children. Spoiler: everything's automated! ⚓ warhol.io/docs/getting-s…

Warhol (@wearewarhol) 's Twitter Profile Photo

🦄 Today's featured doc page is the report type “Unexpected value”! This is somewhat like an even more wrong “Wrong value”, when a value (usually a color) is not just wrong but also violates the pattern library's theme. 👉 warhol.io/docs/report-ty…

Warhol (@wearewarhol) 's Twitter Profile Photo

🦄 Check out today's featured docs page, “Get the browser extension”! There is an LTS edition and the more up-to-date current edition and the choice is yours! ⚓ warhol.io/docs/getting-s…

Warhol (@wearewarhol) 's Twitter Profile Photo

👨‍💻 Check out today's featured docs page, “Define typography rules”, where you can learn how to define general typography rules without the need for detailed component definitions! Read more: warhol.io/docs/getting-s…

Warhol (@wearewarhol) 's Twitter Profile Photo

📚 Learn how to create utilities with is today's featured docs page! This is what you need for all of your helper classes, your box shadows and so on. 👉 warhol.io/docs/getting-s…