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