RAMBLINGS
OF A FREELANCE
DEVELOPER

Now Viewing
the jQuery
Tag

Subscribe via RSS

Replacing JS Functionality with CSS Properties

One of the things that excites me most about the newest features of CSS, is the ability to replace a lot of the JS I’ve been using. While I’m not hating on Javascript (or jQuery, which is what I use), there’s no argument that script languages come with a lot of potential issues. There’s more overhead involved, more files to...

Read More

Fancy Animated Hamburger Menus

I made a quick pen for yall to create a hamburger icon that animates to an X for close. Super simple with just a few lines of CSS and JS! <a class="fancy-menu" href="#"> <span></span> <span></span> <span></span> </a> <a class="fancy-menu" href="#"> <span></span> <span></span> <span></span> </a> .fancy-menu { display: inline-block; }   .fancy-menu span { background: #000; border-radius: 3px; display: block; height:...

Read More

Responsive Angles

I had a design I needed to code that was a bit of a fun challenge. Here were the requirements: The header looked like a “tab” on top of a utility nav that was transparent There was a diagonal angle on the right side of the logo, on top of the utility nav, with a white background expanding 100% of...

Read More

Integrating SVG Maps with WordPress & Advanced Custom Fields Pro

Sometimes clients are in need of fancy interactive maps that allow them to change data frequently. A client of mine recently came to me asking for a map that would allow custom colors and pins, as well as the ability to update the data monthly. Most maps are a *pain* when it comes to updating data – which is why...

Read More

Using JS to Hide Site Until Loaded

I recently needed to hide the entire site until everything was loaded and ready, due to using a scroll loading script, which was making the content flash before it was ready to fire. I made a super easy way to do this, using CSS opacity, a tiny bit of JS and a non-JS fallback for usability. In your CSS: body...

Read More

Code Progressions from Large Websites

This year has been a busy one for me in terms of changing the way I code everyday. While I try not to jump on bandwagons or use the latest ‘techniques’ or plugins, of course it’s necessary to constantly both keep up with what’s new in our industry, as well as to try and improve our code. I’ve been coding...

Read More

Advanced WordPress Tutorial: Making a Switching Category Menu

A client of mine wanted to make a horizontal menu that listed all of their categories. Easy enough! But the client was going to have lots of categories, which meant that most would either have to be left out, or the horizontal list of categories was going to have to be multi-line. Not so good. So they asked if I...

Read More

Quick Sticky Headers with jQuery

I had to write a quick little script for sticking my header to the top of the viewport after the user scrolled past it in the document. It was originally about 200px down the document, and then as soon as it hit the top of the viewport, it sticks permanently. It’s quite an easy thing to do: $(window).scroll(function() { var...

Read More

Animations on Scroll with CSS3 & JS

I’ve been working on a really cool site that requires a lot of custom animations on a one page smooth scrolling site. Being the CSS lover I am, most of these are done via CSS3, however they wanted certain panels to have text fade in or slide over when the user scrolled down to it. Nikita and I sat down...

Read More

Problems in Mobile Development

Last week I was supposed to be giving this talk at iOSDevUK, but unfortunately I had to cancel it because I was sick. So I thought I’d post my notes here for you guys to read and go through. This talk is slightly different from the version I used at previous conferences, as I decided to update and revise it....

Read More
123