<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- generator="FeedCreator 1.7.2" -->
<rss version="2.0">
    <channel>
        <title>Bug Lab</title>
        <description><![CDATA[Bug Lab articles]]></description>
        <link>http://www.buglogic.com</link>
        <lastBuildDate>Sat, 15 Feb 2014 14:45:50</lastBuildDate>
        <generator>FeedCreator 1.7.2</generator>
        <item>
            <title>Sublime Text to DreamWeaver</title>
            <link>http://www.buglogic.com/?section=news&amp;article=29</link>
            <description><![CDATA[<p>
	For web coding citizens who&#39;ve decided that paying Adobe <a href="http://www.adobe.com/products/dreamweaver.html" target="_blank">$20 American Pesos every MONTH for Dreamweaver</a> is a non-starter and have instead decided to pay (or not pay as the case may be) a one-time $70 license for <a href="http://www.sublimetext.com/" target="_blank">Sublime Text</a>, I&#39;m right there with you.<br />
	<strong><br />
	My ONLY problem switching to Sublime</strong> after coding in Dreamweaver for many years, was disappointment in the color mark-ups of all of the available schemes I browsed through. Most notably missing for me was a different color for my input / form lines.<br />
	<br />
	Below is a typical&nbsp; white background color scheme I picked at random.<br />
	<br />
	Note where the form starts and that the inputs are the same color as any other common element (such as a div or whatever). This is not good, especially if you are like me and write a lot of forms. I&#39;m also not thrilled with the look of my PHP mark-up (in this random pick), but other color schemes do handle PHP better, just not input elements that I need to see quickly.<br />
	<br />
	<br />
	</p>
<br><br><p>
	<br />
</p>
<br><br><p>
	The solution is <a href="https://github.com/mghweb/mghDreamweaver" target="_blank">mghDreamweaver</a> linked to <a href="https://github.com/mghweb/mghDreamweaver" target="_blank">here at GitHub</a>, written by <a href="http://maxhegler.com" target="_blank">Max Hegler</a>.</p>
<br><br><p>
	<br />
	The only downside is that this is not available through the excellent <a href="https://sublime.wbond.net/" target="_blank">Package Control</a> from the spooky brain of <a href="http://wbond.net/" target="_blank">Will Bond</a>. That said, there is a good reason for this ... and that is the improved (amending that to <strong>vastly</strong> improved) HTML.tmLanguage file that Max has so brilliantly written. You must follow his instructions and replace the current HTML.tmLanguage file with his. This is the only path to Sublime happiness.<br />
	<br />
	<strong>Close out of Sublime before following the instructions from Max.</strong><br />
	<br />
	In his instructions, Max asks you to change the name of the default HTML.tmLanguage file to HTML_original.tmLanguage.<br />
	<br />
	I found that Sublime didn&#39;t take to this very well, for one reason or another. I created a new folder within packages/HTML and moved the current one into that new directory. I suggest you do the same. After doing so, paste Max&#39;s super excellent HTML.tmLanguage file into the packages/HTML folder.<br />
	<br />
	This way, if you ever want to go back to the inferior default file, you will have it available.<br />
	<br />
	Max doesn&#39;t direct you to where this is on Windows 8, so here&#39;s that:<br />
	</p>
<br><br><p>
	<br />
	</p>
<br><br><p>
	<br />
	<br />
	For other operating systems,<a href="https://github.com/mghweb/mghDreamweaver" target="_blank"> follow the instructions</a> from Max. They work.<br />
	<strong><br />
	You are done and can launch Sumbline Text again at this point</strong><br />
	<br />
	On launch of Sublime, choose view / syntax / HTML<br />
	<br />
	Then choose Preferences / Color Scheme / mghDreamweaver<br />
	<br />
	Happiness should be immediate at this point!<br />
	<br />
	Check out the display difference with the same admittedly questionable code! BooYah!<br />
	<br />
	<br />
	</p>
<br><br><p>
	<br />
	<br />
	</p>
<br><br><p>
	<span class="css-truncate css-truncate-target">Note how Max has brought out your input tags and his PHP mark-up stands out as you would expect it! Open up Hegler&#39;s HTML.tmLanguage file and compare it to the original to see how he has made your life better. I don&#39;t even know the guy, but I wanna buy him a <a href="http://www.buglogic.com/lab.php?section=news&amp;article=20" target="_blank">Kolsh</a> at bare minimum.<br />
	<br />
	---------------------------<br />
	<strong><br />
	Last note on Sublime</strong>: </span><span class="css-truncate css-truncate-target">I paid the $70 for a license myself, and anyone who doesn&#39;t decide to pay can just deal with the lifelong guilt of not supporting the super cool people who wrote this <a href="http://www.sublimetext.com/" target="_blank">amazing program</a>.<br />
	<br />
	<strong>Actually the last note</strong>: For anyone reading this, if I have screwed up any of the instructions please make a comment on this article so I can correct it for others who might stumbled in here. The internets are full of bad information and I&#39;d prefer this not be part of that miserable problem.<br />
	<br />
	</span> </p>
<br><br>]]></description>
            <pubDate>Sat, 15 Feb 2014 02:29:51</pubDate>
        </item>
        <item>
            <title>Correct Cole Slaw</title>
            <link>http://www.buglogic.com/?section=news&amp;article=28</link>
            <description><![CDATA[<p>
	A great many recipes for Southern Cole Slaw can be found on the intertubes. If you happen to be reading this one, then you have arrived at the one that is actually correct. Before the reveal, there are a few important points regarding cole slaw that need to be understood and put to memory.<br />
	<br />
	<strong>1.</strong> Cole slaw is never to be eaten as a side dish<br />
	<strong>2.</strong> Cole slaw is placed on top of either a hot dog or bar bq<br />
	<strong>3.</strong> Cole slaw is never to be co-mingled with ketchup<br />
	<br />
	There are a few more obvious points that may as well be stated. Cole slaw contains mayonnaise. Anyone trying to pass off cole slaw that does not contain mayonnaise should be reported to the Bureau of Balogny and there-after avoided. To put a finer point on it, cole slaw contains <a href="http://www.dukesmayo.com/" target="_blank">Duke&#39;s Mayonnaise</a>. If you can not purchase Duke&#39;s Mayonnaise where you live then abandoning all hope is probably your best option. Either that, or moving to somewhere that has Duke&#39;s Mayonnaise.<br />
	<br />
	--------------------------------<br />
	<strong>The following is 100% correct</strong><br />
	<br />
	What you need:<br />
	<br />
	One Cabbage<br />
	One smallish carrot<br />
	1/4 cup of sugar<br />
	1 teaspoon of salt<br />
	1/2 cup of Duke&#39;s Mayonnaise<br />
	1/4 cup of whole miilk<br />
	1/4 cup of butter milk<br />
	1 1/2 tablespoons of white vinegar<br />
	2 1/2 tablespoons of lemon juice<br />
	<br />
	--------------------------------<br />
	<br />
	<strong>What to do exactly:</strong><br />
	<br />
	Take everything that is not a carrot or a cabbage and mix them up. These ingredients need to get to know each other so they are going to sit there for a while. Stir them every so often so that they really get friendly. Do not try and rush this.<br />
	<br />
	While the dressing is sitting there, chop up the cabbage into the smallest pieces you can. This will take a while. Keep chopping. If you think the cabbage is chopped enough, keep chopping. It will resemble a fine relish when correct.<br />
	<br />
	Grate the carrot and throw that in with the cabbage.<br />
	<br />
	Mix up everything and put it in the refridgerator for at LEAST two hours. There are important things happening in the refridgerator now and this can not be hurried. Give the slaw a stir every so often and return it to the fridge.<br />
	<br />
	--------------------------------<br />
	<br />
	Happiness on hot dogs or bar bg may now commence.<br />
	<br />
	If placed on hot dogs, yellow mustard may be applied liberally to the dog before placing the slaw.<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	</p>
<br><br>]]></description>
            <pubDate>Tue, 29 May 2012 20:01:03</pubDate>
        </item>
        <item>
            <title>Regarding Pinto Beans</title>
            <link>http://www.buglogic.com/?section=news&amp;article=27</link>
            <description><![CDATA[<p>
	If beans went to high school, the Black Bean would be the captain of the football team and the head cheer-leader these days. The Black Bean would swagger down the hall, full of self importance, surrounded by a crew of swarmy hangers on, not realizing that within a few years, high school will be over and being cool won&#39;t amount to, well, a hill of beans.<br />
	<br />
	When we&#39;ve all exhausted our youthful infatuation with the bland and dim-witted Black Bean, we&#39;ll eventually realize that the ones we ignored on the bus are actually starting to run the world. The Pinto Bean, who sat quietly through classes adjusting their glasses and not minding their mismatched socks will emerge as a natural leader of beans. The Black Bean, by this time, will still be wearing their letter jacket and telling stories about how they were so sexy and charismatic back in the day, but we&#39;ll have all moved on.<br />
	<br />
	</p>
<ul>
	<li>
		One pound of dried pinto beans</li>
	<li>
		5 cups or so of low sodium chicken stock</li>
	<li>
		One big white onion</li>
	<li>
		Some minced garlic</li>
	<li>
		A few jalape&ntilde;o peppers</li>
	<li>
		A pinch or two of cumin</li>
	<li>
		Some hot water</li>
</ul>
<p>
	<br />
	<strong>Let&#39;s get started.</strong> Put that chicken stock in a pot, and start heating it up over high heat. Chop up the onion nice and fine and do the same to the jalape&ntilde;o peppers once you deftly scrape out the seeds with a spoon. Once all chopped up real fine, dump them in the chicken broth, which is getting hot by now. Put some minced garlic in there and that dash of cumin powder. Rinse off the dried Pintos in a colander and dump them in the pot. Sit back and bring that to a boil. The whole thing should be just barely covered with liquid. If it&#39;s not, add some water or more chicken broth until they are just barely covered. Once we get a boil, turn it way down to a simmer. For the purposes of getting your simmer right, we want to see a nice even bubble around the edges of the pot.<br />
	<br />
	<strong>Okay, relax.</strong> Go watch the MLB Network or kick back with that Ken Bruen novel you&#39;re reading right now. We&#39;re going to let that simmer, with the lid slightly askew, for about two hours. Check it from time-to-time. Give it a stir every so often and add hot water as needed to keep them covered. After a couple of hours, give them a taste. Keep cooking them on low until they are to your personal liking.<br />
	<br />
	<strong>Happiness happens.</strong><br />
	<br />
	<strong>Here&#39;s a fine suggestion</strong>. Set aside a serving or two of your remarkable Pinto Beans in a smaller sauce pot, set to low heat. Chop up a few slices of green pepper and add them. Add a healthy dash of Tapat&iacute;o hot sauce. Use a masher of some sort to get those beans into a mashed-up state. Let them cook on low, stirring and mashing them often, until most of the liquid is cooked off. What you have here is essentially re-fried beans. So, throw a couple of corn tortillas in an oiled skillet and heat them up until you can smell the corn. Spread your pinto-mash on a tortilla, grate some sharp cheddar cheese (aged at least one year please) on there and wonder why you haven&#39;t been eating this all your life.<br />
	<br />
	<br />
	</p>
<br><br>]]></description>
            <pubDate>Sun, 08 Apr 2012 19:44:44</pubDate>
        </item>
        <item>
            <title>Water Footprint Calculator for NatGeo</title>
            <link>http://www.buglogic.com/?section=news&amp;article=25</link>
            <description><![CDATA[<p>
	One of the more challanging projects we&#39;ve ever taken on, <a href="http://environment.nationalgeographic.com/environment/freshwater/water-footprint-calculator/" target="_blank">The Water Footprint Calculator for National Geographic</a> took us about one month to complete start to finish. There are hundreds of drawings involved and hundreds upon hundreds of lines of javascript that run the show.<br />
	<br />
	The data was provided to us by NatGeo, so fortunately we didn&#39;t have to do all the research for this as well. It was a huge project, but you can take <a href="http://environment.nationalgeographic.com/environment/freshwater/water-footprint-calculator/">the survey</a> in less than two minutes. We sort of felt like the cooks who spend weeks preparing a Thanksgiving dinner that will be gobbled up in three minutes!<br />
	<br />
	The entire thing is written in javascript. It&#39;s wild!<br />
	<br />
	Below are some screen shots.<br />
	<br />
</p>
<br><br><p>
	<br />
	</p>
<br><br><p>
	<br />
</p>
<br><br><p>
	<br />
	</p>
<br><br><p>
	<br />
	</p>
<br><br>]]></description>
            <pubDate>Thu, 05 Aug 2010 18:58:09</pubDate>
        </item>
        <item>
            <title>Space Junk Quiz for NatGeo</title>
            <link>http://www.buglogic.com/?section=news&amp;article=24</link>
            <description><![CDATA[<p>
	The good people at National Geographic apparently thought we did such a bang-up job on our <a href="../natgeo">first interactive quiz for them</a>, that they gave us another assignment. <a href="http://ngm.nationalgeographic.com/big-idea/12/space-trash-quiz" target="_blank">This one</a> is based on your knowledge of Space Junk.<br />
	<br />
	As we did on the first assignment with NatGeo, the entire quiz is written in javascript. Indeed, a much faster and eaiser way to go than producing this the way we used to do using Flash.<br />
	<br />
</p>
<br><br><p>
	One of the things that Nat Geo is trying to accomplish here is to encourage people to post their scores to Facebook. We&#39;ve written all of this into the script - so if you <a href="http://ngm.nationalgeographic.com/big-idea/12/space-trash-quiz" target="_blank">take the quiz</a>, make sure to check out our nifty bit of code that pushes your result to the Facebok Connect application.<br />
	<br />
	No sooner had we finished this, than Nat Geo was on the horn again for another one! Woo Hoo! The one we are working on now is much more complex, with a hefty supply of animation and interactive elements. It will go live in July, 2010 and the summary will get posted here in the bug lab.<br />
	<br />
	<br />
	<br />
</p>
<br><br>]]></description>
            <pubDate>Sat, 19 Jun 2010 14:15:26</pubDate>
        </item>
        <item>
            <title>National Geographic Interactive</title>
            <link>http://www.buglogic.com/?section=news&amp;article=23</link>
            <description><![CDATA[<p>
	Got sleep? National Geographic gave us the call recently to program an online survey based on just that question. One week deadline!<br />
	<br />
	<strong>What NatGeo wanted</strong>: Ten illustrated questions. Four possible answers for each question. Four final results based on how the ten questions were answered. Finally, choose one of four faces that you post to Facebook.<br />
	<br />
	<a href="http://ngm.nationalgeographic.com/2010/05/sleep/quiz/sleep" target="_blank">Here&#39;s a link to the final result</a>.<br />
	<br />
	For this assignment, I had to pull out some dusty illustration skills (such as they are), which I hadn&#39;t put to use in nearly nine years. While struggling with the doodles for this interactive, it occured to me that what I&#39;d really like to be doing to is collaborating with an illustrator to make this project really pop. It&#39;s something to think about for the next interactive we&#39;re asked to do. Cool javascript written right here, illustrations from <a href="http://illoz.com" target="_blank">somebody</a> that really makes the final project solid.<br />
	</p>
<br><br><p>
	<strong>Details for Dorks</strong><br />
	<br />
	In the past, we did interactives such as this exclusively in Flash. For this one, we programmed the entire interactive in javascript and for certain, this will be the way we handle these sorts of projects going forward. It was faster to deploy, and at the end of the day, it looks better than having to reply on a Flash player. Not only that, it runs on hand-held devices, which Flash currently can not.<br />
	<br />
	Getting our final code delivered to the National Geographic server provided an interesting look under the hood of this major site, which <a href="http://www.mediaweek.com/mw/content_display/news/digital-downloads/broadband/e3if745772b249372dd6cf30d879232146d?pn=1" target="_blank">AdWeek recently named as website of the year</a>. We were provided with access to the NatGeo CMS (content management system), which allowed us to simply paste our full code straight into and text field, save and then view. Having designed and delivered CMS system for the last nine years or so, it wasn&#39;t exactly the most intuative or elegant interface, but at the end of the day, it worked and that&#39;s all that really matters, one supposes...<br />
	<br />
	<br />
	<br />
</p>
<br><br>]]></description>
            <pubDate>Tue, 20 Apr 2010 16:14:14</pubDate>
        </item>
    </channel>
</rss>
