Create and Manage CSS Flexbox Layouts
Learn Fundamental Flexbox Concepts
This course is intended for those who have a working knowledge of HTML and CSS, and who are comfortable coding by hand and navigating through code. With an emphasis on in-depth, hands-on training, you'll learn the latest techniques for building and managing functional CSS-based web layouts.
To start off, you'll be introduced to fundamental Flexbox concepts and terminology, as well as the other essential knowledge you'll need to know before going further. From there, the lessons get progressively more hands-on and challenging. You'll cover flex containers, flow axis directions, flex widths, axis spacing and alignment, establishing element flexibility, working with nested flex containers, and more. Each section includes a practical exercise to put your skills to the test, and a quiz to help compound your knowledge.
If you want to push your HTML, CSS and web design skills further, if you want to learn the latest in CSS web layout techniques, or if you just want to know the secret to building responsive, mobile layouts with minimal code, then this online course is a must.
Flexbox, or the CSS Flexible Box, is a layout mode in CSS that allows designers to build and manage website layouts quickly and easily. Arrange each page element and test on different screen sizes (i.e. desktop, mobile, tablet) and display devices to ensure your code behaves accordingly. It was created to replace float and table layout hacks, making life much easier for designers and developers everywhere.
When it comes to the world of technology, staying ahead of the curve is always a challenge. In the last year one aspect of this – the world wide web – has kicked up a gear with the introduction of HTML5, the newest version of the code that makes the web tick. If you learn HTML5 along with CSS3 (the next level of web design used on all modern websites), you'll have a recipe for success; and this course will show you how.
Create a website from scratch with HMTL5 and CSS3
Build Like a Pro with HMTL5 and CSS3 Design
The only way to effectively learn HTML5 and CSS3 is by diving right in and building websites from the ground up. That's exactly what this course does. Designed for complete beginners, you'll create a complete website section by section during 35 lectures and 5 hours of content.
You'll start by becoming familiar with HTML tags and how they're used, followed by the use of attributes and common settings. Once you've got a handle on basic HTML, you'll move on to the fun stuff: CSS. You'll use CSS for fonts, colours, lists, navigation menus, and more, adding a new element to your website with each section. Links, layouts, tables, forms and videos are all covered too.
If you know how to use a web browser and a text editor, you're all set up for this course already. No extra software or tools are needed, and you can choose your preferred option of each to get going. By the time you finish, you'll know everything you need to know to create beautiful, functional, easy to use websites of any kind.
About HTML5 and CSS3
HTML or Hyper Text Mark-up Language is the language used for presenting websites and web content. HTML5 is the latest version, made official by the World Wide Web Consortium in 2014. Having a good grasp of HTML means you'll be able to create, present and edit a whole variety of content on the web.
CSS (Cascading Style Sheets) essentially 'enhances' HTML, giving developers and users more control over how pages and content is displayed. It is responsible for creating more visually engaging web pages, applications and interfaces. CSS3 is the latest version, and has many more extended features than previous versions – although it is backwards compatible.
With over 13 hours of video content, you can be sure you'll learn everything you need without having to read hundreds of pages of text. No eBook here, just great video content.
If you have ever wanted to become a web developer, then you know you need to know both CSS and CSS3. It's your choice how you learn it. You can read through a textbook or eBook, or you can have your own personal tutor showing you how to do everything every step of the way. That's what this course is all about.
How the Course is Taught
This course is taught via a step-by-step tutorial system. You will start with tutorials for beginners who are new to CSS and CSS3 programming and move through progressively more difficult skills, including everything you need to know to build a fully functional, modern and sleek website.
There are well over 11 hours of video lectures in this course. It is estimated that you would spend anywhere from 30 - 100 hours in total after viewing all the lectures to practice and master each skill on your own.
Why Take this Course?
You should take this course because it is comprehensive, easy to follow, inexpensive, fun and exciting! Web development is a huge industry, and if you really want to become an app developer, it starts with CSS and CSS3.
Need to learn how to build a website, or brush up on your coding skills to enhance an existing site? This course will show you, step-by-step, how to set up a web site from scratch and tips and tricks of the trade to make your site more attractive and user-friendly. From what tools you need to build your site and creating and formatting pages, to what to test and look for before your site goes live, award-winning trainer Geoff Blake gives detailed and valuable information that will help you to master HTML coding skills. Geoff's casual tone, real world examples, and the follow-along video make this course as entertaining as it is informative.
Every current web designer will most likely have mastered CSS long ago. But believe it or not, some have not yet realised the enormous benefits Sass can add to CSS – for one thing, it opens up a whole range of features not available in CSS. Couple that with the fact that it makes CSS concise and readable, and it's a sure fire way to make CSS better as well as more fun!
Learn the Most Powerful CSS Extension Language in the World
This course is intended for web designers, web developers, and anyone else who already has a working knowledge of CSS. It does not cover Sass installation or configuration of a text editor, but instead jumps straight ahead to working with practical, real world examples of Sass in action. Therefore this course is not suitable for students who have limited or no knowledge of CSS.
During this course you will get to grips with core features of Sass like variables, inheritance, nesting and mixins, amongst others. You will learn how to build alert panels, how to configure Sass for development, and how to master CSS efficiency with Sass, making your code more readable and more concise.
After just 40 minutes, you will finish up this course with a solid knowledge of Sass which you will be able to implement immediately. And better yet, you will have rediscovered what made CSS fun in the first place!
Sass (Syntactically Awesome Stylesheets) is a stylesheet scripting language, first emerging in 2007 and now used all over the web. Industry approved, compatible with all versions of CSS, and with more features and abilities than another CSS extension language, it's the most stable and powerful language of its kind in the world. By mastering Sass, you'll be able to create effortless and beautiful websites with a sleek, professional look.
In this hands-on training course, award-winning veteran trainer Geoff Blake shows you, step-by-step, how to build beautifully designed, responsive websites that adjust and function perfectly on smartphones, tablets, and desktop displays. You'll begin with the fundamentals of responsive design, beginning with multiple style sheets, media queries and various expressions. Next comes the fun part: you'll be guided through several in-depth chapters that walk you through the responsive design workflow, building HTML structure and CSS formatting for mobile and desktop displays; including tablets, desktop screens, and smartphones. Geoff shows you how to plan out your work, handle common issues that arise in a responsive layout, and how to handle various page components between device displays. Finally, the course closes with additional tricks, advanced techniques, and testing methods to ensure that your layout looks fantastic.
Whether you're an HTML veteran or just a beginner, this course is for you. Award-winning trainer Geoff Blake will walk you through the process of creating a website wireframe in just under three hours! This series of instructional videos will guide you through the process of creating the basic sections of your site, arranging and aligning text and images, and adding interactive features. Once you're finished creating the wireframe, Geoff will show you how to put it online to share with coworkers and clients. After taking this course you'll be able to build attractive and professional website prototypes in about an hour. The best part? Unlike a simple mockup in Photoshop, you can actually turn this wireframe into a fully-functioning website! Let Geoff Blake help you build your professional skills with this easy to follow course from Ten Ton Online.
Building on the skills you gained in Website Wireframing with HTML5 and CSS3, this course teaches you how to apply functional and attractive design principles to your wireframe. Featuring advice on typography, graphics, and colour schemes, award-winning trainer Geoff Blake will lead you through the full process of making your site look amazing in every web browser. Lessons include how to select a colour palette, where to source free images, and what resources to use to integrate beautiful typography into your design. You'll discover Google Fonts, and how to integrate them into your CSS. When you're finished adding fonts and images, Geoff will walk you through the various options for testing out your site. From wireframe to fully realized design, this course is a must for aspiring web developers.
Ever struggled trying to figure out how to build a floating layout using only elements and CSS? CSS Floating Layouts takes the mystery and headache away, and shows you how to build amazing CSS-based floating layouts from the ground up. With Geoff Blake's trademark non-jargonny approach, you'll have fun and learn a heap as you discover the world of floating layouts. You'll learn about floats and clears, then delve into creating three different types of layouts: flexible layouts, fixed layouts, and combination flexible/fixed layouts…all from scratch, all with floats, all by hand!
This certification exam is to verify that you have mastered the concepts covered in our Fundamentals of CSS and CSS3 course.
This certification exam is to verify that you have mastered the concepts covered in our HTML5 and CSS3 Site Design course.
This certification exam is to verify that you have mastered the concepts covered in our HTML5 and CSS3 Fundamentals course.