<?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>Jacken&#039;s Blog &#187; web</title> <atom:link href="http://www.jackenhack.com/archives/category/web/feed/" rel="self" type="application/rss+xml" /><link>http://www.jackenhack.com</link> <description></description> <lastBuildDate>Wed, 08 Feb 2012 01:24:56 +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>Use ifttt to automate your online tasks</title><link>http://www.jackenhack.com/archives/2012/01/24/use-ifttt-to-automate-your-online-tasks/</link> <comments>http://www.jackenhack.com/archives/2012/01/24/use-ifttt-to-automate-your-online-tasks/#comments</comments> <pubDate>Tue, 24 Jan 2012 08:23:41 +0000</pubDate> <dc:creator>Jacken</dc:creator> <category><![CDATA[Internet]]></category> <category><![CDATA[web]]></category><guid isPermaLink="false">http://www.jackenhack.com/?p=1690</guid> <description><![CDATA[Automating my internet life with ifttt. if this then that ifttt is a free internet service for automating a lot of stuff you do online. There’s often things that you do repeatedly, and ifttt is there to help. For example, &#8230; <a href="http://www.jackenhack.com/archives/2012/01/24/use-ifttt-to-automate-your-online-tasks/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<h2 id="automatingmyinternetlifewithifttt.ifthisthenthat">Automating my internet life with ifttt. if this then that</h2><p><img class="aligncenter size-full wp-image-1691" title="ifttt" src="http://d5pq9f79aiox0.cloudfront.net/wp-content/uploads/2012/01/ifttt.jpg" alt="if this then that" width="600" height="366" /></p><p><a href="http://ifttt.com">ifttt</a> is a free internet service for automating a lot of stuff you do online. There’s often things that you do repeatedly, and <a href="http://ifttt.com">ifttt</a> is there to help. For example, when you write a new blog post, you want to post a link to Twitter and Facebook, and this is something that’s perfect for <a href="http://ifttt.com">ifttt</a> to do automatically. <span id="more-1690"></span></p><p>To get started, just sign up to the free service. Then you have to add the channels; Facebook, twitter, Dropbox, Youtube and other services you would use.</p><p>Currently these channels are available, with new ones added quite often.<h2 id="channels">Channels</h2><ul><li>Boxcar</li><li>Bufferapp</li><li>Craigslist</li><li>Date &amp; Time</li><li>Delicious</li><li>Diigo</li><li>Dropbox</li><li>Email</li><li>Evernote</li><li>Facebook</li><li>RSS Feed</li><li>ffffound!</li><li>Flickr</li><li>Foursquare</li><li>Gmail</li><li>Google Calendar</li><li>Google Reader</li><li>Google Talk</li><li>ifttt</li><li>Instagram</li><li>Instapaper</li><li>Last.fm</li><li>LinkedIn</li><li>Phone Call</li><li>Pinboard</li><li>Posterous</li><li>Read It Later</li><li>Readability</li><li>SMS</li><li>SoundCloud</li><li>Stocks</li><li>Tumblr</li><li>Twitter</li><li>Vimeo</li><li>Weather</li><li>WordPress</li><li>YouTube</li><li>Zootools</li></ul><h2 id="receipts">Receipts</h2> There is receipts for Tasks that other users have done that you can add to your workflow. So you don’t even have to know how to set up a Task. Just pick one already made by someone else.<h2 id="makeyourowntasks">Make your own Tasks</h2> It’s really easy to make your own Tasks. Let’s make a task that automatically saves any tagged pictures of you on Facebook. Here’s the steps you need. 1. Choose Facebook as your trigger channel. 2. Select “You are tagged in an image” 3. Choose a action channel. In this case Dropbox. 4. Add file from URL 5. Select where you want to save your pictures in Dropbox. 6. Finished! Now every time someone tags you in a picture, a copy of the image will be saved to your Dropbox folder.</p><p>Here are the things I have set up.<ul><li>Post new blog post at www.jackenhack.com to Facebook.</li><li>If blogpost on www.jackenhack.com posted, put tweet in buffer</li><li>If RSS article starred, retweet via buffer</li><li>Retweet starred tweets</li><li>Tumblr post to bufferapp</li><li>Email me when a new ifttt channel is announced</li><li>Every time you are tagged in a photo on Facebook, it will be sent to Dropbox</li><li>Post YouTube favorites to Tumblr</li><li>When posting to Vimeo, put it on tumblr blog</li><li>Published flickr photos posted to my blog</li><li>Archive my tweets to a Google Calender</li><li>Save a timeline of facebook statuses to Google Calendar</li><li>Save my instagram pictures to dropbox</li></ul> All of this is done automatically. Very handy.</p><p>&nbsp;</p><div id="tweetbutton1690" class="tw_button" style=""><a href="http://twitter.com/share?url=http%3A%2F%2Fbit.ly%2FwLpLhL&amp;via=jackenhack&amp;text=Use%20ifttt%20to%20automate%20your%20online%20tasks&amp;related=jackenhack&amp;lang=en&amp;count=none&amp;counturl=http%3A%2F%2Fwww.jackenhack.com%2Farchives%2F2012%2F01%2F24%2Fuse-ifttt-to-automate-your-online-tasks%2F" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://www.jackenhack.com/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;">Tweet</a></div>]]></content:encoded> <wfw:commentRss>http://www.jackenhack.com/archives/2012/01/24/use-ifttt-to-automate-your-online-tasks/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Blogging with Byword and Marked with WordPress</title><link>http://www.jackenhack.com/archives/2011/12/22/blogging-with-byword-and-marked-with-wordpress/</link> <comments>http://www.jackenhack.com/archives/2011/12/22/blogging-with-byword-and-marked-with-wordpress/#comments</comments> <pubDate>Wed, 21 Dec 2011 23:55:26 +0000</pubDate> <dc:creator>Jacken</dc:creator> <category><![CDATA[Macintosh]]></category> <category><![CDATA[web]]></category> <category><![CDATA[apple]]></category> <category><![CDATA[ByWord]]></category> <category><![CDATA[Marked]]></category> <category><![CDATA[osx]]></category> <category><![CDATA[Photography]]></category><guid isPermaLink="false">http://www.jackenhack.com/?p=1206</guid> <description><![CDATA[Byword and Marked I just got Byword and Marked from the Mac App Store because I’m totally addicted to writing in Markdown. I didn’t like the predefined fonts, but found a great typeface called Droid Sans that you can download &#8230; <a href="http://www.jackenhack.com/archives/2011/12/22/blogging-with-byword-and-marked-with-wordpress/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<h2>Byword and Marked</h2><p>I just got <a href="http://bywordapp.com/">Byword</a> and <a href="http://itunes.apple.com/ca/app/marked/id448925439?mt=12">Marked</a> from the Mac App Store because I’m totally addicted to writing in <a href="http://daringfireball.net/projects/markdown/">Markdown</a>. I didn’t like the predefined fonts, but found a great typeface called <a href="http://www.google.com/webfonts#UsePlace:use/Collection:Droid+Sans">Droid Sans that you can download here</a>.</p><p><span id="more-1206"></span></p><h2 style="text-align: center;">Byword</h2><p><div style="clear: both; text-align: center;"><a style="margin-bottom: 1em; margin-right: 1em;" href="http://d5pq9f79aiox0.cloudfront.net/wp-content/uploads/2011/12/Byword_logo.png" target=""><img id="blogsy-1325596927505.1704" class="size-full wp-image-1220 aligncenter" src="http://d5pq9f79aiox0.cloudfront.net/wp-content/uploads/2011/12/Byword_logo.png" alt="Byword application icon" width="256" height="256" /></a></div> This is a really simple and nice text editor that handles <a href="http://daringfireball.net/projects/markdown/">Markdown</a> like a charm. I really like the way it dims down the markup, making the text easier to read.</p><p><img id="blogsy-1325596927516.1033" class="alignnone" src="http://d5pq9f79aiox0.cloudfront.net/wp-content/uploads/2011/12/Byword_looks.png" alt="Byword screenshot" width="600" height="215" /><h2 style="text-align: center;">Marked</h2><div style="clear: both; text-align: center;"><a style="margin-bottom: 1em; margin-right: 1em;" href="http://d5pq9f79aiox0.cloudfront.net/wp-content/uploads/2011/12/Marked_icon.png" target=""><img id="blogsy-1325596927440.6794" class="size-full wp-image-1219 aligncenter" src="http://d5pq9f79aiox0.cloudfront.net/wp-content/uploads/2011/12/Marked_icon.png" alt="" width="260" height="300" /></a></div> This is a nifty little application for previewing the live HTML output from your <a href="http://daringfireball.net/projects/markdown/">Markdown</a> text. Great for catching mistakes. <img id="blogsy-1325596927494.9912" src="http://d5pq9f79aiox0.cloudfront.net/wp-content/uploads/2011/12/marked_window.png" alt="Marked screenshot" width="561" height="594" /><h2 style="text-align: center;">Images</h2> I’m using a WordPress blog and I have found that it’s easiest just to upload the images using the WordPress Dashboard and then copy the link. There are shortcuts for most of the Markdown commands, so all I have to do is to press alt-command-i and paste the link to the image. Thanks to Marked I know that the images will look ok. This looks like a great way of writing blog posts.<h2></h2><h2>iPad/iPhone</h2> <span class="Apple-style-span" style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.292969); -webkit-composition-fill-color: rgba(175, 192, 227, 0.230469); -webkit-composition-frame-color: rgba(77, 128, 180, 0.230469);">I store all my blog posts in a directory in Dropbox, so If I want to I can edit the post with my favorite iPad/iPhone Markdown editor </span><span class="Apple-style-span" style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.292969); -webkit-composition-fill-color: rgba(175, 192, 227, 0.230469); -webkit-composition-frame-color: rgba(77, 128, 180, 0.230469);"><a href="http://getwritingkit.com/">Writing Kit</a></span><span class="Apple-style-span" style="-webkit-tap-highlight-color: rgba(26, 26, 26, 0.292969); -webkit-composition-fill-color: rgba(175, 192, 227, 0.230469); -webkit-composition-frame-color: rgba(77, 128, 180, 0.230469);">. For me that’s an enormous bonus. Bored on the subway? Write on your blog posts.</span><h2>Finishing</h2> So when you are finished writing, you just need to export HTML to clipboard and paste it into WordPress.</p><div id="tweetbutton1206" class="tw_button" style=""><a href="http://twitter.com/share?url=http%3A%2F%2Fbit.ly%2Fs9AaPX&amp;via=jackenhack&amp;text=Blogging%20with%20Byword%20and%20Marked%20with%20WordPress&amp;related=jackenhack&amp;lang=en&amp;count=none&amp;counturl=http%3A%2F%2Fwww.jackenhack.com%2Farchives%2F2011%2F12%2F22%2Fblogging-with-byword-and-marked-with-wordpress%2F" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://www.jackenhack.com/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;">Tweet</a></div>]]></content:encoded> <wfw:commentRss>http://www.jackenhack.com/archives/2011/12/22/blogging-with-byword-and-marked-with-wordpress/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Upgrading to Nginx and getting WordPress to work</title><link>http://www.jackenhack.com/archives/2009/06/24/upgrading-to-nginx-wordpress-redirect/</link> <comments>http://www.jackenhack.com/archives/2009/06/24/upgrading-to-nginx-wordpress-redirect/#comments</comments> <pubDate>Wed, 24 Jun 2009 22:27:54 +0000</pubDate> <dc:creator>Jacken</dc:creator> <category><![CDATA[web]]></category> <category><![CDATA[nginx]]></category> <category><![CDATA[server]]></category> <category><![CDATA[wordpress]]></category><guid isPermaLink="false">http://www.jackenhack.com/?p=922</guid> <description><![CDATA[So, after doing an upgrade of my Apache installation all my web content stopped working. It continued to give 403 errors. After spending hours changing permissions and checking every little detail I gave up. So I installed Nginx instead. It&#8217;s &#8230; <a href="http://www.jackenhack.com/archives/2009/06/24/upgrading-to-nginx-wordpress-redirect/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>So, after doing an upgrade of my <a href="http://www.apache.org/">Apache</a> installation all my web content stopped working. It continued to give 403 errors. After spending hours changing permissions and checking every little detail I gave up. So I installed <a href="http://nginx.net/">Nginx</a> instead. It&#8217;s a bit scary to start using a totally new web server software, but why not live dangerously? Anyway, it&#8217;s fast! Really fast. The only problem I had was to get all the redirects to work. And I also removed my gallery2 installation and moved the blog to /</p><p><span id="more-922"></span></p><p><strong>Problems</strong></p><p>It took longer than I had anticipated, mainly because I had to learn how to set up Nginx, but also because of the trouble of getting answers when searching the net. But here&#8217;s my working config (mostly saved for me if I forget <img src='http://d5pq9f79aiox0.cloudfront.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><pre>[cc lang="apache"]
server {
    listen   80;
    server<em>name  www.jackenhack.com
            jackenhack.com;
    keepalive</em>timeout  5;
    tcp_nodelay        on;  </pre></p><pre><code>access_log  /var/log/nginx/access.log;
</code></pre><p>location ~* ^.+&#46;(xml|jpg|jpeg|gif|png|ico|css|zip|tgz|gz|rar|bz2|doc|xls|exe|pdf|ppt|txt|tar|mid|midi|wav|bmp|rtf|js)$ { root /var/www/nginx-default;</p><p>}</p><pre><code>location / {
    root   /var/www/nginx-default;
    index  index.php index.html index.htm;
</code></pre><p>gzip            on; gzip<em>http</em>version 1.0; gzip<em>comp</em>level 2; gzip<em>proxied any; gzip</em>types      text/plain text/html text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript;</p><pre><code>#include /etc/nginx/wordpress_params.super_cache
#include /etc/nginx/enable_wordpress;

# rewrite old blog url
rewrite ^/blog/(.+)$ /$1 permanent;
</code></pre><h1>if the requested file exists, return it immediately</h1><p>if (-f $request_filename) { break; }</p><p>set $supercache<em>file ''; set $supercache</em>uri $request_uri;</p><p>if ($request<em>method = POST) { set $supercache</em>uri ''; }</p><h1>Using pretty permalinks, so bypass the cache for any query string</h1><p>if ($query<em>string) { set $supercache</em>uri ''; }</p><p>if ($http<em>cookie ~* "comment</em>author<em>|wordpress|wp-postpass</em>" ) { set $supercache_uri ''; }</p><h1>if we haven't bypassed the cache, specify our supercache file</h1><p>if ($supercache<em>uri ~ ^(.+)$) { set $supercache</em>file /wp-content/cache/supercache/$http_host/$1index.html; }</p><h1>only rewrite to the supercache file if it actually exists</h1><p>if (-f $document<em>root$supercache</em>file) { rewrite ^(.*)$ $supercache_file break; }</p><h1>all other requests go to WordPress</h1><p>if (!-e $request_filename) { rewrite . /index.php last; }</p><p>}</p><h1>setup for jackeniax</h1><pre><code>    location /jackeniax {
        root   /var/www/nginx-default/jackeniax;
        index  index.php index.html;

        if (!-f $request_filename) {
            rewrite  ^(.*)$  /jackeniax/index.php?q=$1  last;
            break;
        }

        if (!-d $request_filename) {
            rewrite  ^(.*)$  /jackeniax/index.php?q=$1  last;
            break;
        }

    }

    location ~ \.php$ {
            fastcgi_pass   127.0.0.1:9000;
            fastcgi_index  index.php;
            fastcgi_param  SCRIPT_FILENAME  /var/www/nginx-default$fastcgi_script_name;
            include        /etc/nginx/fastcgi_params;
    }

# deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    location ~ /\.ht {
            deny  all;
    }
</code></pre><p>} [/cc]<pre></pre></p><div id="tweetbutton922" class="tw_button" style=""><a href="http://twitter.com/share?url=http%3A%2F%2Fbit.ly%2FrJNrlX&amp;via=jackenhack&amp;text=Upgrading%20to%20Nginx%20and%20getting%20WordPress%20to%20work&amp;related=jackenhack&amp;lang=en&amp;count=none&amp;counturl=http%3A%2F%2Fwww.jackenhack.com%2Farchives%2F2009%2F06%2F24%2Fupgrading-to-nginx-wordpress-redirect%2F" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://www.jackenhack.com/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;">Tweet</a></div>]]></content:encoded> <wfw:commentRss>http://www.jackenhack.com/archives/2009/06/24/upgrading-to-nginx-wordpress-redirect/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>MAMP WordPress and Error establishing a database connection</title><link>http://www.jackenhack.com/archives/2009/03/20/mamp-wordpress-and-error-establishing-a-database-connection/</link> <comments>http://www.jackenhack.com/archives/2009/03/20/mamp-wordpress-and-error-establishing-a-database-connection/#comments</comments> <pubDate>Fri, 20 Mar 2009 15:59:59 +0000</pubDate> <dc:creator>Jacken</dc:creator> <category><![CDATA[Computers]]></category> <category><![CDATA[Macintosh]]></category> <category><![CDATA[web]]></category> <category><![CDATA[mac]]></category> <category><![CDATA[macosx]]></category> <category><![CDATA[mysql]]></category><guid isPermaLink="false">http://www.jackenhack.com/blog/archives/2009/03/20/mamp-wordpress-and-error-establishing-a-database-connection/</guid> <description><![CDATA[I&#8217;ve installed MAMP on my Mac to do some changes to my blog. I tried to set the WordPress wp-config.php file to connect to localhost:8889, but got an error that It could not connect to the database. After replacing localhost:8889 &#8230; <a href="http://www.jackenhack.com/archives/2009/03/20/mamp-wordpress-and-error-establishing-a-database-connection/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description> <content:encoded><![CDATA[<p>I&#8217;ve installed MAMP on my Mac to do some changes to my blog. I tried to set the WordPress wp-config.php file to connect to localhost:8889, but got an error that It could not connect to the database. After replacing localhost:8889 to 127.0.0.1:8889 it works. My quick guess is that permissions for the root user is set to allow connections 127.0.0.1, but not localhost. Anyway, it works now.</p><p>My wp-config.php file looks like this:</p><p><code>define('DB_NAME', 'wordpress'); /** MySQL database username */</code></p><p>define(&#8216;DB_USER&#8217;, &#8216;root&#8217;);</p><p>/** MySQL database password */</p><p>define(&#8216;DB_PASSWORD&#8217;, &#8216;root&#8217;);</p><p>/** MySQL hostname */</p><p>define(&#8216;DB_HOST&#8217;, &#8217;127.0.0.1:8889&#8242;);</p><div id="tweetbutton847" class="tw_button" style=""><a href="http://twitter.com/share?url=http%3A%2F%2Fbit.ly%2Ft5J65k&amp;via=jackenhack&amp;text=MAMP%20WordPress%20and%20Error%20establishing%20a%20database%20connection&amp;related=jackenhack&amp;lang=en&amp;count=none&amp;counturl=http%3A%2F%2Fwww.jackenhack.com%2Farchives%2F2009%2F03%2F20%2Fmamp-wordpress-and-error-establishing-a-database-connection%2F" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://www.jackenhack.com/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;">Tweet</a></div>]]></content:encoded> <wfw:commentRss>http://www.jackenhack.com/archives/2009/03/20/mamp-wordpress-and-error-establishing-a-database-connection/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Lovely Charts is an amazing web site</title><link>http://www.jackenhack.com/archives/2009/02/14/lovely-charts-is-an-amazing-web-site/</link> <comments>http://www.jackenhack.com/archives/2009/02/14/lovely-charts-is-an-amazing-web-site/#comments</comments> <pubDate>Sat, 14 Feb 2009 15:44:48 +0000</pubDate> <dc:creator>Jacken</dc:creator> <category><![CDATA[web]]></category><guid isPermaLink="false">http://www.jackenhack.com/blog/archives/2009/02/14/lovely-charts-is-an-amazing-web-site/</guid> <description><![CDATA[It&#8217;s amazing what you can do with webapps today. Lovely Charts is a good example. Just watch the intro video and you are up and running. Tweet]]></description> <content:encoded><![CDATA[<p>It&#8217;s amazing what you can do with webapps today. <a href="http://lovelycharts.com/">Lovely Charts</a> is a good example. <a href="http://lovelycharts.com/screencast.php">Just watch the intro video and you are up and running</a>.</p><div id="tweetbutton830" class="tw_button" style=""><a href="http://twitter.com/share?url=http%3A%2F%2Fbit.ly%2FrT9Hyn&amp;via=jackenhack&amp;text=Lovely%20Charts%20is%20an%20amazing%20web%20site&amp;related=jackenhack&amp;lang=en&amp;count=none&amp;counturl=http%3A%2F%2Fwww.jackenhack.com%2Farchives%2F2009%2F02%2F14%2Flovely-charts-is-an-amazing-web-site%2F" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://www.jackenhack.com/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;">Tweet</a></div>]]></content:encoded> <wfw:commentRss>http://www.jackenhack.com/archives/2009/02/14/lovely-charts-is-an-amazing-web-site/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
<!-- Served from: www.jackenhack.com @ 2012-02-08 11:29:05 by W3 Total Cache -->
