I’m working on a project for a client and had an idea for the top navigation.
The first draft just slid up a background sprite to reveal the tab. My co-workers did not like this as it looked awkward.
This is where LabsTab 1.0 was created.
The Goal
In a perfect world the tab would slide up, the text would fade from grey to white and everyone would be happy. My initial goal is to have the text use Cufon to replace the text but it will require some keen thinking and a bit of Cufon.refresh();
The Current State
Right now the tab is split into 2 background images.
The Tab Background & The Text
When the user rolls over the link, the tab slides up. This is good. The bad part is the text background doesn’t fade into the new background because by default jQuery wants to animate the background position.
Also it is very poorly coded, I’ve moved from MooTools to jQuery so I’m still a tad unfamiliar with things.
The Code
I’ve uploaded the entire project to github so feel free to fork it and make it better!
http://github.com/envex/LabsTab
Twitter @Anywhere is an easy to deploy solution for bringing the Twitter communication platform to your own site. Add follow buttons, hovercards, linkify @usernames, and build deeper integrations with “Connect to Twitter.” @Anywhere promotes a more engaged user base for your site.
Just installed Twitter’s new @anywhere service. Just hover over my name @envex to test it out!
I’m starting to force myself to write more classes. It’s something I’ve always been interested in, but could never pull myself away from the linear design patterns that I’d become so comfortable with.
I’ve written a class based on some basic functions of Digg.com that I’m planning on using for a tutorial. I wouldn’t be a very good teacher if I released a shoddy class out to the masses. Continue reading
Styling the WordPress comments can be a pain if you don’t know what you’re doing. You have to wade through functions and files to finally get what you want.
Luckily, we can write our own comment function, using our own code, to make styling the comments 100% easier and 50% more fun
Continue reading
The Problem
I’m working on a project and have to generate the same template on 4 different pages. I was also using javascript to create the same template on the fly. Needless to say this wasn’t the most efficient way of doing things because if I needed to change 1 aspect of the template, I needed to edit 4 different files.
I tried to write a little function, inspired by CakePHP, that would take an array of information, open up a template, replace any text and then return the new content. Continue reading
Getting started with any type of language can be difficult for some people. Most tutorials or examples use a lot of “developer terms” that a designer or beginner won’t be familiar with. This can add another level of difficulty to otherwise simple tasks. This is hopefully where Code for the Uncoded comes in. Continue reading
Writing a lot of code can get very tedious especially when you are in hour 6 of your work day. I’m always looking for way to write less code so i’m going to share a few tips that I use on a daily basis. Continue reading
When most people think about WordPress, they think about blogs. If you look at the front page of WordPress.org, they talk a lot about blogging as well. What they don’t tell you is that WordPress can also double as a very powerful CMS; you just have to set it up properly. It can be a bit tricky to get setup and working the way that you want; but this is where I come in. Continue reading
I recently watched a quick Screenr screencast by Jeffrey Way about logging your errors in PHP to a text file. Needless to say, I was a little bit inspired.
It was only a quick 5 minute tutorial so it didn’t go into much detail and after implementing it into one of my projects it needed some tweaking.
The main problem was there was the potential for your site to create thousands of indistinguishable error logs. My solution was to create folders to house daily log files. This makes your error logs live inside a nice folder structure broken down by year, month and day. Continue reading
Getting started with any type of framework can be an intimidating experience. I had worked with scriptaculous and prototype to begin with, but decided to move over to Mootools because it’s a more light weight framework.
After the initial move to Mootools I was frustrated with the lack of community support and ended up moving back to prototype immediately. After I was more comfortable with working with frameworks I moved back to Mootools and haven’t looked back.
With this tutorial, I’m going to try to make sure that you have a great beginning to the Mootools framework. I’m going to walk you through getting everything downloaded and setup as well as some of the basic elements of mootools. After that I’m going to spend some time walking you through how to use the Mootools Docs, which is a site that you’ll be visiting very often during the use of Mootools.
View the Tutorial/Screencast
This tutorial is now owned by NetTuts+, I’m just the author.
