How to Read RSS Feeds with PHP (using SimpleXML)

I recently rebuilt my personal website and rather than create a personal blog (let’s be honest, I barely find the time to post here!) I decided to pull a few blog and portfolio posts from our business website. To accomplish this, I wrote a couple PHP functions to parse the necessary RSS feeds using SimpleXML….

How to Make Your Navigation Appear on Scroll Using jQuery

Fix it, and hide it First things first. Make sure you’re navigation has a fixed position and is set to display: none. Here is some sample css: Add jQuery Add a link to Google’s jQuery library just before your closing body tag, followed by our custom script. Make it Work Here we are telling the…

How to Add a Simple Scroll To Top Link to Your Website Using jQuery

Toss in the HTML Place your scroll link inside your closing body tag: Style It We want to set the display property to ‘none’ since the scroll link will fade in as we approach the bottom of the page. Be careful here with link hover styles. If you have universal hover transitions set in place…

How to Build a Filterable Portfolio in WordPress Using jQuery Isotope

Get Your License First things first. If you haven’t done so already, pick up your Isotope license. If you are using Isotope for a non-commercial, personal, or open-source project then Isotope is free to use and falls under the terms of the MIT license. For commercial uses you have two options: Developers License ($25): This…

How to Keep Multiple Divs Inline When Browser is Resized: The Nowrap, Responsive Approach

Responsive design is all the rage these days. But what if you want to keep multiple inline elements from wrapping on the page when you resize the browser? Here’s how: The Markup Let’s start with the HTML structure: The Style The whitespace and display properties are the driving force here. We are instructing the single…