HTML5…I am not digging it at all…

May 11th, 2010

For the people who read the title and are going to moan about how awesome the video/audio tags are and what not, go read the ENTIRE article of the elements of HTML5…here is the link.

Then come back and lets talk…mmmmmkay?

Is it still awesome? I’m going to give you a ‘for instance’ here. Let’s start with…the address tag. When you hear “address” tag, what do you think of? What would you put in this tag? Before you read that article, you probably thought “Well, the freakin’ address you idiot!” Guess what though? You would be wrong. Quoted from the article:

The address element must not be used to represent arbitrary addresses (e.g. postal addresses), unless those addresses are in fact the relevant contact information. (The p element is the appropriate element for marking up postal addresses in general.)”

Read the rest of this entry »

Sass…something called Haml…and a whole lot of confusion

May 7th, 2010

First, I didn’t know this at the time, but I would really like to thank Nathan Weizenbaum for coming here and commenting on my no name blog. Didn’t know who you actually were until…well, last night. For those that don’t, he is the maintainer and designer of Sass. I always like to see people that create things that others use to develop websites, get onto low key blogs/forums. Was very cool of him to show up here…no idea how he found me, but cool that he did.

Wait…”What the @#$%! is Sass?” you are asking me? Not…really…sure what you would call it. Imagine though, CSS without the semi-colons, and no curly brackets. Throw in variables, and some other cool stuff, then compile…well…maybe parse it?…into CSS. Soooo…you basically write this syntax on a .sass file, which then turns out a .css file for you to use, all brilliantly formated.

Read the rest of this entry »

More changes…added LinkedIn link

May 5th, 2010

I’ve made some more changes, as well as updated my portfolio. Check it out if you like by clicking on the Portfolio link in the navigation at the top. I’ve also added a LinkedIn icon in my sidebar, where you can view my public profile. Also changed the Twitter icon, as I wasn’t fond of the one I was using on this layout. Just didn’t fit well.

Still chuggin’ away perfecting The Web Machine here, which of course will never really be done, cause I like to change things up. Speaking of which I also have been thinking of updating my portfolio site (as in the whole thing). Not sure what I want to do, but its on the list of things to do.

Nothing struck my fancy for a topic today, but I did find out that Firefox 3.6 supports the CSS3 text-shadow style. It didn’t before, at least in 3.1 it didn’t, so I am not exactly sure when that came about, but it works well enough now!

I used it on my Post titles and the Sidebar h2 tags:

text-shadow: 2px 2px 3px #CCCCCC;

If you didn’t know, you do now…have fun with that. Used it on a micro-site I am building for work. I’ll post a link once it goes live so you can see.

Suggested reading for jQuery beginners….oh and a cool plugin

May 4th, 2010

First let me say I’m sorry it has been a few days since my last blog post. I was summoned for jury duty, and then my kids were dealing with being sick over the weekend. Rough ride since last Thursday. On the plus side with the jury duty thing, I did get to read a lot of my jQuery 1.3 book (I know, stop telling me about 1.4…that book isn’t out yet!).

Now…the plug-in. This is an extension for Firebug – FireQuery. Watch the screen cast they have on that page to see what it does. Seems cool. You can inject jQuery onto any page you want. Even if it doesn’t have it.

Next on the list, I suggest reading this article over at Nettuts. VERY basic stuff, but it shows you, through Firebug’s console, how bad coding habits can really start to drag your load time down. I’ll give you one quick example of what the author goes into, so you will know if you want to go check it out.

console.profile() ;    
    $(".selected");  
console.profileEnd();

According to the article, this will take .308 ms. While this:

console.profile() ;    
    $("li.selected");  
console.profileEnd();

Will take .291 ms. “So the hell what,” you say. I agree…milliseconds?? Who cares? Now take a .js page full of jQuery, and a website that has hundreds, if not thousands of nodes. jQuery has to go through all that crap to find it. But the more specific you are, the quicker the response. I’m not a complete noob in jQuery, but I didn’t know that it would compound that much. Now that I do, I will be WAAAAY more descriptive with my coding. If that interests you, I suggest reading the full article. If all you do is read my post here, then I think the above alone, will help your coding practices and the performance of your web pages.

Ruby and Sass….help me?

April 28th, 2010

So I read a few articles lately, and I’ve seen this stuff before, but now I am really interested. Anyone out there wanna comment on Ruby? The syntax seems easy enough to learn, and I have heard it can be used to create things very quickly. I have also heard by some IT people I know that though it can be quick to create, which is good for prototyping, but hard to change. I’m looking for the run down on why I would want to look at Ruby. And is Rails the same thing? Help coders!

I’m interested in it because of Sass and what you can do with CSS. Here are just some examples I’ve seen with what you can do with Sass (Syntactically Awesome Stylesheets).

Variables:

!blue = #3bbfce
 
.content_navigation
  border-color = !blue

And this looks just plain awesome:

.highlight {
  border: 1px #666666 solid;
}
.moreHighlight {
  @extend .highlight;
  background-color: #ff0000;
}

From what I’ve read, this means that anything with the style of moreHighlight also gets the styles of highlight. There are other things like Mixins and such that look bad ass as well.

What I’m curious about though, is it looks like it is compiled. Does this mean I have to do something every time I make a change to the file? Meaning re-compile it? Again, help me out!