OpenCourser brand icon
Sign in
We may earn an affiliate commission when you visit our partners.
Course image
Pluralsight logo

Building a Custom CSS Framework Was Easier Than I Thought

CodeMash

CodeMash
By combining React, design systems, and Storybook, Nate Taylor's team was able to create their own component library from scratch. They also found that their team was much more collaborative involving developers and designers as they created a custom user interface (UI) for otheir ur client. This talk walks through their experience and lessons learned, and it highlights some tools and libraries that were essential in creating a UI framework.
Enroll now

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Explores industry-standard techniques for creating UI libraries
Demonstrates how to improve collaboration between developers and designers
Provides real-world examples of how to use React, design systems, and Storybook
Instructs learners on essential tools and libraries for UI development
Taught by Nate Taylor, an experienced developer known for his work in UI design

Save this course

Save Building a Custom CSS Framework Was Easier Than I Thought: CodeMash to your list so you can find it easily later:
Save

Activities

Coming soon We're preparing activities for Building a Custom CSS Framework Was Easier Than I Thought: CodeMash. These are activities you can do either before, during, or after a course.

Career center

Learners who complete Building a Custom CSS Framework Was Easier Than I Thought: CodeMash will develop knowledge and skills that may be useful to these careers:
Front-End Developer
Front End Developers create the look and feel of user interfaces in applications. They are responsible for making websites and web applications that are aesthetically pleasing and easy to use, while also making sure that they are compatible across different browsers and devices. Building a Custom CSS Framework Was Easier Than I Thought: CodeMash can help budding Front End Developers advance their skills by teaching them how to create their own custom CSS framework. This can give them a significant advantage in the job market, as more and more companies are looking for developers who can build and maintain their own custom CSS frameworks.
See salaries and explore the career path for Front-End Developer
UI Designer
UI Designers work closely with Front End Developers to create the look and feel of user interfaces in applications. They are responsible for creating visually appealing and user-friendly designs that meet the needs of both users and businesses. Building a Custom CSS Framework Was Easier Than I Thought: CodeMash can help aspiring UI Designers develop the skills they need to succeed in this field. The course will teach them how to create their own custom CSS framework, which will give them a competitive edge in the job market.
See salaries and explore the career path for UI Designer
UX Designer
UX Designers work closely with UI Designers and Front End Developers to create the user experience in applications. They are responsible for making sure that applications are easy to use and meet the needs of users. Building a Custom CSS Framework Was Easier Than I Thought: CodeMash may be useful for aspiring UX Designers who want to learn how to create their own custom CSS framework. This can give them a competitive edge in the job market, as more and more companies are looking for designers who can build and maintain their own custom CSS frameworks.
See salaries and explore the career path for UX Designer
Web Designer
Web Designers create the look and feel of websites. They are responsible for making websites that are visually appealing and easy to use, while also making sure that they are compatible across different browsers and devices. Building a Custom CSS Framework Was Easier Than I Thought: CodeMash may be useful for aspiring Web Designers who want to learn how to create their own custom CSS framework. This can give them a competitive edge in the job market, as more and more companies are looking for designers who can build and maintain their own custom CSS frameworks.
See salaries and explore the career path for Web Designer
Web Developer
Web Developers design, develop, and maintain websites and web applications. They are responsible for making sure that websites and web applications are reliable, efficient, and meet the needs of users. Building a Custom CSS Framework Was Easier Than I Thought: CodeMash may be useful for aspiring Web Developers who want to learn how to create their own custom CSS framework. This can give them a competitive edge in the job market, as more and more companies are looking for developers who can build and maintain their own custom CSS frameworks.
See salaries and explore the career path for Web Developer
Software Engineer
Software Engineers design, develop, test, and maintain software applications. They are responsible for making sure that software applications are reliable, efficient, and meet the needs of users. Building a Custom CSS Framework Was Easier Than I Thought: CodeMash may be useful for aspiring Software Engineers who want to learn how to create their own custom CSS framework. This can give them a competitive edge in the job market, as more and more companies are looking for engineers who can build and maintain their own custom CSS frameworks.
See salaries and explore the career path for Software Engineer
Technical Architect
Technical Architects design and build the technical architecture of software applications. They are responsible for making sure that software applications are reliable, efficient, and meet the needs of users. Building a Custom CSS Framework Was Easier Than I Thought: CodeMash may be useful for aspiring Technical Architects who want to learn how to create their own custom CSS framework. This can give them a competitive edge in the job market, as more and more companies are looking for architects who can build and maintain their own custom CSS frameworks.
See salaries and explore the career path for Technical Architect
Product Designer
Product Designers work closely with engineers and designers to create products that meet the needs of users. They are responsible for making sure that products are easy to use and meet the needs of users. Building a Custom CSS Framework Was Easier Than I Thought: CodeMash may be useful for aspiring Product Designers who want to learn how to create their own custom CSS framework. This can give them a competitive edge in the job market, as more and more companies are looking for designers who can build and maintain their own custom CSS frameworks.
See salaries and explore the career path for Product Designer
Interaction Designer
Interaction Designers work closely with UI Designers and Front End Developers to create the user interface in applications. They are responsible for making sure that applications are easy to use and meet the needs of users. Building a Custom CSS Framework Was Easier Than I Thought: CodeMash may be useful for aspiring Interaction Designers who want to learn how to create their own custom CSS framework. This can give them a competitive edge in the job market, as more and more companies are looking for designers who can build and maintain their own custom CSS frameworks.
See salaries and explore the career path for Interaction Designer
Information Architect
Information Architects design and organize the structure of websites and web applications. They are responsible for making sure that websites and web applications are easy to navigate and find information. Building a Custom CSS Framework Was Easier Than I Thought: CodeMash may be useful for aspiring Information Architects who want to learn how to create their own custom CSS framework. This can give them a competitive edge in the job market, as more and more companies are looking for architects who can build and maintain their own custom CSS frameworks.
See salaries and explore the career path for Information Architect
Graphic designer
Graphic Designers create visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. Building a Custom CSS Framework Was Easier Than I Thought: CodeMash may be useful for aspiring Graphic Designers who want to learn how to create their own custom CSS framework. This can give them a competitive edge in the job market, as more and more companies are looking for designers who can build and maintain their own custom CSS frameworks.
See salaries and explore the career path for Graphic designer
Business Analyst
Business Analysts work closely with stakeholders to identify and analyze business needs. Building a Custom CSS Framework Was Easier Than I Thought: CodeMash may be useful for aspiring Business Analysts who want to learn how to create their own custom CSS framework. This can give them a competitive edge in the job market, as more and more companies are looking for analysts who can build and maintain their own custom CSS frameworks.
See salaries and explore the career path for Business Analyst
Technical Writer
Technical Writers create and maintain technical documentation, such as user manuals, white papers, and help files. Building a Custom CSS Framework Was Easier Than I Thought: CodeMash may be useful for aspiring Technical Writers who want to learn how to create their own custom CSS framework. This can give them a competitive edge in the job market, as more and more companies are looking for writers who can build and maintain their own custom CSS frameworks.
See salaries and explore the career path for Technical Writer
Customer Success Manager
Customer Success Managers work closely with customers to ensure that they are successful with a company's products or services. Building a Custom CSS Framework Was Easier Than I Thought: CodeMash may be useful for aspiring Customer Success Managers who want to learn how to create their own custom CSS framework. This can give them a competitive edge in the job market, as more and more companies are looking for managers who can build and maintain their own custom CSS frameworks.
See salaries and explore the career path for Customer Success Manager
Project Manager
Project Managers plan, organize, and manage projects to achieve specific goals. Building a Custom CSS Framework Was Easier Than I Thought: CodeMash may be useful for aspiring Project Managers who want to learn how to create their own custom CSS framework. This can give them a competitive edge in the job market, as more and more companies are looking for managers who can build and maintain their own custom CSS frameworks.
See salaries and explore the career path for Project Manager

