resources for creating advanced landing pages? (12)
Hey all, I'm not much of a coder, and am currently just using muse to throw together pretty basic lps. They do the job, but i was just wondering if anyone could provide resources for creating something a little more advanced, such as the countdown timers, questions style landers etc? Thanks!
jQuery is your best bet for stuff like that.
Once you get the hang of it it's pretty simple. A question style lander is just a matter of having an element change to hidden on click while others change from invisible to visible.
For example:
<style type="text/css">
.question2, .question3 {display:none}
</style>
<body>
<div class="question1">Question 1 here:</div>
<div class="question2">Question 2 here</div>
<div class="question3">Question 3 here</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(".question1").click(function(){
$(".question1").hide():
$(".question2").show():
});
$(".question2").click(function(){
$(".question2").hide():
$(".question3").show():
});
</script>
</body>
</html>
If you want an easy way to start making more complicated LPs you should checkout something like Bootstrap.
Great share! One for the newsletter, I think...
If you want to get a bit more fancy, you can use jQuery effects in a script like that - replace hide() with fadeOut() and show() with fadeIn(), for example. See http://api.jquery.com/category/effects/
Awesome, just what I was looking for. Thank you gentlemen!
+1 for jQuery.. They make javascript easy
Originally Posted by caurmen
Originally Posted by thedudeabides
I have kind of an open question related to this thread. Does anybody have any recommendations for jQuery books, preferably one with a lot of finished examples?
I just finished the jQuery track at CodeCademy, so I have a rudimentary understanding. But it's kind of like having a bunch of puzzle pieces and no picture to follow.
Originally Posted by john galt
For landing pages the level of complexity doesn't really go too far above what I posted above, as most of the time someone's already written a plugin to do the more advanced stuff like modals, pop-unders, exit-pops etc.
@thedudeabides - you rock. That would be awesome.
BTW, have you checked out AngularJS? I've been looking into it recently - there's some pretty amazing potential for interactive LPs there.
@john galt - I've not checked it out, but I hear good things about this one, and O'Reilly are very good generally: http://shop.oreilly.com/product/9780596159788.do
@thedudeabides - Codeschool looks legit, I'll be giving their course a run. Thanks! As far as what I want to build, that's what I'm still figuring out...
I guess I'm looking for inspiration. I know there's more that can be done than making interactive CTAs or building questions landers. I want to see how others are using it, to give me some test ideas.
@caurmen - Thanks a lot, looks like just what the doctor ordered.
Originally Posted by voan
https://github.com/qualifiedleads/Simple-Landing-Page
If you're not familiar with github, it's zipped it for you here
it's also responsive, but I haven't tweaked it to Caurmen's standards of a mobile lander (eg: stripping out all unnecessary HTTP requests, alternative image/video media query, ...) but it does display well on mobile as the video resizes nicely on any screen.
Originally Posted by caurmen
Home > Questions and Answers > General Questions