Web Typography: Configuring Text Effects in Edge Code CC

Views: 2,958
Save
Translations

Was this episode helpful?
Yes No
About This Episode
Adobe Edge Code CC is a straightforward, simple-to-use text editor for writing HTML5 code. In this video, Dan Carr shows you how to configure a text effect and add it to a web page using Edge Code CC. (Read the article to learn more.)
Episode Title Runtime CC Products Covered My Library
Lex Wilson: Hand-Drawn 3D Typography 00:02:07
 
 
Surrealistic Photos of Jean-Yves Lemoigne: Equilib... 00:00:05
 
 
Surrealistic Photos of Jean-Yves Lemoigne: Tokyo R... 00:00:06
 
 
Surrealistic Photos of Jean-Yves Lemoigne: Paper A... 00:00:05
 
 
Surrealistic Photos of Jean-Yves Lemoigne: Hair 00:00:39
 
 
Surrealistic Photos of Jean-Yves Lemoigne: Teacup 00:00:07
 
 
Giving back through responsive web design with Ado... 00:03:12
 
  • Dreamweaver
  • Edge Inspect
 
Make Portraits Pop in Adobe Photoshop Lightroom 5 00:05:14
 
 
Aerial Photography with the GoPro Camera and Adobe... 00:08:06
 
 
Flash Professional CC ActionScript 3.0 to HTML5 co... 00:03:15
 
  • Flash Professional
 
Flash Professional CC HTML5 Interactive Puzzle Tut... 00:10:08
 
 
Flash Professional CC HTML5 Canvas Features 00:03:58
 
  • Flash Professional
 
Aerial Videography with the GoPro Camera and Adobe... 00:06:01
 
  • Photoshop
  • Premiere Pro
 
Warp Reality with Photoshop CC - Part 2 00:03:22
 
  • Photoshop
 
Warp Reality with Photoshop CC - Part 1 00:02:54
 
  • Photoshop
 
Publish a Responsive Banner from Edge Animate CC f... 00:04:21
 
  • Edge Animate
  • Edge Reflow
 
Create Edge Animate CC Compositions Using SVG, Sym... 00:09:03
 
  • Edge Animate
 
Set Up an Edge Animate CC Project and Import SVG 00:04:25
 
  • Illustrator
  • Edge Animate
 
Experiment with Kuler in Illustrator CC to Define... 00:01:24
 
  • Illustrator
  • Kuler
 
Create Responsive SVG Graphics with Illustrator CC 00:01:43
 
  • Illustrator
  • Edge Reflow
 
Copy SVG Code from Illustrator CC into Edge Reflow... 00:00:55
 
  • Illustrator
  • Edge Reflow
 
Generate Global CSS Properties and Image Assets fr... 00:01:41
 
  • Illustrator
 
Generate CSS Properties from Illustrator CC Gradie... 00:01:15
 
  • Illustrator
 
Use 9-Slice Scaling in Illustrator CC for Image Sc... 00:01:22
 
  • Illustrator
 
Modify Symbols in Illustrator CC 00:00:58
 
  • Illustrator
 
Interactivity in "Alternative Poster Art of James... 00:00:51
 
 
Interactivity in "Bringing Old Recordings Back to... 00:00:22
 
 
Interactivity in "Typographical Portraits of Dylan... 00:00:09
 
 
Adobe Edge Reflow CC: CSS Regions Responsive Layou... 00:00:56
 
  • Edge Reflow
 
Edge Animate CC - Parallax Banner: Part 3 00:07:59
 
  • Edge Animate
 
Edge Animate CC - Parallax Banner: Part 2 00:08:39
 
  • Edge Animate
 
Edge Animate CC - Parallax Banner: Part 1 00:05:32
 
  • Photoshop
  • Illustrator
  • Edge Animate
 
Adobe Audition CC: Removing Noise 00:07:04
 
  • Audition
 
Adobe Premiere Pro CC: Improving Audio 00:06:04
 
  • Premiere Pro
 
Adobe Photoshop CC - Day into Night: Part 2 00:03:47
 
  • Photoshop
 
Adobe Photoshop CC - Day into Night: Part 1 00:06:12
 
  • Photoshop
 
Adobe Audition CC: Adding Instrumentation 00:00:51
 
  • Audition
 
Adobe Audition CC: Correcting the Timing and Pitch 00:02:26
 
  • Audition
 
Adobe Audition CC: Adding Markers 00:01:24
 
  • Audition
 
Adobe Audition CC: Capturing an Original Recording... 00:01:25
 
  • Audition
 
Adobe Premiere Pro CC: Adding Titles from Adobe Ph... 00:05:38
 
  • Photoshop
  • Premiere Pro
 
Retouching a Portrait for Social Media: Selections 00:02:04
 
  • Photoshop
 
Retouching a Portrait for Social Media: Layer Mask... 00:01:17
 
  • Photoshop
 
Retouching a Portrait for Social Media: Spot Heali... 00:00:59
 
  • Photoshop
 
