Media is too big
VIEW IN TELEGRAM
28. What Should You Be Doing?
Jem advises new managers to refrain from taking immediate action in their first 30 days. Instead, they should focus on listening and understanding the context, history, relationships, and dynamics of their team. This lesson also emphasizes the importance of being curious, asking questions, running effective meetings, building relationships with partners, evaluating and improving team processes, and understanding the role of the team in relation to the business. The lesson concludes with an exercise to help new managers understand their new position and set long-term strategies.
- https://static.frontendmasters.com/assets/courses/2024-01-14-intro-management/understand-the-business.pdf
#lesson
Jem advises new managers to refrain from taking immediate action in their first 30 days. Instead, they should focus on listening and understanding the context, history, relationships, and dynamics of their team. This lesson also emphasizes the importance of being curious, asking questions, running effective meetings, building relationships with partners, evaluating and improving team processes, and understanding the role of the team in relation to the business. The lesson concludes with an exercise to help new managers understand their new position and set long-term strategies.
- https://static.frontendmasters.com/assets/courses/2024-01-14-intro-management/understand-the-business.pdf
#lesson
Media is too big
VIEW IN TELEGRAM
29. Mistakes to Avoid
Jem reflects on their own mistakes as a manager and provides advice on what to avoid. He also discusses the dangers of micromanaging, overpromising, staying too close to the code, overthinking decisions, not letting go of previous work, and putting too much pressure on oneself. The lesson emphasizes the importance of trust, delegation, and self-awareness in effective management.
#lesson
Jem reflects on their own mistakes as a manager and provides advice on what to avoid. He also discusses the dangers of micromanaging, overpromising, staying too close to the code, overthinking decisions, not letting go of previous work, and putting too much pressure on oneself. The lesson emphasizes the importance of trust, delegation, and self-awareness in effective management.
#lesson
Media is too big
VIEW IN TELEGRAM
30. Managing Up
Jem discusses the concept of managing up, which involves managing one's manager by understanding their expectations, priorities, and information preferences. The importance of establishing clear communication and boundaries with the manager is emphasized, as well as the value of regular one-on-one meetings and listening to other managers' perspectives. The lesson also advises new managers to avoid trying to do too much or make drastic changes too soon.
#lesson
Jem discusses the concept of managing up, which involves managing one's manager by understanding their expectations, priorities, and information preferences. The importance of establishing clear communication and boundaries with the manager is emphasized, as well as the value of regular one-on-one meetings and listening to other managers' perspectives. The lesson also advises new managers to avoid trying to do too much or make drastic changes too soon.
#lesson
Media is too big
VIEW IN TELEGRAM
31. Wrapping Up
Jem discusses various topics related to engineering management. He covers responsibilities shared between engineering managers and product managers, the ideal size for meetings, how to avoid micromanaging when individuals are underperforming, the frequency of one-on-one meetings with team members, setting a good example as a manager, and the key takeaways from the course. The lesson emphasizes the importance of effective communication, continuous learning, and the fulfillment that comes from being a manager.
- https://frontendmasters.com/courses/product-management/
#lesson
Jem discusses various topics related to engineering management. He covers responsibilities shared between engineering managers and product managers, the ideal size for meetings, how to avoid micromanaging when individuals are underperforming, the frequency of one-on-one meetings with team members, setting a good example as a manager, and the key takeaways from the course. The lesson emphasizes the importance of effective communication, continuous learning, and the fulfillment that comes from being a manager.
- https://frontendmasters.com/courses/product-management/
#lesson
Title: Tailwind CSS
Description: Learn Tailwind CSS‘s utility-first approach for responsive, and customizable web designs. Master themes, layers, responsive breakpoints, dark mode, and more to create maintainable and visually appealing user interfaces!
Link: https://frontendmasters.com/courses/tailwind-css/
Time: 4 hours, 10 minutes
Lessons: 30 / 30
Tags: #course #frontendmasters #720p
Description: Learn Tailwind CSS‘s utility-first approach for responsive, and customizable web designs. Master themes, layers, responsive breakpoints, dark mode, and more to create maintainable and visually appealing user interfaces!
Link: https://frontendmasters.com/courses/tailwind-css/
Time: 4 hours, 10 minutes
Lessons: 30 / 30
Tags: #course #frontendmasters #720p
Media is too big
VIEW IN TELEGRAM
1. Introduction
Steve Kinney introduces Tailwind CSS and discusses discovering Tailwind CSS as a solution for writing CSS more efficiently. Tailwind CSS is a utility-first CSS framework classes that can be composed to build any design, directly in markup. The Tailwind CSS playground will be used to code and test the exercises throughout the course.
- https://tailwind-workshop.vercel.app/introduction
#lesson
Steve Kinney introduces Tailwind CSS and discusses discovering Tailwind CSS as a solution for writing CSS more efficiently. Tailwind CSS is a utility-first CSS framework classes that can be composed to build any design, directly in markup. The Tailwind CSS playground will be used to code and test the exercises throughout the course.
- https://tailwind-workshop.vercel.app/introduction
#lesson
Media is too big
VIEW IN TELEGRAM
2. What is Tailwind CSS
Steve explains the purpose of a utility-first CSS framework like Tailwind CSS. Tailwind CSS can increase productivity and the ability to add customizations. Questions about using Tailwind, including the level of CSS knowledge required and how it compares to other CSS libraries, are also addressed in this lesson.
#lesson
Steve explains the purpose of a utility-first CSS framework like Tailwind CSS. Tailwind CSS can increase productivity and the ability to add customizations. Questions about using Tailwind, including the level of CSS knowledge required and how it compares to other CSS libraries, are also addressed in this lesson.
#lesson
Media is too big
VIEW IN TELEGRAM
3. Utility First CSS & Layers
Steve discusses the basics of Tailwind CSS and explains its philosophy. The Tailwind CSS playground is helpful for experimentation, and the course website provides information about tools like Tailwind IntelliSense and Prettier. CSS layers are introduced and help encapsulate styles and manage specificity. Tailwind CSS ships with a base, components, and utilities layer.
#lesson
Steve discusses the basics of Tailwind CSS and explains its philosophy. The Tailwind CSS playground is helpful for experimentation, and the course website provides information about tools like Tailwind IntelliSense and Prettier. CSS layers are introduced and help encapsulate styles and manage specificity. Tailwind CSS ships with a base, components, and utilities layer.
#lesson
Media is too big
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
5. Theming & Named Colors
Steve explains how to customize the color theme in Tailwind CSS. The default theme can be extended with new colors and shades of colors. The custom theme colors can be used in custom CSS classes or to override the existing primary and secondary colors. The lesson emphasizes the flexibility and extensibility of Tailwind CSS in terms of color customization.
#lesson
Steve explains how to customize the color theme in Tailwind CSS. The default theme can be extended with new colors and shades of colors. The custom theme colors can be used in custom CSS classes or to override the existing primary and secondary colors. The lesson emphasizes the flexibility and extensibility of Tailwind CSS in terms of color customization.
#lesson
Media is too big
VIEW IN TELEGRAM
6. Styling & Customizing Spacing
Steve customizes a button with various properties such as background color, text color, padding, border, shadow, and rounding corners. Arbitrary values and measurements can be used by wrapping them in square brackets. Text sizing and spacing are also explained.
#lesson
Steve customizes a button with various properties such as background color, text color, padding, border, shadow, and rounding corners. Arbitrary values and measurements can be used by wrapping them in square brackets. Text sizing and spacing are also explained.
#lesson
Media is too big
VIEW IN TELEGRAM
7. Styling a Modal Exercise
Students are instructed to style an alert/modal dialog that contains text and two buttons.
- https://tailwind-workshop.vercel.app/styling-an-alert
#lesson
Students are instructed to style an alert/modal dialog that contains text and two buttons.
- https://tailwind-workshop.vercel.app/styling-an-alert
#lesson
Media is too big
VIEW IN TELEGRAM
8. Spacing & Dividing
Steve explains how utility classes can easily add background colors, spacing, and other styles to elements without writing custom CSS. Composing multiple utility classes together can create custom utilities.
#lesson
Steve explains how utility classes can easily add background colors, spacing, and other styles to elements without writing custom CSS. Composing multiple utility classes together can create custom utilities.
#lesson
Media is too big
VIEW IN TELEGRAM
9. Spacing & Dividing Exercise
Students are instructed to use the spacing utility classes to separate menu items.
- https://tailwind-workshop.vercel.app/space
#lesson
Students are instructed to use the spacing utility classes to separate menu items.
- https://tailwind-workshop.vercel.app/space
#lesson
Media is too big
VIEW IN TELEGRAM
10. Styling Pseudo-Classes with Variants
Steve demonstrates how to use pseudo-classes to apply different styles to elements based on their state, such as hover, active, and disabled.
#lesson
Steve demonstrates how to use pseudo-classes to apply different styles to elements based on their state, such as hover, active, and disabled.
#lesson
Media is too big
VIEW IN TELEGRAM
11. Styling a Form Exercise
Students are instructed to use style a form using Tailwind CSS pseudo-classes.
- https://tailwind-workshop.vercel.app/form-state
#lesson
Students are instructed to use style a form using Tailwind CSS pseudo-classes.
- https://tailwind-workshop.vercel.app/form-state
#lesson
Media is too big
VIEW IN TELEGRAM
12. Tailwind Q&A
Steve answers questions about Tailwind CSS. Questions include how to utilize features of SASS, trade-offs of not using the cascade, and when to use the utility layer versus the component layer.
#lesson
Steve answers questions about Tailwind CSS. Questions include how to utilize features of SASS, trade-offs of not using the cascade, and when to use the utility layer versus the component layer.
#lesson
Media is too big
VIEW IN TELEGRAM
13. Form Improvements
Steve adds a few more enhancements to the form and demonstrates how to customize placeholder text, input cursors, and the mouse. Tailwind CSS plugins that can support new CSS features are also discussed.
#lesson
Steve adds a few more enhancements to the form and demonstrates how to customize placeholder text, input cursors, and the mouse. Tailwind CSS plugins that can support new CSS features are also discussed.
#lesson
Media is too big
VIEW IN TELEGRAM
14. Form Improvements Exercise
Students are instructed to improve the form's look by adding accent colors, placeholder styles, border and ring styles, and removing the default outline.
- https://tailwind-workshop.vercel.app/form-improvements
#lesson
Students are instructed to improve the form's look by adding accent colors, placeholder styles, border and ring styles, and removing the default outline.
- https://tailwind-workshop.vercel.app/form-improvements
#lesson
Media is too big
VIEW IN TELEGRAM
15. Peer Modifiers
Steve introduces "peer" and "group" modifiers, which style elements based on their relationship to other elements. The peer modifier only works with future siblings. Namespacing peer modifiers and decoration classes are also covered in this lesson.
#lesson
Steve introduces "peer" and "group" modifiers, which style elements based on their relationship to other elements. The peer modifier only works with future siblings. Namespacing peer modifiers and decoration classes are also covered in this lesson.
#lesson
Media is too big
VIEW IN TELEGRAM
16. Group Modifiers
Steve demonstrates group modifiers and compares them with peer modifiers. Group modifiers can have different variants, such as hover, to apply specific styles to elements within the group. Data attributes can also be used with groups to create more dynamic styling effects.
#lesson
Steve demonstrates group modifiers and compares them with peer modifiers. Group modifiers can have different variants, such as hover, to apply specific styles to elements within the group. Data attributes can also be used with groups to create more dynamic styling effects.
#lesson