<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>HTML5 on Lantean</title><link>https://www.lantean.co/categories/html5/</link><description>Recent content in HTML5 on Lantean</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Mon, 21 Jan 2013 20:20:34 +0000</lastBuildDate><atom:link href="https://www.lantean.co/categories/html5/index.xml" rel="self" type="application/rss+xml"/><item><title>Optimizing TwentyEleven for Adsense</title><link>https://www.lantean.co/posts/optimizing-twentyeleven-for-adsense/</link><pubDate>Mon, 21 Jan 2013 20:20:34 +0000</pubDate><guid>https://www.lantean.co/posts/optimizing-twentyeleven-for-adsense/</guid><description>&lt;p&gt;Well&amp;hellip; this one is pretty descriptive. You simply need to edit the file &amp;lsquo;style.css&amp;rsquo;, and update the following code:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-objc" data-lang="objc"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;.one&lt;span style="color:#f92672"&gt;-&lt;/span&gt;column &lt;span style="color:#960050;background-color:#1e0010"&gt;#&lt;/span&gt;page {
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;	max&lt;span style="color:#f92672"&gt;-&lt;/span&gt;width: &lt;span style="color:#ae81ff"&gt;960&lt;/span&gt;px;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;/* 	max-width: 690px; */&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;You&amp;rsquo;re also probably gonna need to set the Default Layout to &amp;lsquo;One Column&amp;rsquo;, and remove the right side widgets.&lt;/p&gt;
&lt;p&gt;That way, Adsense&amp;rsquo;s best size (728x90) will fit riiight above or below every post. Which makes it look nice, i dare to say!.&lt;/p&gt;</description></item><item><title>Make your Website load Faster!</title><link>https://www.lantean.co/posts/make-your-website-load-faster/</link><pubDate>Mon, 21 Jan 2013 11:34:06 +0000</pubDate><guid>https://www.lantean.co/posts/make-your-website-load-faster/</guid><description>&lt;p&gt;I had to optimize a website, a couple days ago. My goal was to lower the time required to load the website. So&amp;hellip; i spent quite some time doing a quick research&amp;hellip; and found this &lt;a title="ImageOptim" href="http://imageoptim.com/" rel="nofollow"&gt;awesome tool&lt;/a&gt;, which by the way is free!.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.lantean.co/make-your-website-load-faster/screen-shot-2013-01-21-at-11-08-54-am/" rel="attachment wp-att-584"&gt;&lt;img class="size-full wp-image-584 aligncenter" alt="Screen Shot 2013-01-21 at 11.08.54 AM" src="https://www.lantean.co/wp-content/uploads/2013/01/Screen-Shot-2013-01-21-at-11.08.54-AM.png" width="413" height="319" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;It&amp;rsquo;s called ImageOptim. You simply drag &amp;amp; drop the assets you&amp;rsquo;d like to compress, and the guy will do the rest. I&amp;rsquo;ve been able to compress most of the images i&amp;rsquo;ve got, to 50% of their original size.&lt;/p&gt;</description></item><item><title>Adding Adsense to your blog</title><link>https://www.lantean.co/posts/adding-adsense-to-your-blog/</link><pubDate>Mon, 21 Jan 2013 10:06:02 +0000</pubDate><guid>https://www.lantean.co/posts/adding-adsense-to-your-blog/</guid><description>&lt;p&gt;This is probably trivial to everyone around, but i&amp;rsquo;d like to share it anyways.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Signup for an account here: adsense.google.com&lt;/li&gt;
&lt;li&gt;Wait till you get the first &amp;lsquo;Site in Review&amp;rsquo; mail.&lt;/li&gt;
&lt;li&gt;Once you got access to the Adsense main page, hit &amp;lsquo;My Ads&amp;rsquo;, and create a brand new ad.&lt;/li&gt;
&lt;li&gt;Copy the source code for the ad!.&lt;/li&gt;
&lt;li&gt;Install the required plugin&amp;hellip;
&lt;ol&gt;
&lt;li&gt;If you&amp;rsquo;re using Wordpress, i suggest you try this plugin: http://wordpress.org/extend/plugins/quick-adsense/&lt;/li&gt;
&lt;li&gt;If you&amp;rsquo;re using Blogger, just hit the settings, it&amp;rsquo;s already integrated.&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;Setup QuickAdsense (or Blogger). If you dare, you can always simply inject the ad-code yourself.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;No matter what, please, remember the adsense guidelines. It&amp;rsquo;s pretty simple&amp;hellip; don&amp;rsquo;t click your own ads, and.. don&amp;rsquo;t steal content!. That includes youtube music videos, and piracy.&lt;/p&gt;</description></item><item><title>Encode your email in base64, and confuse spammers!</title><link>https://www.lantean.co/posts/encode-your-email-in-base64-and-confuse-spammers/</link><pubDate>Thu, 10 Jan 2013 00:36:18 +0000</pubDate><guid>https://www.lantean.co/posts/encode-your-email-in-base64-and-confuse-spammers/</guid><description>&lt;p&gt;How many of you run a website? come on! raise your hands!. Most of you should know, at this point, that publishing your email (in raw) is a pretty bad idea. Spammers, scammers, and whatsoever will target you, almost for sure.&lt;/p&gt;
&lt;p&gt;So what can you do?. Well.. you can try encoding your email in base64!. Which means that&amp;hellip; the browser will understand your email, it&amp;rsquo;ll get printed&amp;hellip; but any automated spider-bot will fail to search &amp;lsquo;@gmail&amp;rsquo;&amp;hellip; at least without consuming quite a lot of CPU power.&lt;/p&gt;</description></item><item><title>Fixing ñ characters in code-igniter</title><link>https://www.lantean.co/posts/fixing-n-characters-in-code-igniter/</link><pubDate>Wed, 09 Jan 2013 18:36:48 +0000</pubDate><guid>https://www.lantean.co/posts/fixing-n-characters-in-code-igniter/</guid><description>&lt;p&gt;It seems this is one of the oldest issues of PHP develoment, right?. I&amp;rsquo;ve developed a PHP website, based on codeigniter framework (and a mysql database), and i ran into a lot of problems with the ñ, not showing up well in google.&lt;/p&gt;
&lt;p&gt;Here&amp;rsquo;s what i&amp;rsquo;ve done to fix this problem:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Set the database collation / columns to utf8_general_ci (by means of phpmyadmin).&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;In codeigniter&amp;rsquo;s &amp;lsquo;config.php&amp;rsquo; file.&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-objc" data-lang="objc"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#960050;background-color:#1e0010"&gt;$&lt;/span&gt;config[&lt;span style="color:#960050;background-color:#1e0010"&gt;&amp;#39;&lt;/span&gt;charset&lt;span style="color:#960050;background-color:#1e0010"&gt;&amp;#39;&lt;/span&gt;] &lt;span style="color:#f92672"&gt;=&lt;/span&gt; &lt;span style="color:#960050;background-color:#1e0010"&gt;&amp;#39;&lt;/span&gt;UTF&lt;span style="color:#f92672"&gt;-&lt;/span&gt;&lt;span style="color:#ae81ff"&gt;8&lt;/span&gt;&lt;span style="color:#960050;background-color:#1e0010"&gt;&amp;#39;&lt;/span&gt;;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;In codeigniter&amp;rsquo;s &amp;lsquo;database.php&amp;rsquo;:&lt;/p&gt;</description></item><item><title>Fixing 'SAFE MODE Restriction in effect. The script whose uid is is not allowed to access /tmp' error in WordPress</title><link>https://www.lantean.co/posts/fixing-safe-mode-restriction-in-effect-the-script-whose-uid-is-is-not-allowed-to-access-tmp-error-in-wordpress/</link><pubDate>Wed, 09 Jan 2013 15:14:37 +0000</pubDate><guid>https://www.lantean.co/posts/fixing-safe-mode-restriction-in-effect-the-script-whose-uid-is-is-not-allowed-to-access-tmp-error-in-wordpress/</guid><description>&lt;p&gt;Long short story. If you wanna update, say, a plugin, or a theme.. using wordpress, and you get the following error:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-objc" data-lang="objc"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;SAFE MODE Restriction &lt;span style="color:#66d9ef"&gt;in&lt;/span&gt; effect. The script whose uid is is not allowed to access &lt;span style="color:#f92672"&gt;/&lt;/span&gt;tmp&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;I&amp;rsquo;ve got news for you!. It&amp;rsquo;s caused by the php_safe_mode flag. If you&amp;rsquo;re on a shared hosting, and you cannot change that flag (or maybe you just don&amp;rsquo;t want to)&amp;hellip; here&amp;rsquo;s what you need to do:&lt;/p&gt;</description></item><item><title>WordPress Import Issues</title><link>https://www.lantean.co/posts/wordpress-import-issues/</link><pubDate>Tue, 13 Mar 2012 00:05:26 +0000</pubDate><guid>https://www.lantean.co/posts/wordpress-import-issues/</guid><description>&lt;p&gt;I&amp;rsquo;ve migrated this blog to a brand new domain. Thing is&amp;hellip; i&amp;rsquo;ve been having lots of glitches and bugs while trying to import the wordpress XML containing all of my posts.&lt;/p&gt;
&lt;p&gt;How did i solve it?. Well, it&amp;rsquo;s probably not the best option, in terms of security. But i had to grant 777 permissions to the folder wp-contents/upload, and the same applies to the /tmp folder.&lt;/p&gt;
&lt;p&gt;After that, everything worked like a charm. Besides that, i had lots of issues while trying to install the plugins i&amp;rsquo;d like to use!. Yeah&amp;hellip; permissions again. The easy and quick workaround was to simply upload everything i need, already decompressed, to the folder wp-contents/plugins.&lt;/p&gt;</description></item><item><title>HTML5 Slideshow!</title><link>https://www.lantean.co/posts/html5-slideshow/</link><pubDate>Sat, 10 Mar 2012 16:20:31 +0000</pubDate><guid>https://www.lantean.co/posts/html5-slideshow/</guid><description>&lt;p style="text-align: center;"&gt;&lt;a href="https://www.lantean.co/wp-content/uploads/2012/03/html5-slideshow.png"&gt;&lt;img class="aligncenter wp-image-1072" title="html5 slideshow" alt="html5 slideshow" src="https://www.lantean.co/wp-content/uploads/2012/03/html5-slideshow.png" width="815" height="623" /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;I began playing with HTML&amp;hellip; ten-eleven years ago. It was a rough time, in which you had to do virtually everything. It took a loooot of time to do something at least decent, but you had to code every single component.&lt;/p&gt;
&lt;p&gt;Ten years have passed by. Now, it seems easier than ever to build a great looking website in almost no time. Hey! look at this blog! it&amp;rsquo;s running thanks to Wordpress, and guess what! i&amp;rsquo;ve set it up in five minutes!.&lt;/p&gt;</description></item><item><title>HTML5 Popups!</title><link>https://www.lantean.co/posts/html5-popups/</link><pubDate>Sat, 10 Mar 2012 02:52:38 +0000</pubDate><guid>https://www.lantean.co/posts/html5-popups/</guid><description>&lt;p&gt;Old school HTML fellows know how annoying popups can be. It&amp;rsquo;s definitely not a good practise, since every single modern browser has some sort of popup blocker.&lt;/p&gt;
&lt;p&gt;But what happens when we &lt;strong&gt;really&lt;/strong&gt; need to display a popup ?.&lt;/p&gt;
&lt;p&gt;Well, what Google fellows do is basically display a modal layer, preventing you from clicking anything below this layer. Thanks god, there are few interesting opensource options that already solve all the quirks you might find while dealing with tons of different browsers.&lt;/p&gt;</description></item></channel></rss>