Categories
jQuery PHP Plugins WordPress

Restricting Dates of jQuery UI Datepicker with custom WordPress plugin

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 […]

Categories
CSS jQuery WordPress

CSS Hamburger Menu

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: […]

Categories
CSS HTML5 jQuery Mobile PHP WordPress

Developing with Vagrant

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 […]

Categories
CSS HTML5 jQuery PHP WordPress

DemocracyOS

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 […]

Categories
CSS jQuery

The Perfect Browser Home Page

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 […]

Categories
HTML5 jQuery

HTML Games

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
jQuery

Code School

So 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 […]

Categories
CSS jQuery

jQuery code to set 2 elements to same height

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’)) + […]

Categories
CSS jQuery

HTML and CSS artwork

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.

Categories
jQuery Parallax

Scrolling Shadows

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: