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
CSS themes WordPress

Custom WordPress Admin Login Logo

If you want to replace the WordPress logo on your admin login page with your own custom image, you can do it with just a couple simple lines in your functions.php file. add_action(“login_head”, “my_login_head”); function my_login_head() { echo “<style> body.login #login h1 a { background: url(‘”.get_bloginfo(‘template_url’).”/images/logo_login.png’) no-repeat scroll center top transparent; height: 181px; width: 269px; padding:0 […]

Categories
CSS themes WordPress

Shortcodes for Custom Column Sizes

So WordPress is great, but sometimes, when you’re writing a blog post, the WSIWYG is just lacking certain features. Say you want to format your content and make things a little cleaner. Like this: [one_half] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel urna ut elit faucibus semper. Morbi dignissim ex enim, et […]

Categories
CSS

Styling Scrollbars w/CSS

I came across this post while searching for a means of styling some scrollbars on a site I was working on recently. It seems, that styling the scrollbar specifically, ins’t a problem in certain browsers. Some though (Firefox and Opera) are a pain. I’ll cover those another time. For now, let’s just get Chrome and IE […]

Categories
CSS

Getting SASS to work with Sublime Text 2

This tutorial is essentially just going to be the same as this one so you can go read it there if you’d rather. I promise, I won’t be offended. After all, this is the tutorial I used. So basically, you’ve got SASS installed and ready to go after reading this post. Now, you want to use […]

Categories
CSS

Setting up SASS

So SASS is pretty great. If you haven’t heard about it, you’re behind. Study up cause I’m not going to explain it in great detail but the just of it is, that it’ll make writing CSS much more clear and concise. You can learn about it here. So I use Linux Mint or Windows to […]

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