🔸 Full description 🔸
This course with Morten Rand-Hendriksen tests your knowledge with 15 CSS layout challenges exploring the opportunities and intricacies presented by modern CSS layout modules. Challenges range in scope from component-level layouts like horizontal menus to sitewide layouts and responsive layouts across multiple viewport widths. If you want to see how your skills stack up or just learn something new, join Morten for this course.
This course is integrated with GitHub Codespaces, an instant cloud developer environment that offers all the functionality of your favorite IDE without the need for any local machine setup. With Codespaces, you can get hands-on practice from any machine, at any time—all while using a tool that youll likely encounter in the workplace.
Each installment of the Level Up series offers at least 15 bite-sized opportunities to practice programming at various levels of difficulty, so you can challenge yourself and reinforce what youve learned. Check out the “Using GitHub Codespaces with this course” video to learn how to get a codespace up and running.
This course with Morten Rand-Hendriksen tests your knowledge with 15 CSS layout challenges exploring the opportunities and intricacies presented by modern CSS layout modules. Challenges range in scope from component-level layouts like horizontal menus to sitewide layouts and responsive layouts across multiple viewport widths. If you want to see how your skills stack up or just learn something new, join Morten for this course.
This course is integrated with GitHub Codespaces, an instant cloud developer environment that offers all the functionality of your favorite IDE without the need for any local machine setup. With Codespaces, you can get hands-on practice from any machine, at any time—all while using a tool that youll likely encounter in the workplace.
Each installment of the Level Up series offers at least 15 bite-sized opportunities to practice programming at various levels of difficulty, so you can challenge yourself and reinforce what youve learned. Check out the “Using GitHub Codespaces with this course” video to learn how to get a codespace up and running.
🔸 Full description 🔸
Every CSS layout relies on the display property to tell it basic rules for how to present content. In this course, instructor Jen Kramer explains why the display property is so important and walks you through basic display values and newer display values that you need to understand to make effective use of this property. Jen discusses inline-level elements and the inline display value. She covers block-level elements, the block display value, and how to nest inline and block elements in HTML. Jen describes how to use “display: none” and “visibility: hidden” to hide content. Then she goes into newer display values, such as inline flex and grid values, the flow-root property, inline-block, tables, and list items. Jen concludes with recommendations on further HTM and CSS learning.
Every CSS layout relies on the display property to tell it basic rules for how to present content. In this course, instructor Jen Kramer explains why the display property is so important and walks you through basic display values and newer display values that you need to understand to make effective use of this property. Jen discusses inline-level elements and the inline display value. She covers block-level elements, the block display value, and how to nest inline and block elements in HTML. Jen describes how to use “display: none” and “visibility: hidden” to hide content. Then she goes into newer display values, such as inline flex and grid values, the flow-root property, inline-block, tables, and list items. Jen concludes with recommendations on further HTM and CSS learning.
🔸 Full description 🔸
View Morten's LinkedIn NewsletterCSS has lots of magical corners that can save you tremendous time. Come find them! In this course, web designer and developer Morten Rand-Hendriksen shows you how to address specific challenges with a bite-sized approach that lets you find what you need quickly. Morten covers topics such as containers, typography, layout, and more. In each video, he teaches a technique that you can apply in your web styling, something concise and quick that can make your complicated projects simpler.
This course is integrated with GitHub Codespaces, an instant cloud developer environment that offers all the functionality of your favorite IDE without the need for any local machine setup. With Codespaces, you can get hands-on practice from any machine, at any time—all while using a tool that youll likely encounter in the workplace. Check out the “Using GitHub Codespaces with this course” video to learn how to get started.
View Morten's LinkedIn NewsletterCSS has lots of magical corners that can save you tremendous time. Come find them! In this course, web designer and developer Morten Rand-Hendriksen shows you how to address specific challenges with a bite-sized approach that lets you find what you need quickly. Morten covers topics such as containers, typography, layout, and more. In each video, he teaches a technique that you can apply in your web styling, something concise and quick that can make your complicated projects simpler.
This course is integrated with GitHub Codespaces, an instant cloud developer environment that offers all the functionality of your favorite IDE without the need for any local machine setup. With Codespaces, you can get hands-on practice from any machine, at any time—all while using a tool that youll likely encounter in the workplace. Check out the “Using GitHub Codespaces with this course” video to learn how to get started.
🔸 Full description 🔸
Material Design—the design language developed by Google—took the web development world by storm a few years ago, and Materialize CSS makes it easy to apply that system consistently to your web projects. Once you've chosen Material Design, Materialize CSS is a friendly path to follow, and it allows for a consistent user experience across browsers and devices. In this course, Ayodele Leom covers the key facets you need to know to get up and running with Materialize CSS. He starts with the basics of installation, then covers features like color classes, the grid system, the navbar, buttons and badges, and how to use media with Materialize. If youre looking to get started with this powerful and time-saving tool to create websites and applications without handcrafting HTML or using a GUI, join Leom in this course.
Material Design—the design language developed by Google—took the web development world by storm a few years ago, and Materialize CSS makes it easy to apply that system consistently to your web projects. Once you've chosen Material Design, Materialize CSS is a friendly path to follow, and it allows for a consistent user experience across browsers and devices. In this course, Ayodele Leom covers the key facets you need to know to get up and running with Materialize CSS. He starts with the basics of installation, then covers features like color classes, the grid system, the navbar, buttons and badges, and how to use media with Materialize. If youre looking to get started with this powerful and time-saving tool to create websites and applications without handcrafting HTML or using a GUI, join Leom in this course.
🔸 Full description 🔸
Do you have an idea for a new app or product but dont know what it takes to get it built? No-code tools can create incredible web-based outcomes. But you need to plan wisely, think about your design, and choose the tool thats right for you. In this course, instructor Jen Kramer shows you how to plan a successful no-code project by mapping out your entire workflow at the onset.Discover planning strategies to stay focused and work more efficiently, boosting your productivity along the way. Jen offers tips on how to clarify the purpose and value of your product, create and maintain a unique style and brand, and identify your specific data and user flows so youre fully prepared when its time to start building. Find out why its so important to assess your options to ensure you get the most out of your tools. Theres nothing worse than backtracking to solve problems—so why not plan ahead to set yourself up for success?
Do you have an idea for a new app or product but dont know what it takes to get it built? No-code tools can create incredible web-based outcomes. But you need to plan wisely, think about your design, and choose the tool thats right for you. In this course, instructor Jen Kramer shows you how to plan a successful no-code project by mapping out your entire workflow at the onset.Discover planning strategies to stay focused and work more efficiently, boosting your productivity along the way. Jen offers tips on how to clarify the purpose and value of your product, create and maintain a unique style and brand, and identify your specific data and user flows so youre fully prepared when its time to start building. Find out why its so important to assess your options to ensure you get the most out of your tools. Theres nothing worse than backtracking to solve problems—so why not plan ahead to set yourself up for success?
🔸 Full description 🔸
Forms are a major component of modern websites, used to collect user data, conduct polls, and more. While you can use a form builder, they're relatively simple to build from scratch with basic web technologies: HTML and CSS. In this course, Clarissa Peterson demonstrates best practices for creating and styling web forms that are easy to complete and accessible to all users and devices. Learn proper use of form fields, including the new HTML5 input types, and discover how to add interactivity such as form validation, style forms with CSS, create responsive layouts, add interactivity such as form validation, and design forms for usability and accessibility.
Forms are a major component of modern websites, used to collect user data, conduct polls, and more. While you can use a form builder, they're relatively simple to build from scratch with basic web technologies: HTML and CSS. In this course, Clarissa Peterson demonstrates best practices for creating and styling web forms that are easy to complete and accessible to all users and devices. Learn proper use of form fields, including the new HTML5 input types, and discover how to add interactivity such as form validation, style forms with CSS, create responsive layouts, add interactivity such as form validation, and design forms for usability and accessibility.
🔸 Full description 🔸
With Grid and Flexbox, CSS is changing dramatically. Whereas in the past, creating complex layouts required all sorts of CSS hacks, JavaScript, or both, now you can use Flexbox and Grid—tools designed specifically for layouts—to create responsive web pages with precise, custom layouts. In this course, Emily Kay covers the basics of Flexbox and Grid separately, from syntaxes to properties to how they work in general. After that, she details instances where you may need to use both to accomplish your layout goals. As Emily shows, when you use Flexbox and Grid together to combine their separate strengths, you can create and display complex web content in a beautiful, user-friendly way.
With Grid and Flexbox, CSS is changing dramatically. Whereas in the past, creating complex layouts required all sorts of CSS hacks, JavaScript, or both, now you can use Flexbox and Grid—tools designed specifically for layouts—to create responsive web pages with precise, custom layouts. In this course, Emily Kay covers the basics of Flexbox and Grid separately, from syntaxes to properties to how they work in general. After that, she details instances where you may need to use both to accomplish your layout goals. As Emily shows, when you use Flexbox and Grid together to combine their separate strengths, you can create and display complex web content in a beautiful, user-friendly way.
🔸 Full description 🔸
In this course, instructor Julia Dyck shows you how to create responsive web layouts that adapt to any screen size and provide a seamless user experience. Join Julia as she shows you how to design modular layouts using CSS grids and Flexbox, and adapt them to different screen widths using media queries. She provides an introduction to the basics of grid layouts, explains how to make your layouts responsive, and then guides you through the creation of a three-column and a twelve column layout.
This course is integrated with GitHub Codespaces, an instant cloud developer environment that offers all the functionality of your favorite IDE without the need for any local machine setup. With GitHub Codespaces, you can get hands-on practice from any machine, at any time—all while using a tool that youll likely encounter in the workplace. Check out the “Using GitHub Codespaces with this course” video to learn how to get started.
In this course, instructor Julia Dyck shows you how to create responsive web layouts that adapt to any screen size and provide a seamless user experience. Join Julia as she shows you how to design modular layouts using CSS grids and Flexbox, and adapt them to different screen widths using media queries. She provides an introduction to the basics of grid layouts, explains how to make your layouts responsive, and then guides you through the creation of a three-column and a twelve column layout.
This course is integrated with GitHub Codespaces, an instant cloud developer environment that offers all the functionality of your favorite IDE without the need for any local machine setup. With GitHub Codespaces, you can get hands-on practice from any machine, at any time—all while using a tool that youll likely encounter in the workplace. Check out the “Using GitHub Codespaces with this course” video to learn how to get started.