Tutorial – CSS And jQuery/Ext Trap Door Navigation

January 27th, 2011
Tutorial – CSS And jQuery/Ext Trap Door Navigation

Dual library action

I’ll be showing you how to do a trap door navigation, which I’m sure has been done before. But I’ll be showing you how to do it in jQuery AND Ext. Why? Because I had to do it in both at work. A trap door navigation is basically a two image system where the ‘li’ gets one image, and the ‘a’ tag gets another so that as the link expands, the image grows with it. When you rollover each navigation item, the images then change.

Why thought can’t you do this with just CSS? You could try like I did using something like ‘li:hover’, but the problem occurs on when the images actually change on rollover. There are issues with the ‘li’ image changing because the ‘a’ tag is on top and that is what you are rolling over. Javascript is used then to correct the issue. Check out the result:

View Demo

Read the rest of this entry »

CSS Variables, Mixins and Nesting Might Be Coming

January 21st, 2011
CSS Variables, Mixins and Nesting Might Be Coming

If you don’t know Sass…you might want to now

I’ve read a couple of posts/articles in the past week that REALLY got me excited again about CSS. A guy over at Google, Tab Atkins, has hinted at it, and then this article by Johan Brook talks about it as well.

What the hell am I talking about you ask? Well by the title of this post you should have figured it out.You know all those articles I’ve posted about my experience with Sass and how much I love it? Or maybe my artilce on LESS.js? There are other articles around the net where people commented their worries and complaints on why they didn’t need or use it. Well guess what…you might want to rethink that and start learning. Variables, mixins and nesting might be coming to CSS itself. If you didn’t read the article I linked to above, Webkit is thinking about it, and it may be here as soon as the end of this year.

Read the rest of this entry »

Informal Interview: Joseph McCullough Of Vert Studios

January 20th, 2011
Informal Interview: Joseph McCullough Of Vert Studios

Joseph McCullough – Vert Studios

My second Informal Interview is with Joseph McCullough, co-founder of Vert Studios, a web and graphic design company located in Tyler, Texas. He’s been in the industry since 2008, and has been featured in respected web development publications including 1stWebDesigner and Onextrapixel. Joseph is currently pursuing a computer science and math double major at the University of Texas at Tyler.

I found Joseph through a random link, and we have traded comments on each others blogs, as well as Twitter for a while now. Feel free to follow him! Let’s get to the questions, shall we?

Read the rest of this entry »

Want An Invite to Forrst.com? Giving One Away!

January 14th, 2011
Want An Invite to Forrst.com? Giving One Away!

Want an invite to forrest.com? Do one simple thing

Comment on my post “Informal Interview: Chris Eppstein – Creator of Compass.” A good comment too, not just “Nice interview” or “Great Post.” I’ll choose the comment I think is the best one, and the winner gets an invite to forrst.com. Simple, yes?

Informal Interview: Chris Eppstein – Creator of Compass

January 13th, 2011
Informal Interview: Chris Eppstein – Creator of Compass

Talking to people in web development

I had a thought the other day and on a whim I asked a couple people if I could get an informal interview. I email them questions, and they give me the answers. I originally planned to ask people that were not in the top tier of popularity…you know, people like…well…me. The ones who write web development blogs because they love what they do, and working in the trenches. People that have something to say that most of us wouldn’t know about otherwise. That plan has somewhat changed when I got a “yes” from someone I didn’t expect to. I plan on doing a bunch of these, but this first one makes me very happy. On to the first of what I call “Informal Interviews.”

Chris Eppstein – Creator of Compass

Chris is the creator of Compass, a stylesheet authoring framework, and is on the core team of Sass — the stylesheet syntax upon which Compass is built. On top of that, he is the Software Architect at Caring.com, a website devoted to caregivers of the sick and elderly. How he has any time left to relax, I’ll never know. On to the Q & A!

Read the rest of this entry »