Podcasts about pattern library

Stephen and Chris talk about cplibrary the Pattern Library that the CodePen Monorepo can use to share components. What goes in there and what doesn’t? What are common and not-so-common components? Can components be combinations of other components? Time Jumps Sponsor: Lemon Productions Chris Enns of Lemon Productions edits this podcast. Got a podcast you […]

Each episode of Digital Insights is based on the articles of Paul Boag. To read the post related to this post go to: https://boagworld.com/design/pattern-library/

Michael Geers treibt seit mehreren Jahren das Thema Micro Frontends mit an. Wir unterhalten uns mit Michael darüber, wie Design Systeme und Pattern Libraries auch bei den nicht-technischen Herausforderungen in diesem Bereich helfen können. Das Interview wurde am 03.03.2020 aufgenommen. Shownotes & Links Michael Geers auf Twitter Micro Frontends Webseite Michael’s Vortrag auf der MicroCPH Konferenz: Micro Frontends the nitty gritty details Duet Design System (auf Web-Component Basis) Das Buch: Micro Frontends in Action

Hans und Peter bauen Warhol: Eine App mit der man seine Pattern Library für Tests der Design-Konsistenz des eigentlichen Produkts nutzen kann. Die beiden stellen Design Testing generell vor und erklären, warum Warhol eine gute Lösung dafür ist. Das Interview wurde am 21.02.2020 aufgenommen. Shownotes & Links Warhol auf Twitter Hans-Christian Reinl Peter Kröner

Wir sind zurück! Kaum zu glauben, aber es gibt uns immer noch. Die letzten zwei Jahre über ist viel passiert. Wir resümieren etwas und stellen die UIengine vor, welche in unseren Projekten als Werkbank für UIengineering dient. Das Interview wurde am 14.02.2020 aufgenommen. Shownotes & Links UIengine auf Github UIengine Dokumentation Thonet Brand Manual UIengineering Pattern Library Beispiel Klingel: Designsystem hoch 15 Dennis Reimann Jan Persiel

Learn more about Design Systems with Nathan Curtis.Continue readingDesign Systems with Nathan Curtis

Was ist eigentlich eine Pattern Library und worin liegen die Vorteile für die Zusammenarbeit zwischen Design und Entwicklung? Diese Woche hatten wir Jens Grochtdreis bei unserem Meetup zu Gast. Im Podcast haben wir uns über sein Vortragsthema "Pattern Libraries für Entwicklung und Design" unterhalten. Mehr über Jens erfahrt ihr auf seiner Webseite und dem Entwicklerzusammenschluss Webkrauts für mehr Qualität im Web. Picks of the Day Jens: Manuel Matuzovic (2019): Building the most inaccessible site possible with a perfect Lighthouse score. Fabi: Swift UI Sebi: Mac Pro Schreibt uns! Schickt uns eure Themenwünsche und euer Feedback. podcast@programmier.bar Folgt uns! Bleibt auf dem Laufenden über zukünftige Folgen und Meetups und beteiligt euch an Community-Diskussionen. Twitter Instagram Facebook Meetup YouTube Erfahrt hier, wann das nächste Meetup in unserem Office in Bad Nauheim stattfindet. Meetup Musik: Hanimo

