Media is too big
VIEW IN TELEGRAM
18. Writing to Clipboard Exercise
Students are instructed to implement the ability to write data to the system clipboard from the Clipmaster application.
#lesson
Students are instructed to implement the ability to write data to the system clipboard from the Clipmaster application.
#lesson
Media is too big
VIEW IN TELEGRAM
19. Global & Keyboard Shortcuts
Steve walks through implementing keyboard shortcuts that can access the Clipmaster application regardless of whether the app is currently in focus.
#lesson
Steve walks through implementing keyboard shortcuts that can access the Clipmaster application regardless of whether the app is currently in focus.
#lesson
Media is too big
VIEW IN TELEGRAM
20. Triggering Notifications
Steve demonstrates how to create and trigger OS desktop notifications by utilizing the Notification module.
#lesson
Steve demonstrates how to create and trigger OS desktop notifications by utilizing the Notification module.
#lesson
Media is too big
VIEW IN TELEGRAM
21. Menubar & System Tray Apps
Steve walks through how to display an application icon in the menubar and system tray. How to add a context menu to the menubar icon is also covered in this segment.
#lesson
Steve walks through how to display an application icon in the menubar and system tray. How to add a context menu to the menubar icon is also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
22. Making a Menubar Application
Steve demonstrates utilizing the "electron-positioner" library to show and hide the Clipmaster application similar to those of a menubar app.
#lesson
Steve demonstrates utilizing the "electron-positioner" library to show and hide the Clipmaster application similar to those of a menubar app.
#lesson
Media is too big
VIEW IN TELEGRAM
23. Persisting Data
Steve discusses persisting data with SQLite and utilizing the built-in abstraction app.getPath() to store user data in an OS appropriate file location.
- https://github.com/stevekinney/not-done
#lesson
Steve discusses persisting data with SQLite and utilizing the built-in abstraction app.getPath() to store user data in an OS appropriate file location.
- https://github.com/stevekinney/not-done
#lesson
Media is too big
VIEW IN TELEGRAM
24. Performance Considerations
Steve discusses performance considerations when combining web technologies with native desktop capabilities in Electron applications.
#lesson
Steve discusses performance considerations when combining web technologies with native desktop capabilities in Electron applications.
#lesson
Media is too big
VIEW IN TELEGRAM
25. Wrapping Up
Steve wraps up the course by discussing packaging OS-specific applications and some key takeaways of this course.
#lesson
Steve wraps up the course by discussing packaging OS-specific applications and some key takeaways of this course.
#lesson
Title: CSS Foundations
Description: Fast-track your CSS learning to build professional, responsive websites. Master core concepts and practical layouts with Flexbox and Grid through engaging hands-on exercises.
Link: https://frontendmasters.com/courses/css-foundations/
Time: 3 hours, 56 minutes
Lessons: 30 / 30
Tags: #course #frontendmasters #720p
Description: Fast-track your CSS learning to build professional, responsive websites. Master core concepts and practical layouts with Flexbox and Grid through engaging hands-on exercises.
Link: https://frontendmasters.com/courses/css-foundations/
Time: 3 hours, 56 minutes
Lessons: 30 / 30
Tags: #course #frontendmasters #720p
Frontendmasters
Beginner's Guide to Professional CSS: Core Concepts, Layouts, and Responsive Design
Fast-track your CSS learning to build professional, responsive websites. Master core concepts and practical layouts with Flexbox and Grid through engaging hands-on exercises.
Media is too big
VIEW IN TELEGRAM
1. Introduction
Emma Bostian introduces the course by providing some personal and professional background. An overview of the course structure is also covered in this segment.
- https://github.com/emmabostian/fem-css-foundations
#lesson
Emma Bostian introduces the course by providing some personal and professional background. An overview of the course structure is also covered in this segment.
- https://github.com/emmabostian/fem-css-foundations
#lesson
Media is too big
VIEW IN TELEGRAM
2. CSS History & Basics
Emma discusses the history of CSS, its rendering process, and CSS terminology regarding elements. This segment also includes a comparison of replaced and non-replaced elements, as well as block and inline elements.
#lesson
Emma discusses the history of CSS, its rendering process, and CSS terminology regarding elements. This segment also includes a comparison of replaced and non-replaced elements, as well as block and inline elements.
#lesson
Media is too big
VIEW IN TELEGRAM
3. Selectors
Emma discusses type, class, ID, and universal selectors, which select the HTML element(s) that styling should be applied to. The makeup of a CSS style rule includes a selector, declaration block, declaration, property, and value.
#lesson
Emma discusses type, class, ID, and universal selectors, which select the HTML element(s) that styling should be applied to. The makeup of a CSS style rule includes a selector, declaration block, declaration, property, and value.
#lesson
Media is too big
VIEW IN TELEGRAM
4. Specificity
Emma demonstrates the hierarchy of inheritance used to determine where styling declarations are applied. The different weights applied to CSS declarations are also discussed in this segment.
#lesson
Emma demonstrates the hierarchy of inheritance used to determine where styling declarations are applied. The different weights applied to CSS declarations are also discussed in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
5. Color
Emma discusses the different ways to define colors in CSS, including named colors, hexadecimal, RGB, RGBA, HSL, and HSLA.
#lesson
Emma discusses the different ways to define colors in CSS, including named colors, hexadecimal, RGB, RGBA, HSL, and HSLA.
#lesson
Media is too big
VIEW IN TELEGRAM
6. Fonts & Typography
Emma demonstrates utilizing generic font families as a fallback font if the declared font is not available. Other font-related properties such as font-weight, font-size, text-decoration, and the values used to define them are also covered in this segment.
#lesson
Emma demonstrates utilizing generic font families as a fallback font if the declared font is not available. Other font-related properties such as font-weight, font-size, text-decoration, and the values used to define them are also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
7. Project Setup
Emma walks through the contents of the starting course repo and sets up VS Code extensions.
#lesson
Emma walks through the contents of the starting course repo and sets up VS Code extensions.
#lesson
Media is too big
VIEW IN TELEGRAM
8. Landing Page CSS & HTML
Emma demonstrates defining the styling for the landing page with inline styles, placing a style tag in the head, and using external style sheets. Importing and applying external fonts is also covered in this segment.
#lesson
Emma demonstrates defining the styling for the landing page with inline styles, placing a style tag in the head, and using external style sheets. Importing and applying external fonts is also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
9. Creating Base CSS File & Variables
Emma demonstrates creating multiple CSS files to share style declarations and avoid duplicate code. Utilizing CSS variables to create style values that are reusable, readable, and easier to update is also covered in this segment.
#lesson
Emma demonstrates creating multiple CSS files to share style declarations and avoid duplicate code. Utilizing CSS variables to create style values that are reusable, readable, and easier to update is also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
10. Layout Methods History
Emma discusses previously used methods for laying out elements on web pages. The use of the table element, the display property, and floats are covered in this segment.
#lesson
Emma discusses previously used methods for laying out elements on web pages. The use of the table element, the display property, and floats are covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
11. Flexbox & Grid
Emma demonstrates the effects of flexbox properties, including flex-direction, justify-content, align-items, and flex-wrap. Defining a layout using a grid display is also covered in this segment.
#lesson
Emma demonstrates the effects of flexbox properties, including flex-direction, justify-content, align-items, and flex-wrap. Defining a layout using a grid display is also covered in this segment.
#lesson
Media is too big
VIEW IN TELEGRAM
12. Combinators
Emma demonstrates how to create relationships between selectors by combining selectors. Descendent selectors, child, and general sibling combinators are covered in this segment.
#lesson
Emma demonstrates how to create relationships between selectors by combining selectors. Descendent selectors, child, and general sibling combinators are covered in this segment.
#lesson