- 0 (Registered)
We took considerable amount of time to discuss two display property values which includes flex and grid. We also learned of their importance in creating responsive website design. In this course,
“CSS3 Animations and Responsive Website Design”
we will discuss CSS3 animations. We will also look at how to ensure that our website is suitable for all kinds of devices. This is what we call responsive website design.
In recent times, people connect to the internet with different kinds of devices, including phones, watches, tablets, etc. It is important that you make your website display appropriately in all these devices.
A website is described as responsive if it could automatically adjust its content for optimal viewing in all devices. In this case, the size of the device used to access it would not be a barrier. Hence, it does not matter what the size of device used in accessing the website.
In this course, we shall discuss how you will know if you have a responsive website design. We looked at three ways of testing responsive website design. You can choose any two of the methods, especially the live mobile testing
We also looked at how you will include custom and web fonts in your website.
Fonts are used to define the nature of texts in a webpage. They define how text characters look like, the size, weight and style.
There are thousands of fonts available; but all these fonts are not installed in users’ systems. In web design, it is good practice to define the fonts you are expecting your texts to display in users’ browsers. When defining fonts, we can combine generic, custom and web fonts.
Before discussing responsive website design, we discussed CSS3 animations.
CSS3 animations have two major components: the animation property and the @keyframes at-rule. These two components of CSS3 animations, and CSS transform property were extensively discussed.
Introduction to Responsive Web Design 0/1
Introduction to RWD 06 min PreviewLecture1.1
Working with Fonts 0/4
CSS3 Animations 0/5
Introduction CSS Animations 01 minLecture3.1
Creating Animation Timeline with @keyframes 04 minLecture3.2
Animation Properties 06 minLecture3.3
2D Transform Functions 08 minLecture3.4
3D Transform Functions 07 minLecture3.5
Creating Responsive Website Design 0/5
A graduate of Statistics/Economics, web designer, data analyst, and Business developer. I have a passion for education and training, hence started Kmacims | Education Annex. We are building a community of creative people through creative education and mind development, among others. We offer courses that boost mental attitude and creativity through text and video graphics. Our clients also have access to business, financial, ICT, etc. training. We offer these through our website. Other services include business coaching and ICT consulting services. Education is key to personal and national development. We want our younger generation to understand the power of education in mankind and nation-building. There is a need for them to think like leaders, and develop problem-solving skills. The key is to plant in them, the right education that will expose the creative ability trapped within them.