NightDev Follow Alerts - Customize Everything with CSS and OBS
NEED HELP AFTER THE VIDEO?
Use Gist (http://gist.github.com) to copy and paste me the CSS you have exactly as it is in OBS and the URL you put into OBS for your alerts. I cannot help without those two things.
URLS:
OBS: https://obsproject.com/download
NightDev: http://nightdev.com/followalert/
Google Fonts: https://www.google.com/fonts
Animate.css: http://daneden.github.io/animate.css/
Skip to:
My Alerts: 1:08
Installing OBS: 1:41
NightDev Setup: 2:47
Customized Image CSS: 5:22
OBS CSS Work: 17:13
Custom Fonts and Sizes: 26:37
CSS Animations: 30:53
-- [Required] CSS BounceIn Animation: 32:39
-- CSS Flip Animation and Delays: 39:30
-- CSS FadeIn SlideUp Animation: 42:41
This teaches you how to go from not having a follow alert, to having a fully customized follow alert. It covers the HTML and CSS3 needed to completely customize NightDev's follower alerts in OBS (Open Broadcaster Software).