<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>jc-designs.net &#187; web apps</title>
	<atom:link href="http://jc-designs.net/blog/tag/web-apps/feed/" rel="self" type="application/rss+xml" />
	<link>http://jc-designs.net/blog</link>
	<description>jc-designs blog</description>
	<lastBuildDate>Mon, 21 May 2012 19:32:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Product Review: Survd &#8211; Surveys In A Snap!</title>
		<link>http://jc-designs.net/blog/2011/01/product-review-survd-surveys-in-a-snap/</link>
		<comments>http://jc-designs.net/blog/2011/01/product-review-survd-surveys-in-a-snap/#comments</comments>
		<pubDate>Tue, 11 Jan 2011 04:08:11 +0000</pubDate>
		<dc:creator>jcDesigns</dc:creator>
				<category><![CDATA[Product Reviews]]></category>
		<category><![CDATA[Survd]]></category>
		<category><![CDATA[web apps]]></category>

		<guid isPermaLink="false">http://jc-designs.net/blog/?p=723</guid>
		<description><![CDATA[Survd &#8211; Surveys In A Snap NOTE: Just so you readers are aware, I was given a free copy of Survd to review. I&#8217;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&#8217;t [...]]]></description>
			<content:encoded><![CDATA[<h3>Survd &#8211; Surveys In A Snap</h3>
<p><em>NOTE: Just so you readers are aware, I was given a free copy of Survd to review. I&#8217;ve seen other people say this type of thing, so I am just covering myself.</em></p>
<p>Matt Ward has a good blog, which you may have heard of, called <a href="http://blog.echoenduring.com/">Echo Enduring</a>. It wouldn&#8217;t be surprising, because he is part of Smashing Magazine&#8217;s Smashing Network. I don&#8217;t remember how I actually found him, but I&#8217;ve been reading his posts for at least half a year. I&#8217;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.</p>
<p>Matt has created a web app called <a href="http://survdapp.com/">Survd</a>, a &#8220;simple app for creating surveys that runs on your own website, saving you hours of development time.&#8221; I wanted to see if that was actually true, but since I haven&#8217;t actually created a survey before, I wanted to try it out before I paid for it. </p>
<p>Please note that Survd requires jQuery, which shouldn&#8217;t be a problem for most people. </p>
<p><a href="http://www.jc-designs.net/survey.php" class="viewDemo" target="_blank">View Demo</a></p>
<p><span id="more-723"></span></p>
<h3>Installation</h3>
<p>I am going to guess that if you purchase <a href="http://survdapp.com/">Survd</a>, you will get the same thing that I did. Which is a registration code and a download link. Once you have it unzipped, you literally just upload the folder onto your server, open a web browser and type in the path to it. Once there, you fill out a small form which will include entering in the registration code you were given. It will then take you to a login screen, and you are then able to create your first survey. You really cannot get any easier than that.</p>
<div class="center">
<img src="http://jc-designs.net/newimages/blogImages/survd1.jpg" alt="Survd Dashboard" /></div>
<h3>Creating a survey</h3>
<p>The interface is straight forward. If you don&#8217;t have a survey created, you simply click on New Survey. If you do have one already made and you want to edit it, either click on the name you gave the survey, which will show up in the dashboard, or click on Edit Existing under the Survey menu. </p>
<div class="center">
<img src=" http://jc-designs.net/newimages/blogImages/survd2.jpg" alt="Survd interface" />
</div>
<p>Once you have started a new survey, you find a Properties sidebar on the right that asks you for some basic things about the form: what do you want to call it, a description, how do you want the submissions saved (CSV or XML), do you want to be notified of entries, and the notification email.</p>
<p>Creating the questions is the really good part. I found myself a couple of times saying &#8220;Self, how do I do&#8230;.oh, like that. Cool.&#8221; Making a survey is intuitive, and the really clean (and nicely styled) look helps a lot. Nothing gets in the way of what you are doing. </p>
<p>The little things really make me happy as well, like the ability to drag and drop radio button values. If you don&#8217;t like the order you created them in, simply drag the one you want repositioned to the desired spot.</p>
<h3>Installing the Survey</h3>
<p>So now that you have the survey all nice and neat, what the hell do you do with it? Good question. Under Surveys, there is an Install button for you to click, and it will give you some easy instructions to follow:</p>
<ul>
<li>Step 1: Link to the scripts</li>
<li>Step 2: Including the survey block</li>
<li>Step 3: Initialize the survey</li>
</ul>
<p>Step 1 is just adding the required scripts you need for the survey to work, one of which is jquery.  Step 2 is the block of code you need to display the survey (basically an id&#8217;d div), and step 3 is the little jQuery chunk that will attach what it needs to the div. Trust me, it is as easy as it sounds.</p>
<h3>Getting the data</h3>
<p>I thought if there was going to be something difficult about this app, it would be the reporting. I was wrong. There is a nice theme that goes on in <a href="http://survdapp.com/">Survd</a>: the buttons do what they say. Clicking on the Reports button brings you to a page that lets you select some options for viewing the data. First select the survey you want to see, and then how you want the data to be displayed (table or pie chart). Then you have a choice, click Generate Report, which will show you the data nicely displayed for you, or Download Results. Pretty self-explanatory.</p>
<p>What makes Survd great though, is the fact that a database is NOT required. No need to know or understand mySQL. This makes it easy for anyone to use, not just developers.</p>
<h3>My real thoughts on Survd</h3>
<p>I really like how simple this product is. It doesn&#8217;t set out to do anything but create surveys. There are products that try to do to much and end up being bloated or very hard to use. <a href="http://survdapp.com/">Survd</a> gets to the point, and lets you start creating surveys right away.</p>
<p>Installation is a breeze, the interface is easy to understand, and the clean look serves it well. I haven&#8217;t created a survey before, and this product made the whole process perfectly easy. Getting the survey up and running onto a page took no time at all, with easy to follow instructions. The help section in Survd is fairly well done as well, and if you have any issues at all, there is a support page on its website.</p>
<p>I really only have 2 issues with <a href="http://survdapp.com/">Survd</a>, one is the use of the word &#8220;Install&#8221; when you are done creating your survey. I was nervous hitting that button because I didn&#8217;t know what it would do. Luckily it only brings you to the instructions page on how to get the survey up and running. There has got to be a better word than that. Not sure what you could use, but I am guessing that could freak out some non-developers using it.</p>
<p>Second&#8230;and you already saw this from the demo survey I put up. There are absolutely no styles. Matt intended that, but I personally would have liked a little CSS to give it a border and some padding. I&#8217;ll go and do that myself later on (I&#8217;ll have to come up with some nice Sass mixins for it of course), but it adds a little time to get it all nice and pretty. If there were just a few basic styles, the survey is ready out of the box. This is really a nit-pick because once you do it, every form will be styled after that.</p>
<p>I think what makes Survd awesome is the price point. At the moment you can get it for $39.99 (regular price is $49.99), which is just about the amount I would pay for this app. There is no monthly fees, just the one time payment. If you create even just a few surveys in a year, the ease of use of Survd makes it a no brainer. Now that I have it, I plan on using it. Ya, I&#8217;m gonna be asking you all sorts of craziness. I 100% recommend Survd, and thanks to whoever sent the tweet to me about it.</p>
<h3>Extra credit notes</h3>
<p>I did get this to work in WordPress (3.x), but it did require three custom fields: one for survdSurvey.js, one for the specific survey javascript, and one for the function call. I&#8217;m not awesome with this stuff, so it could probably be done better, but it got the survey up. My only problem after that was a php array_push error. The survey I direct you to through the demo link is not WP though. I have been told that there is a WordPress plugin in the works to do this, so that is a very big plus on top of an already cool product.</p>
<div class="gator">
<a  href="http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=jcDesigns-" rel="nofollow"><img src="http://tracking.hostgator.com/img/Shared/468x60.gif" border=0></a></p>
<p>Coupon Code: webmachine</p>
</div>
 <img src="http://jc-designs.net/blog/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=723" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://jc-designs.net/blog/2011/01/product-review-survd-surveys-in-a-snap/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Creating your own web dev tool kit – Part III: Apps that help</title>
		<link>http://jc-designs.net/blog/2010/06/creating-your-own-web-dev-tool-kit-%e2%80%93-part-iii-apps-that-help/</link>
		<comments>http://jc-designs.net/blog/2010/06/creating-your-own-web-dev-tool-kit-%e2%80%93-part-iii-apps-that-help/#comments</comments>
		<pubDate>Fri, 25 Jun 2010 04:13:53 +0000</pubDate>
		<dc:creator>jcDesigns</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[web apps]]></category>

		<guid isPermaLink="false">http://jc-designs.net/blog/?p=370</guid>
		<description><![CDATA[Aside from the basic software that we all use to do what we do, I thought I would list some other helpful software/web apps that help me in my workflow. I won&#8217;t go over editors and such, cause there are a billion and we all have our preferences (NetBeans and Dreamweaver for me!), nor will [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.jc-designs.net/newimages/workflow.jpg" alt="Workflow applications" class="left"/>Aside from the basic software that we all use to do what we do, I thought I would list some other helpful software/web apps that help me in my workflow. I won&#8217;t go over editors and such, cause there are a billion and we all have our preferences (NetBeans and Dreamweaver for me!), nor will I go over the graphic programs (Photoshop, Fireworks, Illustrator&#8230;). I&#8217;m talking about the other, OTHER applications we use from day to day to help us along.</p>
<h3>EVERNOTE</h3>
<p><img src="http://www.jc-designs.net/newimages/evernote.jpg" alt="Evernote image" class="right"/>Let&#8217;s start with my favorite, <a href="http://www.evernote.com/">Evernote</a>. If you haven&#8217;t read my very early posts where I mentioned this bit of awesome, I suggest you download it, which you can do <a href="http://www.evernote.com/about/download/">here</a>. Think of Evernote as a place to put all the crap that you want to remember, but can&#8217;t. Your brain has limited space, you can&#8217;t be expected to know all this stuff. Which is why the gods made Evernote. You create categories, create however many notes you want, tag the notes to make searching easy (I have one for jQuery and CSS so I can find that when I need it), paste links into it. One giant organized scrap book of knowledge.</p>
<p>Its what I use for all my code snippets and links to cool stuff, and how to do things I don&#8217;t have the memory for. The best part is, besides being free, after you create an account, you can access  your Evernote notebook ANYWHERE. You can add stuff to it on your machine at work, you can go home, sync the account, and access it there. Your info is with you wherever you go. Download it. You won&#8217;t be sorry. Out of everything I use to do my job, THIS is one of the most important pieces.</p>
<p><span id="more-370"></span></p>
<h3>todoTweet</h3>
<p><img src="http://www.jc-designs.net/newimages/todo1.jpg" alt="todoTweet logo" class="left"/>I used to hate twitter. Why? Because I didn&#8217;t get it. If you use it to write about the soup you just ate, and then wonder why anyone would actually care about that, then trust me, you don&#8217;t get it. I do now though. I use it to automatically tweet a description of my blog posts. Quite awesome really. When I hit publish, this baby will go out to twitter. <a href="http://twitter.com/jcDesig">Follow me</a> and you will see. Anyhoo, <a href="http://todotweet.com/">todoTWEET</a> is going to sound kind of dumb, unless you have spent time with task manager programs/web apps. I have to write everything I need to do, or I will forget. todoTweet is the most simple thing ever. If you have a Twitter account, you are basically done with the sign up for this then. Go to <a href="http://todotweet.com/">their site</a>, click sign in, enter your Twitter login, and boom, you are at a page that looks like the graphic below.</p>
<p><img src="http://www.jc-designs.net/newimages/todo2.jpg" alt="todoTweet image" class="right"/>It is a your very own FREE to do list. Whatever you use to tweet (I use Firefox&#8217;s Echofon plugin), type #todo and whatever your to do thing is. It will then show up on the todoTweet page with a grey check mark. When you are done, click the check mark, which makes it turn green, and it shows it as done. If you refresh your screen, everything that is done will be removed. This comes in handy when you have a ton of things to do on a particular project.</p>
<h3>Spoon</h3>
<p><img src="http://www.jc-designs.net/newimages/spoon.jpg" alt="Spoon screenshot" class="right"/>How many of you use IETester to test your sites in Internet Explorer? I used to. But what about Safari, Chrome and Opera? Well my friends, here is the number two on the important list for me. It is a Firefox plugin that will open up IE 6-8, FF 2-3.5, Safari 3-4, Chrome, and Opera 9-10. You don&#8217;t have to download each browser. It is all done through the plugin. <a href="http://spoon.net/Browsers/">Spoon</a> is awesome, that is all I have to say. Get it. NOW!</p>
<h3 style="clear: both">Dropbox</h3>
<p><img src="http://www.jc-designs.net/newimages/dropbox.jpg" alt="Dropbox logo" class="left" />Hate carrying around a usb stick? Ya, me too. Wouldn&#8217;t it be great if you could somehow create a file at home, and then put it in a folder that you can access at work? Well, then look no further, cause that is what Dropbox does. Download it <a href="https://www.dropbox.com/install">here</a>. It is free, but the you only get like 2 gigs with the free account. Which should be more than plenty. All you have to do is create an account, and you are good to go.</p>
<p>Whew, that is a lot of cool stuff I just listed. How about one more just for grins? This really isn&#8217;t anything to help you with your web development process, but how would you like an instant messenger on your site in a matter of seconds?</p>
<h3>Nurph</h3>
<p><img src="http://www.jc-designs.net/newimages/nurph.jpg" alt="Nurph logo" class="right" /><a href="http://nur.ph/">Nur.ph</a> is in beta right now, but it is stupid cool. Not a lot to tell you. Just click the link and go. It will take you 2 seconds to figure it out. I&#8217;m considering using it here.</p>
<p>Ok, I&#8217;ve given you some things to go and look at and use. What have you got to give me? Let me know what apps and stuff you are using to help you in your workflow.</p>
<div class="gator">
<a  href="http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=jcDesigns-"><img src="http://tracking.hostgator.com/img/Shared/468x60.gif" border=0></a></p>
<p>Coupon Code: webmachine</p>
</div>
<div class="jBox">
<h2 class="jq">jQuery junkBox</h2>
<p><strong>.queue();</strong><br />
This method will manipulate the queue of functions to be executed on the matched elements. Below&#8217;s example runs a series of fx sequentionally, putting what is in the queue into the fx chain. Without the dequeue() method, the chain of fx would stop.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;color: #439AD0; font-weight: bold;">$<span style="color: #009900;color: #439AD0;">&#40;</span><span style="color: #3366CC;color: #439AD0;">'.clickable'</span><span style="color: #009900;color: #439AD0;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;color: #439AD0;">&#40;</span><span style="color: #003366; font-weight: bold;color: #439AD0;">function</span><span style="color: #009900;color: #439AD0;">&#40;</span><span style="color: #009900;color: #439AD0;">&#41;</span> <span style="color: #009900;color: #439AD0;">&#123;</span>
    $<span style="color: #009900;color: #439AD0;">&#40;</span><span style="color: #3366CC;color: #439AD0;">'#containerDiv'</span><span style="color: #009900;color: #439AD0;">&#41;</span>.<span style="color: #660066;">fadeIn</span><span style="color: #009900;color: #439AD0;">&#40;</span><span style="color: #CC0000;color: #439AD0;">500</span><span style="color: #009900;color: #439AD0;">&#41;</span>.<span style="color: #660066;">animate</span><span style="color: #009900;color: #439AD0;">&#40;</span><span style="color: #009900;color: #439AD0;">&#123;</span><span style="color: #3366CC;color: #439AD0;">'left'</span> <span style="color: #339933;color: #439AD0;">:</span> <span style="color: #CC0000;color: #439AD0;">50</span><span style="color: #009900;color: #439AD0;">&#125;</span><span style="color: #009900;color: #439AD0;">&#41;</span>
        .<span style="color: #660066;">queue</span><span style="color: #009900;color: #439AD0;">&#40;</span><span style="color: #003366; font-weight: bold;color: #439AD0;">function</span><span style="color: #009900;color: #439AD0;">&#40;</span><span style="color: #009900;color: #439AD0;">&#41;</span> <span style="color: #009900;color: #439AD0;">&#123;</span>
            $<span style="color: #009900;color: #439AD0;">&#40;</span><span style="color: #000066; font-weight: bold;color: #439AD0;">this</span><span style="color: #009900;color: #439AD0;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;color: #439AD0;">&#40;</span><span style="color: #3366CC;color: #439AD0;">'backgroundColor'</span><span style="color: #339933;color: #439AD0;">,</span> <span style="color: #3366CC;color: #439AD0;">'#f00'</span><span style="color: #009900;color: #439AD0;">&#41;</span>.<span style="color: #660066;">dequeue</span><span style="color: #009900;color: #439AD0;">&#40;</span><span style="color: #009900;color: #439AD0;">&#41;</span><span style="color: #339933;color: #439AD0;">;</span>
        <span style="color: #009900;color: #439AD0;">&#125;</span><span style="color: #009900;color: #439AD0;">&#41;</span>.<span style="color: #660066;">slideUp</span><span style="color: #009900;color: #439AD0;">&#40;</span><span style="color: #3366CC;color: #439AD0;">'slow'</span><span style="color: #009900;color: #439AD0;">&#41;</span><span style="color: #339933;color: #439AD0;">;</span>
<span style="color: #009900;color: #439AD0;">&#125;</span><span style="color: #009900;color: #439AD0;">&#41;</span><span style="color: #339933;color: #439AD0;">;</span></pre></div></div>

</div>
 <img src="http://jc-designs.net/blog/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=370" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://jc-designs.net/blog/2010/06/creating-your-own-web-dev-tool-kit-%e2%80%93-part-iii-apps-that-help/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