Reading list

We've selected five books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Building a Custom CSS Framework Was Easier Than I Thought: CodeMash.
Cover image
Adaptive Web Design
Save
Provides a practical guide to UI design for developers, helping readers understand the principles of good design and how to apply them to their own projects.
Adaptive Web Design: Crafting Rich Experiences With...
Paperback
$$
Adaptive Web Design: Crafting Rich Experiences with...
Kindle Edition
$$
Cover image
CSS Mastery
Save
Provides a collection of advanced CSS techniques, such as using CSS preprocessors, writing responsive layouts, and creating custom animations.
CSS Mastery: Advanced Web Standards Solutions
Kindle Edition
$$
CSS Mastery: Advanced Web Standards Solutions
Paperback
$$
Cover image
CSS: The Definitive Guide
Save
Provides a thorough introduction to CSS, covering topics such as selectors, properties, values, and units.
CSS: The Definitive Guide: Web Layout and...
Paperback
$$$
CSS: The Definitive Guide: Visual Presentation for...
Paperback
$$$
CSS: The Definitive Guide
Kindle Edition
$$$
Cover image
Don't Make Me Think, Revisited
Save
Provides a practical guide to usability, helping readers understand how to design websites and applications that are easy to use.
Don't Make Me Think, Revisited: A Common Sense...
Paperback
$$
Don't Make Me Think, Revisited : A Common Sense...
Hardcover
$$$
Don't Make Me Think, Revisited: A Common Sense...
Kindle Edition
$$
Cover image
Things That Make Us Smart
Save
Provides a classic introduction to the principles of design, helping readers understand how to design products that are both functional and enjoyable to use.
Things That Make Us Smart: Defending Human...
Kindle Edition
$

Share

Help others find this course page by sharing it with your friends and followers:
Facebook
LinkedIn
Reddit
X
Link
Email

Similar courses

Similar courses are unavailable at this time. Please try again later.
Course image
Via
Pluralsight
Instructor
CodeMash
This course belongs to a collection called CodeMash Conference 2020. It's comprised of 94 courses:
  1. Event Processing without Breaking Production: CodeMash
  2. Bringing Order to Chaos: CodeMash
  3. Finding Service Boundaries: CodeMash
  4. API Gateways and Microservices: CodeMash
  5. Vertical Slice Architecture: CodeMash
  6. Killing REST and Adopting RPC: CodeMash
  7. 5 Ideas For Writing Better Cloud Native Microservices: CodeMash
  8. Going Crazy with CQRS: CodeMash
  9. Cosmic Full-Stack a Blazor, ML.NET, and CosmosDB Mashup: CodeMash
  10. Quantum Computing Deep Dive: CodeMash
  11. What Building Architecture Can Teach Us About Software Architecture: CodeMash
  12. You Version Your Code, Why Not Your Database: CodeMash
  13. A .NET Data Access Layer You're Proud of: CodeMash
  14. API Design for ETL: CodeMash
  15. Common Data Problems Solved with Graphs: CodeMash
  16. What Time Is It Anyway: CodeMash
  17. Learning R through Sports, or Learning Sports through R: CodeMash
  18. Creating a Chess AI That Can Beat You: CodeMash
  19. DevOps as a Force Multiplier for Agile: CodeMash
  20. Automating Your Automation: CodeMash
  21. Creating Container Images with Cloud Native Buildpacks: CodeMash
  22. A Developer's Introduction to Electronics: CodeMash
  23. Assembly Language: The (Sega) Genesis of Programming: CodeMash
  24. Open Source XAML Takes You Places: CodeMash
  25. Building Mobile Applications with the Ionic Framework: CodeMash
  26. What's New in Xamarin Forms 4.0: CodeMash
  27. Taking Control of Errors in Swift: CodeMash
  28. How to Get Started with Swift in 2020: CodeMash
  29. Android: A Peek under the Hood: CodeMash
  30. One Codebase, Many Screens - Flutter in a Nutshell: CodeMash
  31. Kotlin for C# Developers: CodeMash
  32. A Mobile App Success Starter Pack: CodeMash
  33. Practical Functional Programming: CodeMash
  34. The Immutable Laws of Software and Life: CodeMash
  35. Machine Learning on the Cheap and without a PhD in Math: CodeMash
  36. Hold up, Wait a Minute, Let Me Put Some Async In It: CodeMash
  37. Solving the Boolean Identity Crisis: CodeMash
  38. Unit Testing Strategies and Patterns in C#: CodeMash
  39. Python, The World Beyond Scripting: CodeMash
  40. Test-driven Development: CodeMash
  41. Everything I Needed to Know About Debugging I Learned in Elementary Physics: CodeMash
  42. The Best Code Is the Code Never Written: CodeMash
  43. Git Back to Basics: CodeMash
  44. Hobby Projects Are Awesome: CodeMash
  45. Antifragile Teams: CodeMash
  46. Will the Real "Women in Tech" Please Stand Up: CodeMash
  47. Document Yourself: A Framework for Career Advancement: CodeMash
  48. Hiring, Firing, and Inspiring an Exceptional Team: CodeMash
  49. Communicating Code to Business Stakeholders: CodeMash
  50. Technical Leadership 101: CodeMash
  51. Conducting Humane Code Reviews: CodeMash
  52. Public Speaking For Engineers: CodeMash
  53. The Art of Delivering Quality Software Quickly: CodeMash
  54. Dealing with Disagreement: CodeMash
  55. How to Recognize and Avoid Programmer Burnout: CodeMash
  56. Coaching and Communicating with Diverse Teams: CodeMash
  57. The Hows and Whys of Podcasting in 2020: CodeMash
  58. Threat Modeling on the Family Road Trip: CodeMash
  59. How CTF Competitions Make You a Better Developer: CodeMash
  60. Practical Cryptography for Developers: CodeMash
  61. Securing Your API Endpoints: CodeMash
  62. Open Source Security Vulnerabilities in Containers: CodeMash
  63. What Happens When Your App Is Hacked: CodeMash
  64. Intro to Mobile Security Testing: CodeMash
  65. Including Security in the Development Testing Process: CodeMash
  66. Explain It to Me Like I'm 5: OAuth2 & OpenID: CodeMash
  67. DDoS Attacks: Threat Landscape & Defensive Countermeasures: CodeMash
  68. Hacking on a Home Server for Fun and Profit: CodeMash
  69. Learning from Bug Bounty Results: CodeMash
  70. End to End Testing with Cypress: CodeMash
  71. Postman Delivers: CodeMash
  72. Mutation Testing to the Rescue of Your Tests: CodeMash
  73. From Manual Testing to Automation Suite: CodeMash
  74. Example Mapping: CodeMash
  75. Becoming a Better Curator of Your Code: CodeMash
  76. Let's Talk About Documentation: CodeMash
  77. Hey, You Got Your TDD in MySQL DB: CodeMash
  78. A Brief History of Version Control: CodeMash
  79. Azure Application Insights to Improve Your Code: CodeMash
  80. How Using Your Words Improves QA Work: CodeMash
  81. Beyond Alt-text: Trends in Online Accessibility: CodeMash
  82. Building a Custom CSS Framework Was Easier Than I Thought: CodeMash (viewing)
  83. Twelve Spins on User Experience: CodeMash
  84. The UX of Configuration Files: CodeMash
  85. Usability Starts with Accessibility: CodeMash
  86. Angular and the Case for RxJS: CodeMash
  87. Mock It 'til You Make It: CodeMash
  88. An Introduction to WebAssembly: CodeMash
  89. Principles of Modern JavaScript: CodeMash
  90. Vue 3.0 Better, Faster, and Stronger: CodeMash
  91. React State: Redux & Context & Hooks, Oh My: CodeMash
  92. Human Readable JavaScript: CodeMash
  93. StencilJS and Universal Components: CodeMash
  94. JavaScript the Grumpy Parts: CodeMash
Good to know
Explores industry-standard techniques for creating UI libraries
Demonstrates how to improve collaboration between developers and designers
Provides real-world examples of how to use React, design systems, and Storybook
Instructs learners on essential tools and libraries for UI development
Taught by Nate Taylor, an experienced developer known for his work in UI design
Share and help others discover this course.
Facebook LinkedIn X Reddit Link Email
Don't miss out
Enroll today to gain access to this course
Enroll in this course
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser