Product Review: Survd – Surveys In A Snap!

January 11th, 2011
Product Review: Survd – Surveys In A Snap!

Survd – Surveys In A Snap

NOTE: Just so you readers are aware, I was given a free copy of Survd to review. I’ve seen other people say this type of thing, so I am just covering myself.

Matt Ward has a good blog, which you may have heard of, called Echo Enduring. It wouldn’t be surprising, because he is part of Smashing Magazine’s Smashing Network. I don’t remember how I actually found him, but I’ve been reading his posts for at least half a year. I’ve commented on a few articles, and found Matt to be better than most writers, but he apparently does more than write blog posts though.

Matt has created a web app called Survd, a “simple app for creating surveys that runs on your own website, saving you hours of development time.” I wanted to see if that was actually true, but since I haven’t actually created a survey before, I wanted to try it out before I paid for it.

Please note that Survd requires jQuery, which shouldn’t be a problem for most people.

View Demo

Read the rest of this entry »

What Will Be The New Tired Web Development Topics Be?

January 6th, 2011
What Will Be The New Tired Web Development Topics Be?

So many threads, so little said

2010 saw a lot of arguments pop that were rehashed throughout the year that it was really making it hard to go through my RSS feeds for a while. I jumped on the bandwagon on one, but soon saw the truth of it, and never really touched upon it again. If you scour the web development blogs like I do, you can name three right of the top of your head without even trying. I’ll give you a few, see if you can add any that I missed. These are actually in the order I remember reading about them:

  • Flash vs HTML5
  • The Web Design/Development Community is Dead (or dying)
  • Should we use CSS3/HTML5 yet?
  • How bad you suck at web development

Read the rest of this entry »

A Simple jQuery Fly-Out Menu

January 4th, 2011
A Simple jQuery Fly-Out Menu

I haven’t made a post about jQuery in a while

Which is what made me decide to write my first post of 2011 on it. First, thank you to the people who commented here on The Web Machine in 2010. Also thanks to the over 730 RSS subscribers I have and the 25 or so followers on Twitter. This blog has been up for about a year now, and I look forward to this one. I hate all of you comment spammers though! So huge thanks to Akismet.

Anyway…a while ago I had thought about creating WordPress themes and try my hand at selling them, but it soon became apparent that the market was saturated. I don’t feel like wasting my time right now on putting effort into that. On one of those themes though, while I am not happy with the look, I created a fly-out menu using jQuery that I really liked. I thought I would share that with you since it takes less than 8 lines of code. So take a look at the demo, and then we’ll jump right in.

UPDATE 5/17/11: Removed the position:relative from the li style. It now gets the position:relative in the hover function in jQuery by adding/removing a class ‘addPosition’. This fixes the submenu appearing underneath the main menu in IE7/8. This was only noticable if you started changing the position of the submenu to be overlapping the main menu. My code here assumes you don’t do that, but with the fix it works great in IE7/8.

NOTE: In IE6, only the first level of the fly-out works. The second is cut off, but since most of us our on our way to not supporting it, I didn’t care. If you have the simple solution to fix that, let me know.

Original:
View Demo

More stripped down version (asked for in comments and the CSS now shown in sample code below):
View Demo

Read the rest of this entry »

Till the new year…

December 29th, 2010

I’m still here!

Just so none of you think I have abandoned The Web Machine blog, I’m waiting till the new year to write new content. Too much working late and at home until the new year, so I haven’t had time. Once 2011 starts in a few days, I’ll be back to posting like normal.

Have a good new year’s eve/day, and I hope you had a good holiday season!

Looking forward to 2011!

Let me know what you guys are reading/learning/developing/designing!

Create Sprites Using Lemonade In Compass

December 21st, 2010
Create Sprites Using Lemonade In Compass

I have a ton of images, now what?

By now, I would think most of you know how to use sprites. They are extremely useful, and keep the number of http requests down to a minimum. You have this png file that you work on in Photoshop, and you keep adding to it, saving it and whatever else. Get’s time consuming right? At least a little, so shut up you nay sayers. Wouldn’t it be great if there was an easier way? Damn straight!

Thirsty? Drink some Lemonade!

Lemonade for Compass - Sass FrameworkWell Compass makes it easy now, and you don’t need to use Photoshop to do it! Compass has merged with Lemonade to make doing this a cinch. With each new iteration of this framework, something awesome gets added, and this is just plain cool. Now you can take a bunch of images you have and make a sprite on the fly with them. Here is how you go about it.

Read the rest of this entry »