PixelGeek
(Nelson)
September 8, 2016, 11:49pm
1
Ever wanted to get extra creative with sliders, nav bars, dynamic embeds, and other more advanced Webflow components? Join me as I walk through the best approaches for customizing these handy — and powerful — Webflow components.
Tuesday, September 13th at 10am (pacific)
http://webflow.com/workshops
11 Likes
PixelGeek
(Nelson)
September 12, 2016, 4:37pm
2
bumping for obvious reasons tomorrow’s stream is going to be fun.
4 Likes
Syndicate15
(Douglas Mason Jr )
September 12, 2016, 6:43pm
3
Can’t wait!! Wish we could just go ahead and do it now haha
fuzendesign
(Fuzen Design)
September 12, 2016, 6:53pm
4
Do we have to sign up for it? Visit a specific URL?
AlexN
(Alex Nichol)
September 12, 2016, 7:02pm
5
You can either go to the link in the original post or go to their YouTube channel and subscribe.
Design and develop for the web — visually. Build dynamic, responsive websites without writing code. Launch with a click, and enjoy the fastest, most reliable hosting on the web. Or export clean, semantic code to hand off to your devs.
1 Like
PixelGeek
(Nelson)
September 12, 2016, 10:28pm
6
I’ll be going over 4 things tomorrow:
Simple Preloader
Chaining events
Navbar component fixed on the left
Dynamic Gallery Lightbox + dynamic embeds
3 Likes
rileyj_s
(Riley Jones)
September 13, 2016, 1:17am
7
Awesome stuff! I can’t wait for this.
PixelGeek
(Nelson)
September 13, 2016, 3:32pm
8
This topic is now a banner. It will appear at the top of every page until it is dismissed by the user.
PixelGeek
(Nelson)
September 13, 2016, 6:09pm
9
This topic is no longer a banner. It will no longer appear at the top of every page.
PixelGeek
(Nelson)
September 13, 2016, 6:09pm
10
thanks to @Anna_Kelian for the awesome gallery of tricks
https://preview.webflow.com/preview/components-and-elements?preview=3b154932ded3b59038a81dbd3d0019d9
Dynamic Embed code for the dynamic lightbox gallery:
<div style="display:none;">
<span class="full-photo">(photo dynamic field goes here)</span>
<span class="photo-caption">(caption dynamic field goes here)</span>
</div>
<script>
var fullPhoto = "",
fullCaption = "";
$('.photo-thumb').on('click', function(){
$('body').addClass('modalOpen');
fullPhoto = $(this).find('.full-photo').text()
fullCaption = $(this).find('.photo-caption').text()
$('.gallery-modal-photo').attr('src',fullPhoto);
$('.full-caption').text(fullCaption);
$('.gallery-modal').fadeIn();
})
$('.close-modal').on('click', function() {
$('.gallery-modal').fadeOut();
$('body').removeClass('modalOpen');
});
</script>
2 Likes
Here is the link to the Windows 95 link I posted in the live chat during today’s workshop. This is a never ending project so I’ll be adding to it little by little.
Turn those speakers up @PixelGeek for that sweet splash screen sound!
Made 100% in Webflow, with a sprinkle of Jquery
LINK: http://windows-95.webflow.io/2
Constructive feedback is always welcome to help improve and evolve the project!!
Anna_Kelian
(Anna Kelian)
September 14, 2016, 7:52am
12
Welcome @PixelGeek
I hope I can find more time to add new stuff soon