Learn how to create a marquee in Editor X with some simple HTML, CSS, and an iFrame.
Subscribe for more web design videos and tutorials: https://bit.ly/3IUiVpj
Join the Creative X Crew community here: https://bit.ly/3rMx567
Today, Brad Hussey, a web designer, is a providing a marquee tutorial for web designers. Are you familiar with those horizontal news ticker tapes? Scrolling ticker tapes, or marquees in web design, have become more popular over the years. They are essentially repeated strings of text that animate across the screen over a container that gives off the ticker tape look. This scrolling ticker tape web design tutorial will show you how to create this type of marquee animation.
In this video, I’ll also be covering adding code snippets to Editor X through either Velo developer tools or iFrames. Aside from this marquee web design tutorial, there’s a lot of custom JS and other code that can be implemented into an Editor X side using these same tools. Know any great Editor X or web design tips that we didn’t cover in today’s video? Maybe you’ve created a scrolling ticker tape in HTML differently. If so, share in the comments below, I’m curious to learn more!
Here's the necessary code:
https://codepen.io/bradhussey/pen/xxpvRQL
Looking to get started with designing your next website with Editor X:
https://www.editorx.com/
Connect with me on:
Website: https://bit.ly/3DugDfI
Instagram: https://bit.ly/3uKtjuV
Facebook: https://bit.ly/3DtW5nD
Twitter: https://bit.ly/3K2gBy4
TikTok: https://bit.ly/3Dz3C4E
New to the channel? My name’s Brad Hussey. I'm a web designer and I’ve partnered with Editor X to create an inspiring, educational, and world-class YouTube channel and community for professional web designers and design agencies who are mastering the art, business, and craft of web design. On this channel, I’ll show you how to build websites with little code. I’ll also cover topics like, choosing fonts for web design, layout design for websites, and tons of Editor X tips and tricks videos and guides to get you started on your website creation process.
Learn how to make responsive websites and join us every week for new web designer tutorials, Editor X videos, livestreams, and challenges.
0:00 How to Create a Marquee or Scrolling Ticker Tape with HTML/CSS in Editor X
1:20 Velo Developer Mode and iFrames in Editor X
2:42 Ticker Tape HTML
3:14 Ticker Tape CSS
6:36 Adding Code Snippets to Editor X with iFrames
#EditorX #HTMLCSS #ScrollingTickerTape
Subscribe for more web design videos and tutorials: https://bit.ly/3IUiVpj
Join the Creative X Crew community here: https://bit.ly/3rMx567
Today, Brad Hussey, a web designer, is a providing a marquee tutorial for web designers. Are you familiar with those horizontal news ticker tapes? Scrolling ticker tapes, or marquees in web design, have become more popular over the years. They are essentially repeated strings of text that animate across the screen over a container that gives off the ticker tape look. This scrolling ticker tape web design tutorial will show you how to create this type of marquee animation.
In this video, I’ll also be covering adding code snippets to Editor X through either Velo developer tools or iFrames. Aside from this marquee web design tutorial, there’s a lot of custom JS and other code that can be implemented into an Editor X side using these same tools. Know any great Editor X or web design tips that we didn’t cover in today’s video? Maybe you’ve created a scrolling ticker tape in HTML differently. If so, share in the comments below, I’m curious to learn more!
Here's the necessary code:
https://codepen.io/bradhussey/pen/xxpvRQL
Looking to get started with designing your next website with Editor X:
https://www.editorx.com/
Connect with me on:
Website: https://bit.ly/3DugDfI
Instagram: https://bit.ly/3uKtjuV
Facebook: https://bit.ly/3DtW5nD
Twitter: https://bit.ly/3K2gBy4
TikTok: https://bit.ly/3Dz3C4E
New to the channel? My name’s Brad Hussey. I'm a web designer and I’ve partnered with Editor X to create an inspiring, educational, and world-class YouTube channel and community for professional web designers and design agencies who are mastering the art, business, and craft of web design. On this channel, I’ll show you how to build websites with little code. I’ll also cover topics like, choosing fonts for web design, layout design for websites, and tons of Editor X tips and tricks videos and guides to get you started on your website creation process.
Learn how to make responsive websites and join us every week for new web designer tutorials, Editor X videos, livestreams, and challenges.
0:00 How to Create a Marquee or Scrolling Ticker Tape with HTML/CSS in Editor X
1:20 Velo Developer Mode and iFrames in Editor X
2:42 Ticker Tape HTML
3:14 Ticker Tape CSS
6:36 Adding Code Snippets to Editor X with iFrames
#EditorX #HTMLCSS #ScrollingTickerTape
- Category
- Web design
Be the first to comment