This is an automated email from the ASF dual-hosted git repository.
joshtynjala pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/flex-site.git
The following commit(s) were added to refs/heads/main by this push:
new 01a21a484 even more videos
01a21a484 is described below
commit 01a21a484aabca0a04052fd2268df9ff7d73ba4d
Author: Josh Tynjala <joshtynj...@bowlerhat.dev>
AuthorDate: Mon Jul 21 10:11:19 2025 -0700
even more videos
---
content/doc-videos.md | 135 +++++++++++++++++++++
content/images/videos/adc-embedding-fonts.jpg | Bin 0 -> 7358 bytes
content/images/videos/adc-first-desktop-app.jpg | Bin 0 -> 10002 bytes
content/images/videos/adc-flex-blazeds.jpg | Bin 0 -> 9134 bytes
content/images/videos/adc-flex-containers.jpg | Bin 0 -> 7289 bytes
content/images/videos/adc-flex-custom-layouts.jpg | Bin 0 -> 5997 bytes
content/images/videos/adc-flex-dashboard-app.jpg | Bin 0 -> 8652 bytes
content/images/videos/adc-flex-events.jpg | Bin 0 -> 5538 bytes
content/images/videos/adc-flex-layouts.jpg | Bin 0 -> 10118 bytes
.../images/videos/adc-flex-namespace-changes.jpg | Bin 0 -> 6982 bytes
content/images/videos/adc-flex-states.jpg | Bin 0 -> 9520 bytes
content/images/videos/adc-flex-using-skins.jpg | Bin 0 -> 7927 bytes
content/images/videos/adc-spark-graphics.jpg | Bin 0 -> 9912 bytes
.../images/videos/adc-styling-flex-components.jpg | Bin 0 -> 7792 bytes
14 files changed, 135 insertions(+)
diff --git a/content/doc-videos.md b/content/doc-videos.md
index bc8188ef1..55243ddae 100644
--- a/content/doc-videos.md
+++ b/content/doc-videos.md
@@ -161,6 +161,141 @@ Some of these videos were created for Adobe Flex, the
predecessor to Apache Flex
</div>
</div>
+<div class="span3">
+<div class="featuresbox">
+<div class="picture"><a
href="https://www.youtube.com/watch?v=hjcAFuqPAGU";><img
src="images/videos/adc-flex-using-skins.jpg"></a></div>
+<h4>Migrating to Flex 4: Using Skins</h4>
+<p>Using skins can provide versatility and an ease to customizing components.
Renaun Erickson shows how to create both an image-based Button and a
ToggleButton through Flex 4 skinning.</p>
+<a href="https://www.youtube.com/watch?v=hjcAFuqPAGU"; class="btn">Watch</a>
+</div>
+</div>
+
+</div>
+
+<!-- start row -->
+
+<div class="row-fluid">
+
+<div class="span3">
+<div class="featuresbox">
+<div class="picture"><a
href="https://www.youtube.com/watch?v=_uzq1-tKJx0";><img
src="images/videos/adc-embedding-fonts.jpg"></a></div>
+<h4>Migrating to Flex 4: Embedding Fonts</h4>
+<p>Spark components by default use the new Text Layout Framework (TLF) engine
and require CFF embedded fonts. Renaun Erickson demonstrates how to embed fonts
for both TLF and non-TLF based components.</p>
+<a href="https://www.youtube.com/watch?v=_uzq1-tKJx0"; class="btn">Watch</a>
+</div>
+</div>
+
+<div class="span3">
+<div class="featuresbox">
+<div class="picture"><a
href="https://www.youtube.com/watch?v=ctjsRf3LJH4";><img
src="images/videos/adc-flex-containers.jpg"></a></div>
+<h4>Migrating to Flex 4: Containers</h4>
+<p>Renaun Erickson explores the Flex 4 container classes and component layouts
of HBox, HGroup, SkinnableContainer and BorderContainer.</p>
+<a href="https://www.youtube.com/watch?v=ctjsRf3LJH4"; class="btn">Watch</a>
+</div>
+</div>
+
+<div class="span3">
+<div class="featuresbox">
+<div class="picture"><a
href="https://www.youtube.com/watch?v=mM2HQovyU0Y";><img
src="images/videos/adc-flex-namespace-changes.jpg"></a></div>
+<h4>Migrating to Flex 4: Namespace Changes</h4>
+<p>Join Renaun Erickson in his video series that offers tips on migrating to
Flex 4. In this episode, learn about namespace changes to both MXML and CSS
files, such as the former "mx" namespace is now "mx," "fx" and "s."</p>
+<a href="https://www.youtube.com/watch?v=mM2HQovyU0Y"; class="btn">Watch</a>
+</div>
+</div>
+
+<div class="span3">
+<div class="featuresbox">
+<div class="picture"><a
href="https://www.youtube.com/watch?v=ucRryIoS-Sk";><img
src="images/videos/adc-flex-layouts.jpg"></a></div>
+<h4>Layouts in Flex 4</h4>
+<p>Join Michael Chaize as he examines the new component architecture in Flex
4. He highlights the ability to customize both the views and behaviors of
objects in a project.</p>
+<a href="https://www.youtube.com/watch?v=ucRryIoS-Sk"; class="btn">Watch</a>
+</div>
+</div>
+
+</div>
+
+<!-- start row -->
+
+<div class="row-fluid">
+
+<div class="span3">
+<div class="featuresbox">
+<div class="picture"><a
href="https://www.youtube.com/watch?v=13X0kC9vCgE";><img
src="images/videos/adc-flex-dashboard-app.jpg"></a></div>
+<h4>Build a Dashboard Application in Flex 4</h4>
+<p>Michael Chaize offers a step-by-step tutorial on building a dashboard
application. He walks you through a Flex 4 project created with the Flash
Builder 4 IDE.</p>
+<a href="https://www.youtube.com/watch?v=13X0kC9vCgE"; class="btn">Watch</a>
+</div>
+</div>
+
+<div class="span3">
+<div class="featuresbox">
+<div class="picture"><a
href="https://www.youtube.com/watch?v=IkWkZGLm-jo";><img
src="images/videos/adc-first-desktop-app.jpg"></a></div>
+<h4>Build your First Desktop Application with Flash Builder</h4>
+<p>Follow along as James Ward shows you how to build your first desktop
application using Flash Builder, Flex and AIR.</p>
+<a href="https://www.youtube.com/watch?v=IkWkZGLm-jo"; class="btn">Watch</a>
+</div>
+</div>
+
+<div class="span3">
+<div class="featuresbox">
+<div class="picture"><a
href="https://www.youtube.com/watch?v=_nJYEKpm8QE";><img
src="images/videos/adc-flex-states.jpg"></a></div>
+<h4>Use the States Model in Flex 4</h4>
+<p>Serge Jespers builds a Flex 4 application with Flash Builder 4,
highlighting the ability to customize components such as the states panel and
tags, log-in screen and button, and click events.</p>
+<a href="https://www.youtube.com/watch?v=_nJYEKpm8QE"; class="btn">Watch</a>
+</div>
+</div>
+
+<div class="span3">
+<div class="featuresbox">
+<div class="picture"><a
href="https://www.youtube.com/watch?v=Gt5HgpEVhLM";><img
src="images/videos/adc-styling-flex-components.jpg"></a></div>
+<h4>Styling Flex 4 Components with Flash Builder 4</h4>
+<p>Piotr Walczyszyn demonstrates the new theming capabilities in Flash Builder
4 and the new features of the CSS engine that come with Flex 4.</p>
+<a href="https://www.youtube.com/watch?v=Gt5HgpEVhLM"; class="btn">Watch</a>
+</div>
+</div>
+
+</div>
+
+<!-- start row -->
+
+<div class="row-fluid">
+
+<div class="span3">
+<div class="featuresbox">
+<div class="picture"><a
href="https://www.youtube.com/watch?v=gA3AyUu1MGE";><img
src="images/videos/adc-flex-events.jpg"></a></div>
+<h4>Define Events in Flex 4 with Flash Builder 4</h4>
+<p>Mihai Corlan shows how to create components with Flash Builder 4 and
ActionScript, and he simplifies how to customize an event dispatch in a Flex 4
project.</p>
+<a href="https://www.youtube.com/watch?v=gA3AyUu1MGE"; class="btn">Watch</a>
+</div>
+</div>
+
+<div class="span3">
+<div class="featuresbox">
+<div class="picture"><a
href="https://www.youtube.com/watch?v=KuNziTPiln0";><img
src="images/videos/adc-spark-graphics.jpg"></a></div>
+<h4>The Graphics Package in Flex 4</h4>
+<p>Duane Nickull shows how to use the MXML syntax to create a rectangle using
the new Spark graphic packages.</p>
+<a href="https://www.youtube.com/watch?v=KuNziTPiln0"; class="btn">Watch</a>
+</div>
+</div>
+
+<div class="span3">
+<div class="featuresbox">
+<div class="picture"><a
href="https://www.youtube.com/watch?v=kSLoYOKogqs";><img
src="images/videos/adc-flex-custom-layouts.jpg"></a></div>
+<h4>Custom Layouts in Flex 4</h4>
+<p>Ryan Stewart discusses the new functionality of the next version of Flex,
codename Gumbo, with Evtim Georgiev, an Engineer on the SDK team. A demo of
Ryan creating a custom layout follows.</p>
+<a href="https://www.youtube.com/watch?v=kSLoYOKogqs"; class="btn">Watch</a>
+</div>
+</div>
+
+<div class="span3">
+<div class="featuresbox">
+<div class="picture"><a
href="https://www.youtube.com/watch?v=07ND5J0pi8U";><img
src="images/videos/adc-flex-blazeds.jpg"></a></div>
+<h4> Blazing Fast Data Transfer in a Flex Application</h4>
+<p>James Ward demonstrates the benefits of using the AMF technology to quickly
transfer data between the client and server.</p>
+<a href="https://www.youtube.com/watch?v=07ND5J0pi8U"; class="btn">Watch</a>
+</div>
+</div>
+
</div>
[1]: doc-getstarted.html
diff --git a/content/images/videos/adc-embedding-fonts.jpg
b/content/images/videos/adc-embedding-fonts.jpg
new file mode 100644
index 000000000..62279258c
Binary files /dev/null and b/content/images/videos/adc-embedding-fonts.jpg
differ
diff --git a/content/images/videos/adc-first-desktop-app.jpg
b/content/images/videos/adc-first-desktop-app.jpg
new file mode 100644
index 000000000..09dd1f9e9
Binary files /dev/null and b/content/images/videos/adc-first-desktop-app.jpg
differ
diff --git a/content/images/videos/adc-flex-blazeds.jpg
b/content/images/videos/adc-flex-blazeds.jpg
new file mode 100644
index 000000000..948433fc7
Binary files /dev/null and b/content/images/videos/adc-flex-blazeds.jpg differ
diff --git a/content/images/videos/adc-flex-containers.jpg
b/content/images/videos/adc-flex-containers.jpg
new file mode 100644
index 000000000..d32a36521
Binary files /dev/null and b/content/images/videos/adc-flex-containers.jpg
differ
diff --git a/content/images/videos/adc-flex-custom-layouts.jpg
b/content/images/videos/adc-flex-custom-layouts.jpg
new file mode 100644
index 000000000..6ad78ce1e
Binary files /dev/null and b/content/images/videos/adc-flex-custom-layouts.jpg
differ
diff --git a/content/images/videos/adc-flex-dashboard-app.jpg
b/content/images/videos/adc-flex-dashboard-app.jpg
new file mode 100644
index 000000000..f58ee71bd
Binary files /dev/null and b/content/images/videos/adc-flex-dashboard-app.jpg
differ
diff --git a/content/images/videos/adc-flex-events.jpg
b/content/images/videos/adc-flex-events.jpg
new file mode 100644
index 000000000..5b248a52b
Binary files /dev/null and b/content/images/videos/adc-flex-events.jpg differ
diff --git a/content/images/videos/adc-flex-layouts.jpg
b/content/images/videos/adc-flex-layouts.jpg
new file mode 100644
index 000000000..3c2bed07d
Binary files /dev/null and b/content/images/videos/adc-flex-layouts.jpg differ
diff --git a/content/images/videos/adc-flex-namespace-changes.jpg
b/content/images/videos/adc-flex-namespace-changes.jpg
new file mode 100644
index 000000000..de71d1fb8
Binary files /dev/null and
b/content/images/videos/adc-flex-namespace-changes.jpg differ
diff --git a/content/images/videos/adc-flex-states.jpg
b/content/images/videos/adc-flex-states.jpg
new file mode 100644
index 000000000..bf9ffc794
Binary files /dev/null and b/content/images/videos/adc-flex-states.jpg differ
diff --git a/content/images/videos/adc-flex-using-skins.jpg
b/content/images/videos/adc-flex-using-skins.jpg
new file mode 100644
index 000000000..dce531f17
Binary files /dev/null and b/content/images/videos/adc-flex-using-skins.jpg
differ
diff --git a/content/images/videos/adc-spark-graphics.jpg
b/content/images/videos/adc-spark-graphics.jpg
new file mode 100644
index 000000000..6d13e3429
Binary files /dev/null and b/content/images/videos/adc-spark-graphics.jpg differ
diff --git a/content/images/videos/adc-styling-flex-components.jpg
b/content/images/videos/adc-styling-flex-components.jpg
new file mode 100644
index 000000000..6bf2b8cd2
Binary files /dev/null and
b/content/images/videos/adc-styling-flex-components.jpg differ