Using Symbols in Adobe Edge Animate CC 00:10:34
 
  • Edge Animate
 
Enlighten Ventures OfferzNow Mobile App Demonstrat... 00:00:18
 
  • Dreamweaver
  • PhoneGap
  • Photoshop
  • Illustrator
 
HTML5 Video Effects – Part 2: Using the Exercise F... 00:04:20
 
  • Dreamweaver
 
Adobe Premiere Pro CC: Video Editing for Non-Profe... 00:07:53
 
  • Premiere Pro
 
Creating an Adobe Edge Reflow CC Project from Adob... 00:20:21
 
  • Photoshop
  • Edge Reflow
 
Generating Image Assets in Adobe Photoshop CC 00:10:11
 
  • Photoshop
 
Adobe Muse Map: Tour of the Site 00:00:44
 
  • Muse
 
Adobe Muse Map: Scrolling Effects 00:00:22
 
  • Muse
 
Photoshop Layer Management: Layer Comps 00:00:43
 
  • Photoshop
 
Photoshop Layer Management: Grouped Layers 00:00:21
 
  • Photoshop
 
Photoshop Layer Management: Reused Layer Effects 00:00:50
 
  • Photoshop
 
Photoshop Layer Management: Layer Styles 00:00:45
 
  • Photoshop
 
Photoshop Layer Management: Named Layers 00:00:13
 
  • Photoshop
 
HTML5 Video Effects: Using the Exercise Files 00:04:18
 
 
Spotlight - Jorge Colombo: Prince Street 00:02:34
 
 
Spotlight - Jorge Colombo: Katz's Deli 00:00:56
 
 
Modernizing Dreamweaver: Updated Edge Tools integr... 00:01:14
 
  • Dreamweaver
  • Edge Animate
  • PhoneGap
 
SVG for the Web: Using the Simplify Panel in Illus... 00:00:46
 
  • Illustrator
 
SVG for the Web: Using the Warp Tool in Illustrato... 00:01:30
 
  • Illustrator
 
Web Typography: Text Effects in Edge Animate CC an... 00:11:48
 
  • Edge Animate
  • Edge Reflow
 
Web Typography: Testing Text Animations Across Dev... 00:05:30
 
  • Edge Inspect
 
Web Typography: Configuring Text Effects in Edge C... 00:08:15
 
 
Power of Camera Raw as a Filter in Photoshop CC 00:05:58
 
  • Photoshop
 
Animated Logos: 3D Rendering 00:00:15
 
  • After Effects
 
Animated Logos: Vector Example 00:00:07
 
  • After Effects
 
Animated Logos: Fly-in Example 00:00:03
 
  • After Effects
 
Valistika Barcelona: Gravity Index Site 00:00:26
 
  • Photoshop
  • Dreamweaver
  • Illustrator
 
Creative Cloud: Sharing Color Swatches 00:01:13
 
  • Creative Cloud
 
Creative Cloud: Reviewing and Commenting 00:01:59
 
  • Creative Cloud
 
Creative Cloud: File-Sharing Basics 00:01:42
 
  • Creative Cloud
 
CSS Designer: Setting Gradients 00:00:32
 
  • Dreamweaver
 
CSS Designer: Setting Drop Shadows 00:00:31
 
  • Dreamweaver
 
CSS Designer: Shortcut to Locating CSS Properties 00:00:27
 
  • Dreamweaver
 
CSS Designer: Setting the Border Radius 00:00:12
 
  • Dreamweaver
 
CSS Designer: Modifying Search Form Properties 00:00:17
 
  • Dreamweaver
 
CSS Designer: Inspecting Properties on Media Queri... 00:00:12
 
  • Dreamweaver
 
CSS Designer: Selecting Fonts from the Edge Web Fo... 00:00:21
 
  • Dreamweaver
 
Code-Hinting Demo 00:00:48
 
  • Typekit
 
FOUT: Flash of Unstyled Text Demo 00:00:15
 
 
New Sharpening Technologies in Photoshop CC 00:05:20
 
  • Photoshop
 
MAX 2013 Identity: Vasava 00:01:00
 
  • Creative Cloud
 
MAX 2013 Identity: Sagmeister & Walsh 00:01:18
 
  • Creative Cloud
 
Next episode in this show
Power of Camera Raw as a Filter in Photoshop CC
Other Suggested Episodes
Share your 3D model
Print your 3D model at Shapeways
Create and prepare a 3D model for printing
How to Add Realistic Spinning Motion Effects in Photoshop
Adding Motion Blur Effects Along a Path Photoshop
Related Shows
Adobe Inspire Magazine
Adobe Inspire Magazine contains original content geared toward informing, enlightening, and inspiring creative professionals and hobbyists.
Recent Episodes
Adobe Audition CC: Removing Noise
Adobe Premiere Pro CC: Improving A...
Adobe Premiere Pro CC: Adding Titl...
View All Episodes
Copyright © 2014 Adobe Systems Incorporated. All rights reserved.
Use of this website signifies your agreement to the Terms of Use and Privacy Policy and Cookies