Recently, I was tasked with adding a custom field to a WooCommerce order details section. This itself is not a major task and is well documented online, but this particular field had some special requirements. It had to Allow users to select a date for delivery/pickup Restrict possible order dates to days when the facility […]
Category: jQuery
I like the hamburger menu. It makes sense. So this is the one that I use when building a menu for mobile devices. Here’s the HTML: <nav id=”mobile-navigation” class=”site-navigation mobile-navigation” role=”navigation”> <a href=”#” class=”mobile-menu-link”>MENU<span></span></a> </nav> And the SCSS: .mobile-navigation { display: none; .mobile-menu-link { display: block; position: relative; width: 90px; height: 30px; left: 0; color: […]
Recently, I’ve been trying to find ways to speed up my development time, and I came across a great video showcasing Vagrant. I could spend a lot of time writing a bunch of mumbo jumbo here for you to read, or you could just watch the video that explains it a thousand times better than […]
It’s been pretty slow on the web development front for me lately, but I have discovered something new and interesting. It’s called DemocracyOS. What is DemocracyOS? Oh, I’m so glad you asked. Well it’s an open-sourced platform that aims to bring democracy back into the hands of the people in a way that makes voting […]
UPDATE! Google removed the ability to host web pages within Google Drive so my simple and free hosting solution provided here (plus the link to the files) is dead. I decided a while back that I could do my home page (in browser) better than just the standard google.com page. I tailored an html file […]
Whoa. I just discovered this super easy way to build HTML5 web games, where a ton of the heavy lifting is already done for you. Seriously, go check out what the guys and gals over at Photon Storm are doing and check out Phaser
Categories
Code School
I know it’s been a while since I’ve written anything here and I really don’t have any excuse other than I got lazy. But this is a short, quality post that I’m writing on my phone while my wife is shopping. How cool is that? Anyways, if you click this link, you can get two […]
This is a little chunk of jQuery written to set a couple elements to equal heights. It has to take into consideration, the padding on the two elements. The two elements being set to equal heights are entry-content and sidebar_images. $(window).load(function() { var finalleft = $(‘.entry-content’).height(); var finalright = $(‘.entry-content’).height(); var padleft = parseInt($(‘.entry-content’).css(‘paddingTop’)) + […]
This is a very simple tool that lets users create artwork based on absolutely positioned HTML elements. See the Pen gveJz by Dylan Hildenbrand (@Dilden) on CodePen.
This plugin is derived from the same idea that was posted here, except in a much simpler form and using HTML5 to control the shadow attributes. The jQuery looks like this: The HTML: