Skip to content

Instantly share code, notes, and snippets.

View noahub's full-sized avatar
💻
Doing computer stuff

Noah noahub

💻
Doing computer stuff
View GitHub Profile
@noahub
noahub / focus_and_glow.css
Last active September 12, 2016 22:01
Focus and Glow
<style>
.glow {text-shadow: 0 0 5px rgba(81, 203, 238, 1);}
.focusGlow {
box-shadow: 0 0 5px 1px rgba(81, 203, 238, 1) !important;
border: 1px solid rgba(81, 203, 238, 1) !important;
-webkit-animation: shadow 0.5s ease-in-out infinite !important;
-moz-animation: shadow 0.5s ease-in-out infinite !important;
animation: shadow 0.5s ease-in-out infinite !important;
@noahub
noahub / add_mask.js
Last active October 12, 2022 07:10
Form Field Masking - No Conflict Mode
<script>
$j(function($j){
//Below are few examples. Replace the IDs with your own form field IDs.
$j("#phone_number_north_america").mask("(999) 999-9999");
$j("#phone_number_2_north_america").mask("1-999-999-9999");
$j("#postal_code").mask("a9a 9a9");
$j("#zipcode").mask("99999");
});
</script>
@noahub
noahub / element_full_width.js
Created June 17, 2016 17:18
Make Element 100% width
<script>
var e = jQuery('#lp-pom-text-120'); //Replace with your element ID
var a = jQuery('.lp-pom-root');
e.css({'left':0, 'width':'100%', 'box-sizing':'border-box'}).prependTo(a);
</script>
@noahub
noahub / count_up.js
Last active March 14, 2024 06:54
Count Up Animation
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$('.counter').each(function() {
var $this = $(this),
countTo = $this.attr('data-count');
$({ countNum: $this.text()}).animate({
countNum: countTo
@noahub
noahub / image-text-URL-params.html
Created April 1, 2016 18:49 — forked from johnnyopao/image-text-URL-params.html
Carry over URL parameters to text and image links on Unbounce
<script>
$(function() {
$('.lp-pom-image a, .lp-pom-text a').not('a[href^=#]').each( function() {
this.href = this.href + window.location.search;
});
});
</script>
@noahub
noahub / fading_fixed_header.css
Last active December 28, 2023 11:27
Fading Fixed Header
<style>
/* Update #lp-pom-box-53 with the ID of your landing page's box element. */
#lp-pom-box-53, #lp-pom-box-53-color-overlay {display: none;}
</style>
@noahub
noahub / onscroll_animations.css
Last active December 28, 2023 11:28
On-scroll Animations
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css">
<style>
.revealOnScroll{opacity:0;}
</style>
@noahub
noahub / menu_box.css
Last active July 3, 2017 21:30
Mobile Hamburger Menu
<style>
/* Replace "#lp-pom-box-113" with the ID of your menu box and the 'top' value with the pixel height of your navigation bar */
#lp-pom-box-113{
display: none;
position: fixed;
top: 96px;
left: 50%;
margin-left: -160px;
z-index:9999;
}
@noahub
noahub / back_to_top.css
Last active December 28, 2023 11:27
Back to Top Button
<style>
/* Replace #lp-pom-button-18 with the ID of your back to top button */
#lp-pom-button-18 {
position: fixed;
top: auto;
left: auto;
bottom: 0;
right: 0;
margin-bottom: 2%;
margin-right: 2%;
@noahub
noahub / 0_reuse_code.js
Created January 27, 2016 22:41
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console