Instructional Video6:45
TED-Ed

TED-ED: Animation basics: The art of timing and spacing - TED-Ed

Pre-K - Higher Ed
Expert timing and spacing is what separates a slide show from a truly amazing animation. TED-Ed demonstrates, by manipulating various bouncing balls, how the smallest adjustments from frame to frame can make all the difference.
Instructional Video1:18
Curated Video

How to Make a Raised Bed for Gardening

9th - Higher Ed
Raised bed gardening has advantages over conventional gardening if you prepare the beds correctly.
Instructional Video7:29
Curated Video

What is a Project Roadmap? How to Make One and How is it Different from a Gantt Chart?

10th - Higher Ed
In this video, I answer the question, what is a Project Roadmap? And I also look at why we use them, how they differ from a Gantt Chart, and how to create a Roadmap.



A project roadmap is a visual overview of the...
Instructional Video8:42
Curated Video

Vue.js 3 and Firebase for Beginners - Modal Styling

Higher Ed
This video explains modal styling to make the login look attractive and make it appear over the rest of the content.
<
br/>
This clip is from the chapter "Authentication" of the series "Vue.js 3 and Firebase for Beginners".This...
Instructional Video5:07
Curated Video

SwiftUI iOS 16 Crash Course - Emoji Quote App in SwiftUI - Updating MainEmojiQuoteView and GridImagesView

Higher Ed
Here, you will learn to calibrate the “MainEmojiQuoteView”. We will link the emoji to the quotes view and the images to the emoji quotes. When the app is run, we can make the emoji produce a random quote in the bubble and link the...
Instructional Video3:47
Curated Video

SwiftUI iOS 16 Crash Course - Emoji Quote App in SwiftUI - ShareImageView - Part 2 - Image and Color Picker section.screenflow

Higher Ed
Now, we will focus on learning how to resize the image. You will learn to add a slider that accepts a value, which will be the dimension of the screen display where the image gets displayed. We can resize the image and the font using...
Instructional Video2:09
Curated Video

SwiftUI iOS 16 Crash Course - Emoji Quote App in SwiftUI - Forms, Buttons, Pickers, Sliders, Toggle, Images, Overlays - Final Touches

Higher Ed
In this continuation video from the previous four lessons, this final installment focuses on the Swift UI view and buttons. We will test the functionality of the content we have created.
<
br/>
This clip is from the chapter "Beyond...
Instructional Video6:51
Curated Video

SwiftUI iOS 16 Crash Course - Emoji Quote App in SwiftUI - Beyond the Basics - ForEach and ScrollView

Higher Ed
We will create a new Xcode project and app named “Beyond the Basics”. We will choose the iPhone and learn about “ForEach” and “ScrollView”.
<
br/>
This clip is from the chapter "Beyond the Basics" of the series "SwiftUI...
Instructional Video16:36
Curated Video

SwiftUI and Node.js Full Stack - Build Twitter - iOS 16 - Auth | WelcomeView

Higher Ed
The WelcomeView is the first thing your users will see when they sign up for your Twitter Clone app, so it's important to make it welcoming, informative, and easy to use; in this video, we will show you how to design and implement a...
Instructional Video17:45
Curated Video

SwiftUI and Node.js Full Stack - Build Twitter - iOS 16 - Profile TabButtons

Higher Ed
In this video, we will walk you through the process of designing and implementing custom Profile TabButtons.
Instructional Video7:07
Curated Video

SwiftUI and Node.js Full Stack - Build Twitter - iOS 16 - MessagesView

Higher Ed
In this video, we will show you how to design and implement a custom MessagesView.
Instructional Video5:31
Curated Video

The Art of Doing - Web Development for Beginners - Search Engine Project Part 3

Higher Ed
In this video, we will give style to our search engine name "Eramoogle", just like Google. You will learn how to add custom styles to text elements and align them according to the desired layout.
<
br/>
This clip is from the...
Instructional Video16:14
Curated Video

SwiftUI and Node.js Full Stack - Build Twitter - iOS 16 - Profile Banner

Higher Ed
The Profile Banner is one of the most visible and important elements of a user's profile page in a Twitter Clone app; in this video, we will demonstrate how to design and implement a custom Profile Banner.
Instructional Video16:19
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Tailwind CSS Customization / 072

Higher Ed
Here, you will learn more about a styled-component module, which allows us to write CSS within JavaScript in a very modular and reusable way in React instead of having one global dynamic class.
Instructional Video8:12
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Custom Configuration / 206

Higher Ed
Here, we will discuss configuration and customizing our Tailwind installation, a framework used for building bespoke interfaces using the "tailwind.config.js" file to define any customizations.
Instructional Video9:25
Curated Video

Mastering WidgetKit in SwiftUI 4, iOS 16 with Dynamic Island - Weather Widget View

Higher Ed
This video explains putting together all the views in the weather widget view.
<
br/>
This clip is from the chapter "Widget Size Family" of the series "Mastering WidgetKit in SwiftUI 4, iOS 16 with Dynamic Island".This section...
Instructional Video1:55
Curated Video

Seed Starting Basics: How To Plant Tomatoes, Basil, & Marigolds

Pre-K - Higher Ed
Ever wanted to grow your own garden?
<
br/>
Gardening is a fun way to get your hands dirty and learn abo
u
t nature!

In this video, Bethany shows you the basics of planting tomato, basil, and marigold seeds with...
Instructional Video3:39
Curated Video

Chords

3rd - Higher Ed
A video showing proper hand grip of mallets when playing the glockenspiel.
Instructional Video7:44
Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Cascading Style Sheets (CSS) Styles for Sections Responsive Website with Bootstrap Styling

Higher Ed
This video explains how to create CSS styles for sections responsive website with Bootstrap styling.
<
br/>
This clip is from the chapter "Exploring Rapid Web Design with the Bootstrap 4 Frontend Framework" of the series "Modern Web...
Instructional Video5:12
Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Adjusting the Background Image Size and Understanding the Position Options in Cascading Style Sheets (CSS)

Higher Ed
This video shows how to adjust the background Image size and highlights the position options in CSS.
<
br/>
This clip is from the chapter "Mobile-first Responsive Design in Cascading Style Sheets (CSS) and Web Design" of the series...
Instructional Video5:56
Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Adding Spinners and Progress Bars with Bootstrap 4 Styles

Higher Ed
This video demonstrates how to add spinners and progress bars using Bootstrap 4 styles.
<
br/>
This clip is from the chapter "Exploring Rapid Web Design with the Bootstrap 4 Frontend Framework" of the series "Modern Web Design with...
Instructional Video3:53
Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Adding Comments in JavaScript

Higher Ed
This video demonstrates how to add comments in JavaScript.<br<br/>/>

This clip is from the chapter "JavaScript Introduction" of the series "Modern Web Design with HTML5, CSS3, and JavaScript".This section introduces you to JavaScript.
Instructional Video6:31
Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Adding Bootstrap Classes and Styling to Your Webpage

Higher Ed
This video demonstrates how to add Bootstrap classes and styling to your webpage.
<
br/>
This clip is from the chapter "Exploring Rapid Web Design with the Bootstrap 4 Frontend Framework" of the series "Modern Web Design with HTML5,...
Instructional Video7:54
Curated Video

Modern Web Design with HTML5, CSS3, and JavaScript - Applying Element Sizing with Flexbox

Higher Ed
This video demonstrates how to apply element sizing with Flexbox.
<
br/>
This clip is from the chapter "Cascading Style Sheet (CSS) Layouts FlexBox and CSS Grid" of the series "Modern Web Design with HTML5, CSS3, and...