Pattern Lab (http://pattern-lab.info/) and Fractal (https://fractal.build/) are both popular tools for creating pattern libraries and style guides. How can we leverage them in our WordPress themes to avoid duplication and breaking the link between the style guides and the website? In this episode of Press This, we’re chatting with Ryan Ogden, Directory of Technology at ExpandTheRoom, about using pattern library tools successfully within our WordPress themes. If you are contemplating using these tools or are looking for ways to parellize front-end and back-end theme development listen to this episode to gain valuable insights. Listen now!

Pattern Lab (http://pattern-lab.info/) and Fractal (https://fractal.build/) are both popular tools for creating pattern libraries and style guides. How can we leverage them in our WordPress themes to avoid duplication and breaking the link between the style guides and the website? In this episode of Press This, we’re chatting with Ryan Ogden, Directory of Technology at ExpandTheRoom, about using pattern library tools successfully within our WordPress themes. If you are contemplating using these tools or are looking for ways to parellize front-end and back-end theme development listen to this episode to gain valuable insights. Listen now!

In this highly requested episode, Scott and Wes talk about design systems, what they are, why you may want or need one, how to use them, efficiency, best practices, and much more… VueSchool.io's Vue.js Masterclass — Sponsor Check out VueSchool.io’s new Vue.js Masterclass taught by Alex Kyriakidis. Learn Vue.js along with best practices, modern Javascript, and other exciting technologies, by building a real-world application - a forum. The first 50 people to visit VueSchool.io/syntax to get 25% off. Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section. Show Notes 2:40 Design Systems 101 Wes’ Tweet about Design Systems 9:40 Organizational elements of design systems It’s all about consistency 23:07 Best tools for building design systems and style guides Figma Relay for Figma InVision Design Systems Manager Airbnb Lona Brad Frost’s Pattern Library uiengine 41:52 Where to learn more Links Guide to Design Systems by InVision Shopify’s Design System Mailchimp’s Voice and Tone Zendesk Garden Material Design Awesome Design Systems Design Systems Repo Design Systems Docz Facebook Yoga StorybookJS Stuart Clarke-Frisby Tweet Figma’s Platform Figma Styles and Prototyping Design Systems Newsletter ××× SIIIIICK ××× PIIIICKS ××× Scott: CalDigit TS3 Plus Wes: Picasso Tiles Shameless Plugs Scott’s Level 1 Electron Course Wes’ Advanced React Course (Coming Soon) Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

Ich habe heute mein erstes Podcast Interview für dich! Ich habe mich mit Robert zusammengesetzt und ihn zum Thema Pattern Libraries befragt, da ich selbst noch gar nicht so viel zu diesem Thema wusste. Wir haben darüber gesprochen, was eine Pattern Library grundlegend eigentlich ist, ab welcher Größenordnung man diese anlegt, warum man überhaupt damit arbeiten sollte oder ob eine Pattern Library die Kreativität eines Designers einschränkt. Zudem geht es auch um folgende Themen: - Wie kann eine Pattern Library dir helfen, Design Prozesse zu beschleunigen? - Wie kannst du effizienter, sowohl allein als auch im Team, gestalten und so auf lange Sicht viel Zeit sparen? - Wie hilft dir eine Pattern Library Stabilität in ein Projekt zu bringen, indem man immer wieder gleiche Styles, Vorlagen oder vorgefertigte Module verwendet? Danke an Robert von Rooosh Creative Studio: https://rooosh.com Du findest ihn auch auf Facebook: https://www.facebook.com/robooosh oder Behance: https://www.behance.net/roooshstudio Patter Library Beispiele: Marvel: https://marvelapp.com/styleguide/overview/introduction Salesforce: https://www.lightningdesignsystem.com Mailchimp: https://ux.mailchimp.com/patterns Noch mehr weiterführende Links und Ressourcen findest du im zugehörigen Blogartikel: http://jonasarleth.com/blog ► Wenn dir diese Folge etwas gebracht hat, bewerte bitte kurz meinen Podcast auf iTunes: www.jonasarleth.com/itunes — Mein wöchentlicher Newsletter: www.jonasarleth.com/newsletter Podcast auf iTunes: www.jonasarleth.com/itunes Podcast auf Pocket Casts: www.jonasarleth.com/pocketcasts ► Instagram: www.instagram.com/jonasarleth ► Dribbble: www.dribbble.com/jonasarleth ► YouTube: www.jonasarleth.com/youtube Musik Credits: www.freemusicarchive.org/music/Lee_Rosevere

Heute sprechen wir quick & dirty über die UIengine, welche wir als Pattern Library Generator in aktuellen Projekten einsetzen. Shownotes & Links UIengine Die UIengineering.de Pattern Library

Ein kleines Update aus dem Off: Im quick & dirty Style melden wir uns zwischen den Staffel zurück und sprechen über das was uns aktuell bewegt. Shownotes & Links UIengine Die UIengineering.de Pattern Library

Layouten in Sandboxen: Was? Nicht in Photoshop oder Sketch? Und was sind überhaupt Sandboxen? Sandkisten? Wir sprechen in dieser Episode über den Prozess des Layoutens, und wie und wann welche Tools für die Designarbeit sinnvoll sind. UIengineering ist nicht nur wenn ein Designer mit dem Entwickler spricht bevor er sein Layout “über den Zaun wirft”. In dieser Episode sprechen wir über die Methode in einer Sandbox, einem Bereich innerhalb einer Pattern Library, zu gestalten. Layouten mit Code (Markup/HTML und CSS, vielleicht sogar JavaScript). Manchmal kann das eine extrem effektive Art und Weise der Arbeit sein. Manchmal kann es auch langsamer sein und die Ergebnisse viel schlechter. Wann also sollte man wie vorgehen? Neben der Herausforderung mit Tools, die man nicht so gut beherrscht wie andere, zum perfekten Ergebnis zu kommen, kann man aber auch viel Zeit sparen. Mitunter auch den einzigen wirtschaftlichen Weg beschreiten, um ans Ziel zu gelangen. Wir beleuchten diese Aspekte heute aus der Perspektive des Designgewerks. Termine mit #UIengineering 16.3.–18.3.2017 E-Commerce Camp Jena 29.5.–2.6.2017 webinale Berlin Shownotes & Links Alt aber wahr - Warum Designer coden sollten (EN) Termine mit #uiengineering

Mina Markham built "Pantsuit," Hillary for America’s internal design system. The core CSS architecture of Pantsuit is based around a combination of SMACSS and Harry Roberts’ ITCSS, along with his brilliant namespacing patterns. How complex are systems like this? How does a well-documented styleguide and system improve your developer's workflow?

Folge Sechs unseres Podcasts ist ein Interview mit Falk Hoppe (@nothing_box), Senior Berater bei innoQ aus Monheim am Rhein. Falk arbeitet bereits seit vielen Jahren im Umfeld von Frontend und Pattern Libraries und teilt seine Eindrücke und Ideen mit uns. Die Arbeitsweise mit einer Pattern Library ist für Falk die Grundlage für funktionierendes UIengineering. Hier kommen Designer und Entwickler, aber auch Vertreter verschiedener Fachbereiche zusammen. Dabei sollte Kommunikation als Basis für eine gute Zusammenarbeit dienen und natürlich ist ein konstanter Austausch zu den Themen, die alle Gewerke beschäftigen essentiell. Aber wie deutlich wird, geht es auch für Falk nicht nur darum die Gewerke in einen Austausch zu bringen, sondern die Rollen per se zu betrachten und die Bindung einer Rolle an eine Person zu hinterfragen. Hier sieht er auch Herausforderungen, die bis zum Management einer Agentur oder eines Unternehmens hinauf gehen. Aber gleichzeitig ist ein Einverständnis nicht zwingend notwendig. Auch sprechen wir über Tools und wer diese verwenden kann. Eine Reihe von Links sind in den Shownotes zu finden. Je nach Konzeption und Anforderungen sind hier eventuell schon erste Tipps dabei, die einen Einstieg in die Welt von Styleguides und Pattern Libraries ermöglichen. Termine mit #UIengineering 16.3.–18.3.2017 E-Commerce Camp Jena 29.5.–2.6.2017 webinale Berlin Shownotes & Links Falk Hoppe auf twitter: nothing_box innoQ Stiletiles Stylegen von GALERIA Kaufhof Frontify Fabricator Fractal.Build Living Pattern Libraries: Wie man Styleguide Zombies killt Termine mit #uiengineering

In Folge Fünf des UI engineering Podcast unterhalten wir uns über die Kosten und Nutzen von Pattern Libraries. Wann macht es Sinn eine Pattern Library zu verwenden und wann nicht. Wer zahlt was? Wie ist mit Budgets pro Gewerk zu rechnen? Pattern Libraries sind der große Hype, aber was kostet denn eigentlich eine solche Pattern Library Entwicklung? Was sind die Dinge, die man sinnvollerweise einbaut? Wir sprechen über Beispiele, die wir in einigen Tools gesehen haben, die wir selber entwickelt haben und die wir uns noch gut vorstellen können für ein gutes Tool. Auch das Thema Dokumentation und das Einbeziehen von verschiedenen Gewerken ist ein Aspekt, der für uns in der Pattern Library Entwicklung eine wichtige Komponente ist. Hier diskutieren wir ebenfalls Beispiele und Anforderungen. Termine mit #UIengineering 16.3.–18.3.2017 E-Commerce Camp Jena 29.5.–2.6.2017 webinale Berlin Shownotes Enterprise UI Design Patterns How and why to create a pattern library? How we use pattern libraries to deliver value

Alexis Findiesen Senior Developer, and Zaid White Senior Art Director at CHIEF join Gary Rozanc to discuss the ins and outs of how designers and developer work together. The discussion goes into the details of when they work side by side, what kind of files they hand off to each other, and how micro interactions are designed and developed. Alexis and Zaid also share how their academic backgrounds, different from what their daily work, lead them to where they are today.

In der dritten Folge des UI engineering Podcast geht es um Pattern Libraries. Wir besprechen die Grundlagen und die Aspekte für die Anforderer. Atomic Design ist eine Grundlage, die wir für eine solide Basis zum Entwickeln von Webprojekten erachten. Pattern Libraries sind ein Tool diesem Design System Leben einzuhauchen und die Idee von Atomic Design in das Projekt zu bringen. Hierbei ist unserer Auffassung nach eine lebende und von allen genutzte Pattern Library notwendig. Diese und weitere Aspekte besprechen wir in dieser Folge. Das Thema Pattern Libraries wird in der nächsten Folge fortgesetzt. Shownotes Pattern Libraries: What They Are and Why You Need One Pattern Libraries in Sketch + Zeplin Boards ⇒ Creative Team and Developers happy ever after Automated Pattern Libraries for Complex Web Design Projects

I chat to my good friend Anthony Cole. Anthony is a product developer with a background in wordpress and frontend development. Originally hailing from Silicon Valley and via NZ, Anthony works in Melbourne for startup Lexer.io. He shares insights on why you should use a pattern library. It is a set of components that you can reuse for common design problems. It also defines the interactions of components. By using a pattern library, it allows teams to focus on the bigger customer problems. Ultimately, it helps you ship products faster. We also discuss how you can implement it and best practices out there. Sources http://lexer.io http://styleguides.io/examples.html http://airbnb.design/building-a-visual-language http://airbnb.design/the-way-we-build https://ux.mailchimp.com/patterns https://www.dropbox.com/branding https://developer.yahoo.com/ypatterns http://getbootstrap.com For more goodness, check out my blog: http://inspiredworlds.com If you like the podcast, please like it, share it and rate it 5 stars on the app store :) I'm out like naming things, Matt Ho