Getting border-radius to work in IE

July 27th, 2010
Getting border-radius to work in IE

Border-radius on IE? That is just crazy!

It’s funny how many things from my job come up as posts. Well, I guess not funny, because I end up working on things that I am not familiar with and have to fix. Which is the case tonight. I’m not sure if you have read any articles, but there are plenty, about getting the CSS3 property border-radius to work in IE. It is actually rather easy, so let’s get to it, and I’ll show you how!
Actually, I’ll tell you how. And then I’ll tell you some of the troubles I ran into.

Wait, that’s it?

So getting your rounded corners is pretty damn easy. There are three things you have to do:

1) Go here and download the htc file.
2) Place the downloaded file in your images folder
3) In your CSS file, on the style that you want the rounded corners you add something like this:

Read the rest of this entry »

Tags: ,
Posted in CSS, Web Development | 11 Comments »

Could Social Media have its own crash like .com?

July 23rd, 2010
Could Social Media have its own crash like .com?

Brilliant idea…I wish I thought of it

Today, while commenting on the blog Do It By Hand, I clicked on another commenter’s link. It was mainly out of curiosity, but what it brought me to, and I can only believe that it is the actual commenter’s upcoming business, made my jaw drop. What could be so damn surprising that you were actually stunned by seeing it, you ask? Take a look at this, and then think for a minute before reading on.

CommentFlock image

Read the rest of this entry »

Tags:
Posted in General | 3 Comments »

WordPress Custom Fields, plus Compass/Sass tip: CSS inline images

July 22nd, 2010
WordPress Custom Fields, plus Compass/Sass tip: CSS inline images

Set out to learn something…and I did. Now its your turn

I wanted to create images that I could use for each post showing that it belonged to a certain type of category. You look at the image, and without reading the title, you would say “Oh, this post relates to WordPress.” Same with jQuery, Blogging in general, or whatever category I come up with. Something my readers would come to recognize over time. I also wanted to be able to do it without having to stick it in manually in the post like I do with the other images I stick in articles. If you are on the home page you will already see this. That is the one I came up with for articles relating to WordPress.

Now, I can’t take credit for what I am about to show you. I learned how to do this fromJustin Tadlock’s blog, but I wanted to spread the love. This was the best tutorial I found on the subject.

Just 10 Easy Steps!

Here is my quick and dirty paraphrasing of it. Meaning, do EXACTLY AS IT SAYS BELOW.

Read the rest of this entry »

Tags: , ,
Posted in Sass/Less/Compass, WordPress | No Comments »

Blogging…all in a night’s work!

July 21st, 2010
Blogging…all in a night’s work!

It’s not just publish and you’re done

Tonight I thought I would take you through what it actually takes to blog. I mean the day to day crap. If you think it’s just write a post, publish and done, then you are seriously mistaken. There is a ton of other things involved that go on to keep a blog going. I’m proud of what I have accomplished so far, but there is a lot that goes on behind the scenes here at The Web Machine, and I’m sure almost any other blog that has effort behind it. Besides the writing, there is the constant tinkering, rearranging, testing, security, moderating…the list goes on and on.

So if you are thinking about starting your own web development blog, read on, and then see if you are up to it.

Read the rest of this entry »

Tags:
Posted in Blogging | No Comments »

Using jQuery’s hover() event to the fullest

July 20th, 2010
Using jQuery’s hover() event to the fullest

The problem

Today at work I was given the task of using jQuery to create a very specific effect. I have an unordered list with three list items. When the user rolls over one of them, the item gets a class which sets the background to a new color, while any other item that has that class, has it removed. On top of that, if the container the list is in loses focus (meaning the cursor leaves the container), the last list item hovered on should retain the background changing class. On top of THAT, whenever one of those said list items is hovered over, one of three content divs below it should go from hidden to visible. Oh, and I have to have the second item started off as looking like the hover state. This one took me a while to figure out. I could get the normal rollover, but the keeping the class thing when the list item lost focus through me for a loop.

Click here to take a look at the final working jQuery. You’ll see what I was trying to do if you roll over and out and what not.

Read the rest of this entry »

Tags: ,
Posted in Javascript, Web Development | No Comments »

  1. Pages:
  3. 1
  4. ...
  5. 15
  6. 16
  7. 17
  8. 18
  9. 19
  10. 20
  11. 21
  12. ...
  13. 38