Musings on Web Technologies, with a dab of Sports and Science. My Web site: Neonguru Follow me on
Don't wanna be here? Send us removal request.
Text
How to find RV Parks
For RVers looking to research RV Parks or Campsites to visit, there is a new website that is great for that at FindRVParks.com. I use it’s RV specific Google maps feature a lot to narrow down the RV Parks I research to those in the general area I want to visit.
Then I use the filter feature to filter out sites I don’t want by filtering on rating, has 50amp service, has wifi, has sewer, allows pets, etc. There are a bunch of different filters you can apply.
After I have narrowed down the sites I want to research, I just click on them on the map and it brings up an info page with contact info, Website and amenities, as well as tab links to reviews, photos, videos and weather report for that RV Park or Campground. Along with these pages is a close up overhead satellite view you can access by clicking on ‘Locate on Map’. I use that to see if there are any good places or trails to walk our dogs in the area.
These features give me all the info I need to make a good decision on which park to stay at. I highly recommend FindRVParks.com.
0 notes
Text
Four Diet Rules
Four Diet Rules:
Plants
Eat
Discipline
Patience
Plants: Emphasize plants in your diet.
Eat: Don't miss any meals, even eat more meals per day if possible. Eat a balance of nutrients, but don't over-emphasize this.
Discipline: measurement, diligence, incremental changes - do I really need to explain this? It will become a habit, and no longer require discipline.
Patience: This is not a quick fix, it is a way of life.
0 notes
Text
Why I switched from Google Search to DuckDuckGo
The main reason I switched from Google Search to DuckDuckGo is because of their !bang syntax. I use the Chrome browser, and with DuckDuckGo as the default search engine, I can bring up searches on ANY website that has search capability directly from the omnibox. Just add a bang syntax after the search term and DuckDuckGo will forward my search to that website. Here are a few that I use regularly:
!g Google Search
!b Bing Search
!w Wikipedia Search
!d Dictionary Search
!t Thesaurus Search
!clseattle CraigsList Seattle Search
!a Amazon Search
!eb eBay Search
!mc MetaCritic Search
!i Google Images Search
!gweek Google Search this week
!gs Google Shopping Search
!gh Github Search
!so Stack Overflow Search
!scala Scala Language Search
This list goes on and on and on and on...
And you can add your own custom bang syntax for the rare search that is not already supported. Or if you want to add custom search options.
Plus, unlike Google and others, DuckDuckGo doesn't do any tracking. As you can see from my personal list above, I still use Google Search a lot. But now I have plenty of options - directly from the omnibox.
PS The omnibox is near the top of the Chrome browser where the webpage URL is displayed. Just below the tabs.
0 notes
Text
Javascript solution for the Github tree slider
Want to know how neonguru.net does the dynamic page transitions? Here's a post I put on stackoverflow answering how they do it on Github:
I looked through their source code and they are NOT using CSS3 or a plugin. It uses jquery animate. And the code snippets they give on the Github blog are a good start, but the popstate handler is misleading. Try this instead:
$(window).bind('popstate', function (e) { if (e.originalEvent.state && e.originalEvent.state.path) { $.get(e.originalEvent.state.path, function(data) { $('#slider').slideTo(data); }); return false; } return true; }
The actual sliding uses more tricks:
set #slider overflow: hidden
get the width of the section to animate.
create a transfer div twice this width (transfer).
copy the contents of the original div to a temp div (current).
put the new contents in another temp div (next).
put current and next side by side into transfer.
remove content from original div and put new transfer div in (should look the same).
animate transfer div - new look complete.
replace original div contents with new data (looks the same as previous step).
Here's slide left:
$.fn.slideTo = function(data) { var width = parseInt($('#slider').css('width')); var transfer = $('<div class="transfer"></div>').css({ 'width': (2 * width) + 'px' }); var current = $('<div class="current"></div>').css({ 'width': width + 'px', 'left': '0', 'float': 'left' }).html($('#slider').html()); var next = $('<div class="next"></div>').css({ 'width': width + 'px', 'left': width + 'px', 'float': 'left' }).html(data); transfer.append(current).append(next); $('#slider').html('').append(transfer); transfer.animate({ 'margin-left': '-' + width + 'px' }, 300, function () { $('#slider').html(data); }); }
And here's a working example: Slider example. Click on the menu with a browser that supports history. I started to use CSS3, but detecting when the transition/transform is complete is easier with the jquery animate callback.
0 notes
Text
Switching from Outlook 2007 to Thunderbird 8 and Lightning
I’ve been having problems with Outlook 2007 locking up lately. And it wouldn’t connect to my work exchange server for some reason, even though my phone had no problems doing so. And it’s not as friendly about syncing with other apps through caldav and such. So I decided to give the latest Mozilla Thunderbird with Lightning a chance. Turns out it works great and handles all my email accounts just fine. It can even 2-way sync with my google calendar and Remember the Milk Tasks. And if you add the Google contacts extension, you can do stuff like auto tag groups in your gmail address book and easily filter for them. The only hiccup I had was accessing my work exchange account. There is an exchange plugin but it didn’t work. so I installed the DavMail gateway and it works fine. So if you’re looking to upgrade your existing email client, try out Thunderbird. It’s particularly useful if you want to see different accounts in one app. Then add the lightning plug-in to get great calendar support as well.
0 notes
Photo

Meet Yohann Gène, the First Black Cyclist Ever in the Tour de France
0 notes
Text
Samsung Charge YouTube video won't play solution
I had this problem on my Samsung Charge where YouTube videos would play and I could hear it, but the video was blank. At first I just rebooted and it would then work fine, but I kept having to do this. So I did a search through some forums to see if anyone had found a way to fix it. Most just said to reboot, but that is a hassle that I kept having to do over and over again. But then I found somebody who said they uninstalled the twitter app and it worked fine. So I tried it and that did the trick for me. I use TweetDeck anyway on my android phone so no biggie. Problem solved! Still, what the hell could twitter be doing that would make videos not show?
0 notes
Photo

Tylar Farrar honors Wouter Weylandt in his Tour de France stage 3 win
0 notes
Text
Iphone or Android?
I decided a couple months ago that I was going to finally take the plunge and get a smart phone. I used them a long time ago when I worked at Microsoft on their Windows CE device. But it was big and didn't have a lot of features that I cared about back then, so never bought one. Then the popularity of the iPhone caught my attention. But since I have a computer everywhere I go, I figured I didn't really need one. But more recently, the GPS enabled applications started getting press, android started getting popular, friends started getting them, and I noticed people were making money on apps so I decided I needed one.
But which platform should I choose? At first I thought that since I use a lot of Google products, I should go with Android. But iPhone gets high ratings, is more mature, has more apps and I know more people that have them. I heard that iPhone is tied to iTunes so I downloaded iTunes and gave it a spin. Unfortunately it couldn't play most of my music since I have mostly wma format music. That reminded me of the reasons I like Windows, you can find software to run anything on it for a lower cost. And I expect Android to be more like Windows.
So after all my reading and testing I came up with the following criteria for people to make their own decision:
Choose the iPhone if:
you like apple
you like macs
you like itunes
you don't use computer's much
you just want simplicity
you don't mind spending a little more
Choose the Android if:
you like windows
you like google
you like gmail
you like flash
you like widgets
you like to customize things
you want speed (4G only on android right now)
I compared a lot of other criteria, screen size, resolution, battery life, etc. But the above criteria I think are the most important. I got Verizon's Samsung Charge Android and it's great, but I'll bet I would have liked the iPhone as well.
0 notes
Text
Mobilize your site
Want to make your site look good on mobile devices, but still look good on all browsers? Media Queries are your friend. It's really not that hard and you can serve the same data to all page requests. You just modify your css to target different page widths. You can see how it works by changing the width of your browser on the neonenigma.com (moved to neonguru.net) website.
The first thing I did was change the doctype to html5:
<!doctype html>
Pretty simple and seems to work in all browsers. I also added a viewport meta tag for mobile devices:
<meta name="viewport" content="width=device-width; initial-scale=1.0">
Then I looked at the site and modified the css as I changed the width of the browser. I use the chrome browser mostly but it should work in any of the latest browsers. I noticed that Firefox has a minimum that it will shrink to though. The key to modifying your css is to create sections for certain widths:
@media screen and (min-width: 970px) { //css to override for wide widths }
I created the wide width css first, then looked to see how the page transitioned as I shrank the browser width. The end goal is to make the default css at the top apply to most browsers, then a section for minimum width and mobile devices:
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) { //css for mobile and widths less than 600 }
Then override that with incrementally larger widths further down in the css. For my page, I have the default section, then sections for mobile and less than 600, 840, 845, and 970 pixels.
As I shrink or grow the browser width, I tried to make it fairly seamless in the transitions. So your min-width settings will vary depending on the width of the contents. You also want to make prodigious use of percentage widths. 100% is your friend here. Then, as the browser shrinks, your images and divs will resize to a percentage of the available width.
For older browsers (IE!), you can use css3-mediaqueries javascript to use these techniques. That's it! Check out neonenigma.com (moved to neonguru.net) source and css for just how easy this is!
0 notes
Text
Steps to run Google AppEngine with Django in Windows
Update: this post was written when the Google app engine didn't have native django template support. Now it's much easier. See the vogella.de app engine tutorial for current info.
This post outlines the steps necessary to setup google's app engine and the following contributing software to start developing applications on windows. First you need the Google App Engine to see what versions of other software will be necessary:
Google App Engine:
http://code.google.com/appengine/
Currently, Google App Engine requires Python:
http://python.org Current best version required by App Engine is 2.5.4 (not the latest!) found here:
http://python.org/download/releases/
To also use Django it is best to use the Google App Engine Helper for Django:
http://code.google.com/p/google-app-engine-django/ Current best version (latest) is r90 found here: http://code.google.com/p/google-app-engine-django/downloads/list
Then you'll need Django:
http://www.djangoproject.com Current best version required by Google App Engine Helper for Django is v1.0.3 (not the latest!) found here: http://www.djangoproject.com/download/
For development I tried PythonWin, IDLE, Komodo, Wing, Eric, and Pydev. Pydev is the best in my opinion. If you don't really like eclipse, then Wing would be my second choice.
To use PyDev plugin for eclipse, follow the installation instructions at:
http://pydev.org/manual_101_root.html
Main points of the pydev instructions are:
Download and unzip eclipse 3.5, classic is good enough or get the Java Developers version to start: http://www.eclipse.org/downloads/ Use the "Install new software" option under the help menu of eclipse. Click the Add button and enter the following in the location textbox and click ok to get Pydev: http://pydev.org/updates
Once Pydev is setup, create a new project of type: Pydev Google App Engine Project. Add the files from Google App Engine Helper for Django Modify to suit using the following as a guideline:
http://code.google.com/appengine/articles/appengine_helper_for_django.html
Main point is to create a django.zip file in the root of your project. Create a run configuration for PyDev Google App Run
Copy the path to the google dev_appserver.py file as the Main Module, my machine looks like this:
c:\Program Files (x86)\Google\google_appengine\dev_appserver.py
Under the arguments tab in the Run Configurations dialog, set to:
${workspace_loc:AppName/src}
Replace AppName with your eclipse application name and src is the path to your main.py module.
You should now be able to run and debug your application from here.
0 notes
Text
Another site: entropykiller.com released
I just released another website at http://www.entropykiller.com. That site uses Google App Engine, Python and Django to achieve similar results to those at http://neonenigma.com (moved to neonguru.net) which uses ASP.net MVC. Although I tried a number of different combinations to producing entropykiller.com, it turns out that using Google App Engine Helper for Django was the most intuitive to use in conjunction with Pydev on Eclipse for development. More on how I set this up in another post. Both sites use jQuery for client side scripting. At this point I will give a slight nod in preference to using Python over .net to develop a site, while .net has the more favorable visual studio development environment.
0 notes
Text
neonenigma.com released
I just released an ASP.net MVC application to my website located at http://neonenigma.com (moved to http://neonguru.net). In addition to MVC it uses jQuery and Silverlight to produce dynamic content. For instance, on the Web Dev tab I put a link that goes to a page that mirrors all tabs on the site using a single dynamic jQuery page. No http get is required to change tabs. See the All (gone now) link. I have also aggregated the contents of a couple of blogs. The Blog tab comes from http://neonguru.tumblr.com and the Humor tab contents come from http://neonguru.blogger.com. The main page has an animation that uses either jQuery or Silverlight depending on your browser. This site will be used for future web testing of these and other web technologies..
1 note
·
View note
Photo

North Bend, WA native Thomas Peterson wins Stage 2 of the Tour of California (Armstrong 4th overall with 4 stages to go)
1 note
·
View note