After completing the Codecademy HTML and CSS tutorials, what are some good ways to build on that knowledge?

Please someone tell me that after completing the Codecademy HTML and CSS tutorials, what are some good ways to build on that knowledge.

Now since you have your concepts clear and the next step should be practicing them.

You can start with building a few pages and try to understand the different ways of achieving the same thing around what makes an approach better than the other. This would help you get huge clarity and make you comfortable with your work.

You should also dive into the other parallel aspects related to web pages, like design, frameworks and UI/UX.

And there are plenty of resources out there which can assist you in going to the next level. Here are some of them: -

  1. Bootstrap - Twitter Bootstrap is used by almost 4% of the websites on the entire internet and among 25% of the top ranked websites. It is the perfect solution if you want to create responsive web pages and with the built-in grid system and lots of other UI components, it is the most reliable CSS3 framework that is worth using.

  2. Foundation - Foundation is a mobile-first framework. Although its functionality is the same as Bootstrap, there are some minor differences. Used by 5% among the 10000 top ranked websites. It provides a base for creating a responsive website with more advanced components like a flex grid and typography.

  3. UIKit - With a little planning and using less resource, users can create dynamic responsive websites using UIKit. This framework offers a lot of interactive components by using CSS3, Less.js and Sass that make web designing easier and fun-filled.

  4. LESS (Leaner Style Sheets) - Alexis Sellier designed LESS, a dynamic language that can be compiled into CSS and rendered to a server as well as client side. It is popular among developers because it requires less line of codes and has a block formatting syntax just like CSS.

  5. SCSS (Sassy CSS) - It is a superset of CSS3 which introduced lesser lines of codes and more usage of mixins. Applications developed using SCSS have reusable components which are faster to load and hence, popular among applications that involve Advanced JavaScript frameworks.

  6. Toast -Another CSS3 frameworks ideal for creating responsive web pages. Just like Bootstrap, a 12-column responsive grid is used whereby efficient usage of box-sizing, borders, and paddings can be dynamically added to the grid.

  7. Ingrid - This is a fluid CSS layout system that is lightweight that comes with the objective of reducing classes that are applied to individual components. This feature makes it more intrusive and fun to create responsive layouts.