Archive for the ‘Web Development’ Category

jQuery – Creating Elements Part I: Using The each() Function

Wednesday, June 27th, 2012
jQuery – Creating Elements Part I: Using The each() Function

Generating a list

I’m working on a project that required an unordered list. Who the hell cares, right? Well the list was the navigation for a timeline slider. Each block of content on the timeline needed its own list item to move the slider’s position so that the block was centered. The problem though was I didn’t know how many blocks there would be, and I wasn’t sure who would be making the changes later, if there were any. So here is a way to create a list, based on the number of other elements and their ‘rel’ attributes.

I know that barely makes sense, but you will understand once you see what I’m doing. Take a look at the demo…

View Demo

(more…)

Sass Features Ignored by Beginners

Tuesday, May 22nd, 2012
Sass Features Ignored by Beginners

From Beginner to Intermediate

I consider myself an intermediate level Sass user. I’ve used it enough now to know that I have written some stupid crap in Sass. I’ll take a guess that a lot of others new to Sass have done the same thing because you get excited about the stuff you can do. Like what you ask? Like nested your selectors more than three deep, or creating variables for stupid one word properties even though it would take the same amount of time to write the word out. What? OH FINE! I once created a variable $l: left; Okay? Happy? I don’t know why I did it, but variables in CSS were new to me and I was looking to shorten everything I possible could. Unfortunately it took me just as long to find the ‘$’ symbol as it did to just type the word ‘left’. But with use comes experience, and there are some cool things you can be using, and nothing all that difficult.

(more…)

Adobe Shadow, CSS Variables, Sass Stuff and More!

Wednesday, May 9th, 2012
Adobe Shadow, CSS Variables, Sass Stuff and More!

Excited about web development again

I will admit that I had been just going with the flow and not really excited about things going on in our field for a while. The new job has changed that though. I’m working on a variety of things, and FINALLY learning again. When you are not learning anything new or doing the same repetitive things over and over, things get tedious. Where I’m at now has given me what I needed to recapture. Excitement in what I’m doing. Already I have picked up some new stuff that I didn’t know before, and things are changing again in the technology we use. So I thought I’d share some of this with you.

(more…)

Where I’ve Been and Web Development Tidbits

Thursday, May 3rd, 2012
Where I’ve Been and Web Development Tidbits

A new year and a new job

So 2012 has already been a busy year. I’ve been working on some freelance projects, but the bigger deal is that I have taken a new position. I don’t like talking about where I work, so don’t ask. I am just not comfortable about putting that kind of info on the web. I do work in the city now (Chicago), so that is a huge change, but I’m very happy with where I’m at. Searching for jobs though was taking up a lot of my time, hence I haven’t been able to write any posts in a while. I am settling in now though, so that will change. Starting today!

(more…)

Adventures In Adding Large Video Files In WordPress

Friday, January 13th, 2012
Adventures In Adding Large Video Files In WordPress

Adding video to WordPress seems easy, right?

Why am I writing this post? Because if you have followed this blog for a while, you know I like not only passing what I’ve learned along to up and coming web developers, but I use this as a reference sometimes. I recently completed a freelance project that involved moving very large video files into a new WordPress install, and I came across multiple problems that were hard to find answers to. Adding video looks like it would be easy, right? Just click that little Upload/Insert button, drag/drop the file onto the page, and BAM! Video file is in the media library. What could POSSIBLY go wrong? I’ll start with the background to the project, and go over how I solved the issue.
(more…)