Task 34 : CSS 3 Training for WordPress – Part 1 – WP Spartans 300
By : Farooq Shah
Publish Date : December 21, 2018

CSS is Visual Representation of the web content. CSS3 training for WordPress is part of our Three Months Absolutely Free WordPress training under WP Spartans Mission 300. This is Part 1 and Task 34.

In this Task 34, we started our journey towards Front end development goals we set a few days ago. After completing HTML Training, now we’re focusing entirely on CSS. We’ll cover basic terms, concepts, fundamentals such as syntax, selector, property and value of html tags, elements and attributes.

We’ll also cover Pseudo Classes, Advanced Animations and Transitions along with Flexbox and CSS Grid.

Finally, we’ll work on two complete CSS plus HTML projects (Interactive Banner Ads and a functional CV/ Resume.

In this tutorial, we started our discussion with basic concept of barebone structure and styles that we add to beautify content etc.

Then we examined WordPress Default Theme TwentyNineteen to see how tags are being used in HTML structure and how they are hooking CSS selectors to add different properties and styles to the existing content.

We discussed the following terms and concepts in detail:

1) What’s difference between em and rem?
2) When and how do we use VH and VW (Viewport Width and Viewport Height).
3) What is fr in CSS? Fr stands for Fractional Value. Great for responsive behavior of web apps.
4) We also talked about International Web Design Conference.
5) What’s difference between padding and margin?
6) How can we add color values. We discussed HEX value, RGB and RGBA (where a is Alpha Channel for transparency).
7) We also visited Adobe Color Website to copy RGB values of certain color.

We also practised custom html and css on localhost wordpress site. We created DIVs and Classes and added custom styles in Customizer.

Finally, we talked about CSS Flex, Grid and Modern CSS work flow in 2019 and beyond.

#WPSpartans300 is a mission. WordPress Developers from all over the world have started taking interest in this initiative. Therefore, I’m putting all my energy to make this journey wonderful and full of success.

Link to Access Top WP Developers Mission 2019:

Or, simply visit https://www.freelancepakistan.com and click on 300 Spartan Page.

Through this three months Free WordPress Training (Absolutely FREE), we will learn how to create responsive WordPress Themes and Plugins. We’ll be in a position to sell our assets via Themeforest (Envato) and other platforms. Get ready to conquer that front.

Let me tell you that without passion and commitment, you won’t be able to be a Rockstar WordPress Developer. It does take a lot of hard work ; however, the end result is awesome.

I will guide you step by step so that you could get results from your WordPress Training Mission. Get ready to excel as a professional developer. It’d be fun and exciting adventure.

300 Spartans will learn to unlock WP Codex. APIs will be the ultimate goal. From PSD to WordPress Conversion to WordPress Based Mobile Apps, Spartans will conquer their fears. 300 Lucky WordPress Developers will enjoy lucrative benefits of successful online projects.

My name is Farooq, and I’m a top rated Upwork Freelancer. I’m offering services to international clients as ‘WordPress and Graphic Design Pro’.