ReadingNotes

CSS Animations and Transforms

https://learn.shayhowe.com/advanced-html-css/css-transforms/

CSS Transforms

• The transform property comes in two different settings, two-dimensional and three-dimensional. Each of these come with their own individual properties and values.
• 2D Transforms work on the x and y axes, known as horizontal and vertical axes.
• Three-dimensional transforms work on both the x and y axes, as well as the z axis. These three-dimensional transforms help define not only the length and width of an element, but also the depth.

2D rotate

• The transform property accepts a handful of different values.
• The rotate value provides the ability to rotate an element from 0 to 360 degrees.
• Using a positive value will rotate an element clockwise, and using a negative value will rotate the element counterclockwise.
• The default point of rotation is the center of the element, 50% 50%, both horizontally and vertically.

2D scale

• Using the scale value within the transform property allows you to change the appeared size of an element.

2d translate

• The translate value works a bit like that of relative positioning, pushing and pulling an element in different directions without interrupting the normal flow of the document.

2D skew

• The last transform value in the group, skew, is used to distort elements on the horizontal axis, vertical axis, or both. The syntax is very similar to that of the scale and translate values.

Questions

1. The transform CSS property lets you rotate, scale, skew, or translate an element
2. CSS transitions allows you to change property values smoothly, over a given duration.
3. CSS transitions are generally best for simple from-to movements, while CSS animations are for more complex series of movements.
4. The benefits are that it allows the appearance of images to catch the attention of users.

Psychological Safety

Three key factors that contribute to psychologically safe teams, as outlined in the article, are:

Dependability: team members can rely on each other to meet their commitments and deliver quality work. Psychological safety: team members feel safe to take risks and be vulnerable in front of each other without fear of judgment or retribution. Structure and clarity: team members have clear roles, goals, and expectations, and understand how their work fits into the larger context of the team’s mission. In a previous professional setting, I was part of a team that struggled with psychological safety. There was a culture of blame and criticism, where mistakes were often met with harsh criticism rather than constructive feedback. This led to a lack of trust among team members and a reluctance to take risks or admit when something was going wrong.

As a result, the team struggled to innovate and collaborate effectively. There was a sense of individualism rather than a collective sense of purpose, and team members were more concerned with protecting their own interests rather than working towards a shared goal. This had a negative impact on productivity, morale, and ultimately, the success of the project.

Teams that operate with a high degree of psychological safety have a number of positive impacts on both the company and team members. Firstly, they are more likely to innovate and take risks, leading to new ideas and solutions. They are also more collaborative, with team members working together towards a shared goal rather than focusing solely on their own interests. This leads to increased productivity and improved outcomes.

Psychologically safe teams also have a positive impact on team members’ well-being, as they feel supported, valued, and able to be themselves at work. This can lead to greater job satisfaction, increased motivation, and a stronger sense of belonging to the team and the company as a whole.