<?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>InsomnityInsomnity | Insomnity</title>
	<atom:link href="http://insomnity.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://insomnity.com</link>
	<description>Open Source, Design, Programming, Technology, Security</description>
	<lastBuildDate>Thu, 08 Sep 2011 22:08:24 +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>Setting up Web Development Environment for Linux</title>
		<link>http://insomnity.com/2011/web-development-environtment-linux/</link>
		<comments>http://insomnity.com/2011/web-development-environtment-linux/#comments</comments>
		<pubDate>Mon, 04 Jul 2011 13:55:19 +0000</pubDate>
		<dc:creator>fath</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[lampp]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[xampp]]></category>

		<guid isPermaLink="false">http://insomnity.com/?p=96</guid>
		<description><![CDATA[Been a while, yeah I&#8217;ve been working on a some project so barely have time for this blog. A comfortable web development environment for most peoples might vary, but for most of them, it has to be easy to access web root folder and files, easy to manage webserver and mysqlserver. On this articles, I&#8217;m going to give you a tutorial on setting up a comfortable web development environment for linux systems, from my point of view. Not entirely all systems, tested on Ubuntu 9++, Kubuntu 9++ and up, Mint 10 KDE. In theory, it will work on most linux system, just need some workaround. Here are a few things that needs to be prepared : 1. Fully working Linux Systems 2. A bit knowledge on how to use the terminal 3. XAMPP for Linux [get it here] 4. Patience First thing first, assume that I use apronouva as username and my host system name is insomnity, change it to whatever username you used for login into your systems. Lets assume you already downloaded XAMPP for linux, by the time I wrote this tutorial, it is ver. 1.7.4 packed with : Apache 2.2.17, MySQL 5.5.8, PHP 5.3.5 &#038; PEAR + [...]]]></description>
			<content:encoded><![CDATA[<p>Been a while, yeah I&#8217;ve been working on a some project so barely have time for this blog.</p>
<p>A comfortable web development environment for most peoples might vary, but for most of them, it has to be easy to access web root folder and files, easy to manage webserver and mysqlserver.</p>
<p>On this articles, I&#8217;m going to give you a tutorial on setting up <strong>a comfortable web development environment for linux systems</strong>, from my point of view. Not entirely all systems, tested on Ubuntu 9++, Kubuntu 9++ and up, Mint 10 KDE. In theory, it will work on most linux system, just need some workaround.</p>
<p>Here are a few things that needs to be prepared :<br />
1. Fully working Linux Systems<br />
2. A bit knowledge on how to use the terminal<br />
3. XAMPP for Linux [<a href="http://www.apachefriends.org/en/xampp-linux.html">get it here</a>]<br />
4. Patience</p>
<p><strong>First thing first, assume that I use apronouva as username and my host system name is insomnity, change it to whatever username you used for login into your systems.</strong></p>
<p>Lets assume you already downloaded XAMPP for linux, by the time I wrote this tutorial, it is ver. 1.7.4 packed with :</p>
<blockquote><p>
Apache 2.2.17, MySQL 5.5.8, PHP 5.3.5 &#038; PEAR + SQLite 2.8.17/3.6.16 + multibyte (mbstring) support, Perl 5.10.1, ProFTPD 1.3.3d, phpMyAdmin 3.3.8, OpenSSL 1.0.0c, GD 2.0.1, Freetype2 2.1.7, libjpeg 6b, libpng 1.2.12, gdbm 1.8.0, zlib 1.2.3, expat 1.2, Sablotron 1.0, libxml 2.7.6, Ming 0.4.2, Webalizer 2.21-02, pdf class 009e, ncurses 5.7, mod_perl 2.0.4, FreeTDS 0.63, gettext 0.17, IMAP C-Client 2007e, OpenLDAP (client) 2.4.21, mcrypt 2.5.7, mhash 0.8.18, eAccelerator 0.9.6.1, cURL 7.21.0, libxslt 1.1.26, libapreq 2.12, FPDF 1.6, XAMPP Control Panel 0.8, bzip 1.0.5, PBXT 1.0.11-6-pre-ga (temporarily disabled), PBMS 0.5.15 (temporarily disabled), PBMSlib 0.5.15, ICU4C Library 4.2.1
</p></blockquote>
<p>Pretty much complete, right ? Now lets get the dirty bit begin. Now hit up a terminal and make sure you and the newly downloaded xampp-linux-1.7.4.tar.gz are on youre home folder. In short, just extract the whole archive into directory <strong>/opt/ </strong>. Afterwards, set up the permission owner of the files and make some linking to the home folder so we won&#8217;t need to go deeper into the system just to edit our web files and folders. <strong>Remember, change apronouva to your own username!</strong></p>
<pre>
apronouva@insomnity ~ $ sudo tar -zxvf xampp-linux-1.7.4.tar.gz -C /opt/
apronouva@insomnity ~ $ sudo chown -Rf apronouva /opt/lampp/htdocs/
apronouva@insomnity ~ $ ln -s /opt/lampp/htdocs/ www/
</pre>
<p>Yup, particularly installed, your xampp for linux and basic directory set up. The outcome will be as belows.<br />
<a href="http://www.flickr.com/photos/20661573@N04/5901084738/" title="xampp-linked by dejavu.shin, on Flickr"><img class="aligncenter" src="http://farm6.static.flickr.com/5151/5901084738_81a734db2c.jpg" width="500" height="231" alt="xampp-linked"></a></p>
<p><strong>Now for the Graphical User Control Panel.</strong></p>
<p>Actually, xampp already have linux graphical control panel, its just that the documentation are not that complete and its features not as rich as Windows Xampp Control Panel. All located on directory /opt/lampp/share/xampp-control-panel/ theres python application and already compiled binary. We&#8217;re going to use the already compiled one. Hook up terminal again.</p>
<pre>
apronouva@insomnity ~ $ sudo nano ~/.local/share/applications/xampp-control-panel.desktop
</pre>
<p>Now input the settings and code below. <em>For gnome user, change kdesudo to gksudo</em>. For the icon, you may use whatever icon you wished for because the location and icon name might vary depending on your system.</p>
<pre>
[Desktop Entry]
Comment=Start Developing Web Apps
Name=WebDev Env. CP
Exec=kdesudo /opt/lampp/share/xampp-control-panel/xampp-control-panel.py
Icon=/usr/share/icons/hicolor/48x48/actions/kt-start.png
Encoding=UTF-8
Terminal=false
Type=Application
</pre>
<p>Next, your shortcut should be available on your Application Launcher under <em>Applications > Others</em> (gnome) or <em>Application > Lost &#038; Founds</em> (kde) . You will need to provide sudoers passwords to use the application. </p>
<p><img class="aligncenter" src="http://farm7.static.flickr.com/6013/5900519623_9b0a5b64ac.jpg" alt="xampp-linuxcp"></p>
<p>Yup, now just activate the apache2 server, mysql server, open up your browser and point to http://localhost. Now you will be able to edit and develop your web application easier. The services can be activated when needed and won&#8217;t eat your resource when not needed.</p>
<p>If you want to mess around with the configuration such as httpd.conf, mysql.ini, php.ini, proftpd.conf. Go to /opt/lampp/etc/</p>
<p>Well, thats all for now folks, happy developing. Comments, suggestions and corrections are always welcomed.</p>
<h4>Incoming search terms:</h4><ul><li>xampp arch linux</li><li>setting up apache 2 2 mysql mod_perl on mint</li><li>set up web development linux</li><li>setting up linux for web development</li><li>setting up web apps arch linux</li><li>xampp-linux-1 7 4 tar gz</li><li>xampp archlinux</li><li>xampp wont start arch linux</li><li>xampp linux arch</li><li>slackware 13 37 apache php mysql pdf</li></ul><div id="seo_alrp_related"><h2>Posts Related to Setting up Web Development Environment for Linux</h2><ul><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/how-to-secure-your-wordpress-blog/" rel="bookmark">How to Secure Your WordPress Blog?</a></h3><p>Hi, today I would like to cover a slight look on how to secure your WordPress, starting from the practical daily use and technical stuff. ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/install-modem-aha-on-linux/" rel="bookmark">Install Modem AHA on Linux System</a></h3><p>Tested kernel : Linux 2.6.32 and UP Tested OS : Ubuntu 10.04 ++, Blankon 6.1, Backtrack 4R2++, OpenSUSE 11.3 ++, Fedora 14, Slackware 13.37, Archlinux ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/costumize-linux-bootloader/" rel="bookmark">Classic way to costumize linux bootloader</a></h3><p>This is a classic way to customizing Bootloader, since its the same way I modified bootloader until few months ago. GRUB Grub uses 640x480(px) and ...</p></div></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://insomnity.com/2011/web-development-environtment-linux/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Secure Your WordPress Blog?</title>
		<link>http://insomnity.com/2011/how-to-secure-your-wordpress-blog/</link>
		<comments>http://insomnity.com/2011/how-to-secure-your-wordpress-blog/#comments</comments>
		<pubDate>Thu, 26 May 2011 01:36:46 +0000</pubDate>
		<dc:creator>fath</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[.htaccess]]></category>
		<category><![CDATA[secure wordpress]]></category>
		<category><![CDATA[security]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://insomnity.com/?p=92</guid>
		<description><![CDATA[Hi, today I would like to cover a slight look on how to secure your WordPress, starting from the practical daily use and technical stuff. But first of all, if you are using free services like wordpress.com, then these tips are not for you, obviously because you won&#8217;t have the rights to install the plugins, nor playing around the .htaccess files deep into your home hosting directory. But well, doesn&#8217;t mean its less secure, I would say its more secure because all the hard way are already done by WordPress.com team, so cheer up, don&#8217;t cry. Lets get the fun now, shall we. Installation Wise By installation wise, I meant it to be the very core of your installation. Choose your hosting, make sure its reliable and put more effort on security, asks around, don&#8217;t be ashamed. When installing new WP blog, make sure you change the table prefix from its default wp_ to something elses. Don&#8217;t use normal or regular admin name, I&#8217;ll explain later why. Use a safe password, search the internet how to choose a safe passwords After installation, check up file permission, all your folders must have 755 permissions and all your files should have 644. [...]]]></description>
			<content:encoded><![CDATA[<p>Hi, today I would like to cover a slight look on <strong>how to secure your WordPress</strong>, starting from the practical daily use and technical stuff. But first of all, if you are using free services like <em>wordpress.com</em>, then these tips are not for you, obviously because you won&#8217;t have the rights to install the plugins, nor playing around the .htaccess files deep into your home hosting directory. But well, doesn&#8217;t mean its less secure, I would say its more secure because all the hard way are already done by <em>WordPress.com</em> team, so cheer up, don&#8217;t cry. Lets get the fun now, shall we.</p>
<p><strong>Installation Wise</strong></p>
<p>By installation wise, I meant it to be the very core of your installation.</p>
<ol>
<li>Choose your hosting, make sure its reliable and put more effort on security, asks around, don&#8217;t be ashamed.</li>
<li>When installing new WP blog, make sure you change the table prefix from its default wp_ to something elses.</li>
<li>Don&#8217;t use normal or regular admin name, I&#8217;ll explain later why.</li>
<li>Use a safe password, search the internet how to choose a safe passwords</li>
<li>After installation, check up file permission, all your folders must have 755 permissions and all your files should have 644. For the <code>wp-config.php</code> file, it is recommended to have 750. The <code>.htaccess</code> files should be writeable only by the user under which your web server  runs so WordPress and other plug-ins will be able to modify them.</li>
<li>Choose your plug-in wise, consult to other senior blogger or more knowledgeable programmer, or if you&#8217;re in pinch of not having any, consult to Google search. Older plugins might risk a security bug, beware, more functionality always comes with more risks.</li>
<li>If you choose to edit files and try the installation on your local computer to upload it later, check your file and folder permission settings again after uploading.</li>
</ol>
<p><strong>Regular Update</strong></p>
<p>Next, the very basic thing to do are update and upgrade your WordPress install regularly. As fast as you can, whenever new updates available. Updates usually give out not just stability and bug fix, but often a security fix, so its essentials to secure your wordpress.</p>
<p><strong>Change Admin Username and Displayname</strong></p>
<p>You need to change the default username and displayname so it will be hard to guess when someone trying to bruteforce your admin panel. Go to your CPanel and choose PHPMyAdmin, after that, choose your wp_user table from your wordpress installation database. You should have only one user by now, unless you have a wordpress for your whole team. Now press the edit button, something like a pencils.</p>
<p><img class="aligncenter" src="http://farm3.static.flickr.com/2361/5760159914_1952863fa9.jpg" alt="securewp01" width="500" height="60" /></p>
<p>Next, edit your <strong>user_login</strong> and <strong>display_name</strong> field. user_login is the name you will use for login, and display_name are what should be displayed on your &#8220;posted by&#8221; posts.</p>
<p><img class="aligncenter" src="http://farm3.static.flickr.com/2371/5759617143_19c6efe3d5.jpg" alt="securewp02" width="500" height="269" /></p>
<p>Remember, no special character, use letters and numbers, but please, something unusual. Hit the go button and you&#8217;re done.</p>
<p>Want the easier way ? First, make sure you use unusual name for admin username when you first install your wordpress. Now go to your <strong>Dashboard </strong>&gt; <strong>Users </strong>&gt; <strong>Your Profile</strong></p>
<ol>
<li>Under the field Nickname, change it to your new display name, Save it</li>
<li>Back again here, under the dropdown option of Display name Publicly as, there will be your new nickname, Save it, Done!</li>
</ol>
<p><strong>Securing /wp-admin folder : .htaccess password</strong></p>
<p>You can add more security to your /wp-admin folder by adding more authentication. Create new <em>.htaccess</em> file inside your wp-admin folder, the content of your .htaccess would be like these :</p>
<pre>
AuthType Basic
AuthName "secretfolder"
AuthUserFile "/home/this/will/be/location/of/your/secret/password/public_html/wp-admin/passwd"
require valid-user
</pre>
<p>And content for your <em>passwd</em> file would be like these :</p>
<pre>
myprotector:$apr1$dq23G1v$pHubhsxvu442eBETVsswO9F/
</pre>
<p>AuthName is what your authentication popup name title, AuthUserFile is where you will place your <em>passwd </em>files. On the passwd files, myprotector is your username and next to it are the Apache encrypted passwords. To generate both files you can use <a href="http://tools.dynamicdrive.com/password/" target="_blank">DynamicDrive .htpasswd tools</a>.</p>
<p>Easier way ? Use <strong>CPanel</strong> &gt; <strong>Security </strong>&gt; <strong>Web Protect</strong>. He will autogenerate everything for you <img src='http://insomnity.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><strong>Deny Access to certain files</strong></p>
<p>Again, use .htaccess to deny access to certain files like .log, .htaccess and so on. Add these lines below into .htaccess on your public_html directory.</p>
<pre>

&lt;ifModule mod_php4.c&gt;
php_value zlib.output_compression 16386
&lt;/ifModule&gt;

# deny all .htaccess, .DS_Store $hî†é and ._* (resource fork) files
&lt;Files ~ "^\.([Hh][Tt]|[Dd][Ss]_[Ss]|[_])"&gt;
Order allow,deny
Deny from all
Satisfy All
&lt;/Files&gt;

# deny access to all .log and .comment files
&lt;Files ~ "^.*\.([Ll][Oo][Gg]|[cC][oO][mM][mM][eE][nN][tT])"&gt;
Order allow,deny
Deny from all
Satisfy All
&lt;/Files&gt;
</pre>
<p><strong>Restrict IP</strong></p>
<p>If you have single static connection at home, and will only access your wp-admin folder from home, then you can restrict which IP address can access it. <strong>Be very careful as you might accidentally block all access to your own sites</strong>. Add these lines into .htaccess on your public_html directory, where xxx.xxx.xxx.xxx is the IP you would like to have access to the folder.</p>
<pre>

order deny,allow
deny from all
allow from xxx.xxx.xxx.xxx
</pre>
<p><strong>Check Log Files</strong></p>
<p>Regularly check your log files, not only you may catch a bad things trying to breach your security, you might also discover some bug and error on your sites and take precautions to fix them.</p>
<p><strong>Security plug-ins ? why not ?</strong></p>
<p>There are already a lot of plugins out there, check some of few useful lists below (please add your own pick if you don&#8217;t mind):</p>
<ol>
<li><a title="WordPress File Monitor" href="http://wordpress.org/extend/plugins/wordpress-file-monitor/" target="_blank">WordPress File Monitor</a> – It checks if any changes have happened to  your files while you were  gone. Sometimes he will alert you because you update the files, but  you&#8217;ll know if it wasn&#8217;t you making the changes.</li>
<li><a title="Login LockDown" href="http://wordpress.org/extend/plugins/login-lockdown/" target="_blank">Login LockDown</a> – It protects your blog from brute-force attacks on your  login form. It will block IP based on how many wrong password attempt, so it will backfire you if you forgot your password, LOL.</li>
</ol>
<p>Be careful with plugins that gives out forms and other input on your pages/posts/widget, cause if its coded poorly, it could be exploited.</p>
<p><strong>Change wp-admin name entirely</strong></p>
<p>Actually, this is not a good approach, and not a good method, because it will break your wordpress core somehow or another. And it will make it hard to update your wordpress in the future. I&#8217;d rather wait for the WP team to make the admin folder a variable that easy to set. But if you insists and have the guts to play around with WordPress Core system, fine. Check <a href="http://www.rockyrasonable.com/websites/wordpress-change-wp-admin-folder-name" target="_blank">Rockyrasonable wingrep here</a>, <a href="http://wordpress.org/support/topic/change-wp-admin-into-another-name" target="_blank">WordPress discussion here</a>, or an <a href="http://wordpress.org/extend/plugins/stealth-login/" target="_blank">Old stealth login plugin here</a> (very old, not working on WP ver. 3++).</p>
<p>Basically, the way to do this are change your wp-admin folder, then change the variable inside the entire wordpress script which refer to the folders and all its content.</p>
<p>Another way are using .htaccess again, <a title="Hide wordpress admin folder" href="http://www.michiknows.com/2007/02/12/who-else-wants-to-hide-their-wordpress-admin-folder/" target="_blank">Michi already covers this on his blog</a>, its old articles but still a decent reading on this topic.</p>
<p><strong>Conclusion and further reading</strong></p>
<p>See, its not easy to set up and maintain your self-hosted WordPress blog so it will be secure and save. And its a pity to say this, truth be told, nothing secure on the Internet. A lot of things can be done to breach your security, especially when you&#8217;re now owning your own server and you administrate them from a public internet facilities like hotspot, office, or even your own home. I haven&#8217;t had the check on the SSL login things, not much experience on that matters, but theoretically, it could add even more security for your sites.</p>
<p>But to minimize the damage, all those hard thing are good to go. This <strong>how to secure your wordpress tutorial</strong> might just be one step ahead, better than nothing. Trust me, it hurts to lost something you could actually prevent. Further reading :</p>
<ul>
<li><a title="Apache Password Format and Generation" href="http://httpd.apache.org/docs/2.2/misc/password_encryptions.html" target="_blank">Apache Passwords Generation Method</a> &#8211; where your passwd built <img src='http://insomnity.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
<li><a title="Secure wp-admin discussion on wordpress.org" href="http://wordpress.org/support/topic/any-way-to-secure-wp-admin" target="_blank">How to secure wp-admin discussion</a> &#8211; yup, years ago, but still useful</li>
</ul>
<p>Want to add more ? comment ? suggestions ? feel free then <img src='http://insomnity.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h4>Incoming search terms:</h4><ul><li>What permissions should wordpress htaccess be</li><li>wordpress restrict display name</li><li>wingrep wordpress security</li><li>wingrep wordpress</li><li>where do i put the passwd file in wordpress</li><li>archlinux wordpress htaccess writable</li><li>what is ds_store in wordpress css file</li><li>how to secure your wordpress blog</li><li>files ~ ^\ ([hh][tt]) satisfy all</li><li>ds_store wordpress</li></ul><div id="seo_alrp_related"><h2>Posts Related to How to Secure Your WordPress Blog?</h2><ul><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/web-development-environtment-linux/" rel="bookmark">Setting up Web Development Environment for Linux</a></h3><p>Been a while, yeah I've been working on a some project so barely have time for this blog. A comfortable web development environment for most ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/install-modem-aha-on-linux/" rel="bookmark">Install Modem AHA on Linux System</a></h3><p>Tested kernel : Linux 2.6.32 and UP Tested OS : Ubuntu 10.04 ++, Blankon 6.1, Backtrack 4R2++, OpenSUSE 11.3 ++, Fedora 14, Slackware 13.37, Archlinux ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/costumize-linux-bootloader/" rel="bookmark">Classic way to costumize linux bootloader</a></h3><p>This is a classic way to customizing Bootloader, since its the same way I modified bootloader until few months ago. GRUB Grub uses 640x480(px) and ...</p></div></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://insomnity.com/2011/how-to-secure-your-wordpress-blog/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Border Radius CSS Rounded Corner</title>
		<link>http://insomnity.com/2011/border-radius-css-rounded-corner/</link>
		<comments>http://insomnity.com/2011/border-radius-css-rounded-corner/#comments</comments>
		<pubDate>Wed, 25 May 2011 10:45:45 +0000</pubDate>
		<dc:creator>fath</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[border-radius]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[rounded corner]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://insomnity.com/?p=84</guid>
		<description><![CDATA[Particularly last years, a lot of people still get it hard to make a rounded corner layout using a pure CSS, there will still be a lot of hacking here and there, whether its the PNGfix or IE6 problem. But since the birth of CSS3, a rounded corner layout is just a piece of cake to do. We can do this using the newly implemented border-radius. How will this border-radius helped us ? Lets see an example result first. This box using a border radius of 20px each corner. With 400px width and 300px height. How do we get the result ? Firstly, a note to take, as the name said, border-radius, then it has to have to do with border. Yes, the border-radius extend the power of CSS border more to the curly corner. The parameters for CSS3 are mainly : border-xx-yy-radius: [ length ] Where xx could be top / bottom and yy could be left / right, while length can be pixel measurement or in percentages. Example : border-top-left-radius: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 50px; border-bottom-left-radius: 10px; Neat, right ? Now lets get deeper into the cross browser compatibility. For Gecko-Engine based browser, we will use : -moz-border-radius-xxyy [...]]]></description>
			<content:encoded><![CDATA[<p>Particularly last years, a lot of people still get it hard to make a rounded corner layout using a pure CSS, there will still be a lot of hacking here and there, whether its the PNGfix or IE6 problem. But since the birth of CSS3, a rounded corner layout is just a piece of cake to do. We can do this using the newly implemented <em>border-radius</em>.</p>
<p><strong>How will this border-radius helped us ?</strong> Lets see an example result first.</p>
<div style="width:400px;height:200px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background-color:#14A5E3;">
<br />
This box using a border radius of 20px each corner.<br />
With 400px width and 300px height.<br />

</div>
<p>How do we get the result ?</p>
<p>Firstly, a note to take, as the name said, border-radius, then it has to have to do with border. Yes, the border-radius extend the power of CSS border more to the curly corner.</p>
<p>The parameters for CSS3 are mainly :<br />
<em>border-xx-yy-radius: [ length ]</em></p>
<p>Where <em>xx</em> could be top / bottom and <em>yy</em> could be left / right, while length can be pixel measurement or in percentages.</p>
<div style="width:400px;height:200px;border-top-left-radius: 20px;border-top-right-radius: 5px;border-bottom-right-radius: 50px;border-bottom-left-radius: 10px;background-color:#14A5E3;">
<br />
Example :<br />
border-top-left-radius: 20px;<br />
border-top-right-radius: 5px;<br />
border-bottom-right-radius: 50px;<br />
border-bottom-left-radius: 10px;<br />

</div>
<p>Neat, right ? Now lets get deeper into the cross browser compatibility.<br />
For Gecko-Engine based browser, we will use : <em>-moz-border-radius-xxyy : [ length ]</em><br />
For Webkit based browser, we will use : <em>-webkit-border-xxyy-radius : [ length ]</em></p>
<p>Basically, nowadays browsers are supporting CSS3 syntax just well, but since not all visitors bother to upgrade their browser, then a save way to do that are just simply put them all together into the box.</p>
<div style="width:400px;height:350px;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 50px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 50px;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 20px;border-top-right-radius: 5px;border-bottom-right-radius: 50px;border-bottom-left-radius: 10px;background-color:#14A5E3;">
<br />
Like this one :<br />
-webkit-border-top-left-radius: 20px;<br />
-webkit-border-top-right-radius: 5px;<br />
-webkit-border-bottom-right-radius: 50px;<br />
-webkit-border-bottom-left-radius: 10px;<br />
-moz-border-radius-topleft: 20px;<br />
-moz-border-radius-topright: 5px;<br />
-moz-border-radius-bottomright: 50px;<br />
-moz-border-radius-bottomleft: 10px;<br />
border-top-left-radius: 20px;<br />
border-top-right-radius: 5px;<br />
border-bottom-right-radius: 50px;<br />
border-bottom-left-radius: 10px;<br />

</div>
<p>If you want the complete same radius on all 4 corner, you may opt out <em>xx</em> and <em>yy</em>.</p>
<p><strong>Conclusion and further reading</strong></p>
<p>Since its now easy to create a rounded corner using CSS3, you should be able to create more dynamic web layout. I hope you enjoy this posts. For further reading :<br />
<a href="http://border-radius.com/">Service by Jacob Bijani, Online border-radius generator</a><br />
<a href="http://cssround.com/">Rather more complete generator by CSS round</a><br />
<a href="http://www.w3.org/TR/css3-background/">In depth reading into CSS3 Background</a></p>
<p>Give out comments if you enjoy this.</p>
<h4>Incoming search terms:</h4><ul><li>css curly corners</li><li>css for curly borders</li><li>curly border in css</li><li>curly borders in css</li><li>45 corner css3</li><li>curly border blogspot css</li><li>curly border for design</li><li>curly border with css</li><li>curly borders</li><li>curly corners</li></ul><div id="seo_alrp_related"><h2>Posts Related to Border Radius CSS Rounded Corner</h2><ul><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/how-to-secure-your-wordpress-blog/" rel="bookmark">How to Secure Your WordPress Blog?</a></h3><p>Hi, today I would like to cover a slight look on how to secure your WordPress, starting from the practical daily use and technical stuff. ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/web-development-environtment-linux/" rel="bookmark">Setting up Web Development Environment for Linux</a></h3><p>Been a while, yeah I've been working on a some project so barely have time for this blog. A comfortable web development environment for most ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/hello-world/" rel="bookmark">Insomnity (re)Launched!</a></h3><p>Ah, finally, we're back. As it should be, we will give off all knowledge we have to share, for FREE! We will also offer professional ...</p></div></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://insomnity.com/2011/border-radius-css-rounded-corner/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Beginning VB.NET, Hello World</title>
		<link>http://insomnity.com/2011/beginning-vb-net-hello-world/</link>
		<comments>http://insomnity.com/2011/beginning-vb-net-hello-world/#comments</comments>
		<pubDate>Tue, 24 May 2011 03:52:35 +0000</pubDate>
		<dc:creator>fath</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[helloworld]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[vb.net]]></category>
		<category><![CDATA[visual studio 2010]]></category>

		<guid isPermaLink="false">http://insomnity.com/?p=74</guid>
		<description><![CDATA[This tutorial is just a simple introduction on VB.Net programming, when you&#8217;re a seasoned VB programmer, trust me, you don&#8217;t want to read this whole post, it would be frantically boring. Why VB.Net ? well since I just learned VB.Net, I&#8217;ll make my own record on what I&#8217;ve learned here. I hope some of you wanted more so I can try harder and share a more complex program For this purposes, I will use Microsoft Visual Studio 2010 Express, a free IDE to play around with VB.Net Lets create a New Project, get to the menu, then choose File &#62; New &#62; Projects. There will be a dialog windows, choose Visual Basic &#62; Windows Forms Application, don&#8217;t forget to set a directory for the projects and a name. For now, lets call it &#8220;HelloWorld&#8220;. You will then get a form and a workspace in front of you, should be Form1. Double click the form, then the script editor will come out, and make sure the script will looks like this : Public Class Form1 Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Me.Text = "Hello World" Label1.Text = "What should I changed to ?" Button1.Text = [...]]]></description>
			<content:encoded><![CDATA[<p>This tutorial is just a simple introduction on VB.Net programming, when you&#8217;re a seasoned VB programmer, trust me, you don&#8217;t want to read this whole post, it would be frantically boring.</p>
<p>Why VB.Net ? well since I just learned VB.Net, I&#8217;ll make my own record on what I&#8217;ve learned here. I hope some of you wanted more so I can try harder and share a more complex program <img src='http://insomnity.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  For this purposes, I will use <a href="http://www.microsoft.com/express/Downloads/">Microsoft Visual Studio 2010 Express</a>, a free IDE to play around with VB.Net</p>
<p>Lets create a New Project, get to the menu, then choose <strong>File</strong> &gt; <strong>New</strong> &gt; <strong>Projects</strong>. There will be a dialog windows, choose <strong>Visual Basic</strong> &gt; <strong>Windows Forms Application</strong>, don&#8217;t forget to set a directory for the projects and a name. For now, lets call it &#8220;<strong>HelloWorld</strong>&#8220;.</p>
<p>You will then get a form and a workspace in front of you, should be <strong>Form1</strong>. Double click the form, then the script editor will come out, and make sure the script will looks like this :</p>
<pre>
Public Class Form1
    Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
        Me.Text = "Hello World"
        Label1.Text = "What should I changed to ?"
        Button1.Text = "OK"
        Button2.Text = "Clear"
    End Sub
End Class
</pre>
<p>Now back to the visual designer, add 1 label and 2 buttons so it will looked like this :</p>
<p><img class="aligncenter" src="http://farm3.static.flickr.com/2573/5752996211_2ebfd35b8e.jpg" alt="vbnet-helloworld-001" width="500" height="310" /></p>
<p>Double click Button1, and you will get script editor again for button1. Now change the new generated script like below  :</p>
<pre>
    Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
        Label1.Text = "Hello World" &#038; vbCrLf &#038; "Insomnity beginning the VB.NET"
    End Sub
</pre>
<p>Back to the visual editor, now double click the second button, Button2, the script will be like below :</p>
<pre>
    Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click
        Label1.Text = "What should I changed to ?"
    End Sub
</pre>
<p>Okay, you&#8217;re done, the final code will be as below :</p>
<pre>
Public Class Form1
    Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
        Me.Text = "Hello World"
        Label1.Text = "What should I changed to ?"
        Button1.Text = "OK"
        Button2.Text = "Clear"
    End Sub
    Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
        Label1.Text = "Hello World" &#038; vbCrLf &#038; "Insomnity beginning the VB.NET"
    End Sub

    Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click
        Label1.Text = "What should I changed to ?"
    End Sub
End Class
</pre>
<p><strong>Explanation:</strong></p>
<p>When you double click an element in the visual editor, you will automatically brought to the script editor for the corresponding elements, this gives out the ease to know which to edit immediately. Furthermore, pay attention to the handles, the handles for button and your main form are different. <em>MyBase.Load</em> means that the script will be executed during first load of the program, while <em>Button1.Click</em> means the script will be executed when the button clicked.</p>
<p><em>Me.Text</em> gives the title to the form.<br />
<em>The Label1.Text</em> gives a command to set the text that will be displayed on Label1.<br />
<em>Button1.Text</em> gives what should be displayed on Button.1.<br />
<em>Button2.Text</em> gives what should be displayed on Button.1.</p>
<p>Now press <strong>F5</strong> button to see your first application. Click between Ok and Clear button to see the program in action. Now you should understand what the script are doing, shouldn&#8217;t you?</p>
<p><img class="aligncenter" src="http://farm4.static.flickr.com/3189/5753541388_850dae5428.jpg" alt="vbnet-helloworld-002" /></p>
<p>What will happen if you clicked the OK button ?</p>
<p><img class="aligncenter" src="http://farm3.static.flickr.com/2369/5752996317_825aa5bac1.jpg" alt="vbnet-helloworld-003" /></p>
<p>&nbsp;</p>
<p>On this <strong>Beginning VB.NET, Hello World post</strong>, I just give you a simple example on how basic things works on VB.Net. I hope you enjoyed this and want more. Again, I&#8217;m open to any comments and suggestions</p>
<h4>Incoming search terms:</h4><ul><li>vb net for dummies</li><li>vb net hello world</li><li>Hello World vb net</li><li>form design in vb net</li><li>Clear button OK Button</li><li>vb net me text</li><li>vb net me texgt</li><li>vb net me</li><li>beginning net vb</li><li>vb net arp sender</li></ul><div id="seo_alrp_related"><h2>Posts Related to Beginning VB.NET, Hello World</h2><ul><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/how-to-secure-your-wordpress-blog/" rel="bookmark">How to Secure Your WordPress Blog?</a></h3><p>Hi, today I would like to cover a slight look on how to secure your WordPress, starting from the practical daily use and technical stuff. ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/web-development-environtment-linux/" rel="bookmark">Setting up Web Development Environment for Linux</a></h3><p>Been a while, yeah I've been working on a some project so barely have time for this blog. A comfortable web development environment for most ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/netcut-arp-exploitation/" rel="bookmark">NETCUT ARP exploitation, how it works, how to avoid</a></h3><p>Well, lets see, who doesn't know about netcut ? Netcut has been around for sometimes as a handy little tools to wreak havoc on local ...</p></div></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://insomnity.com/2011/beginning-vb-net-hello-world/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NETCUT ARP exploitation, how it works, how to avoid</title>
		<link>http://insomnity.com/2011/netcut-arp-exploitation/</link>
		<comments>http://insomnity.com/2011/netcut-arp-exploitation/#comments</comments>
		<pubDate>Sun, 22 May 2011 17:57:30 +0000</pubDate>
		<dc:creator>fath</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Thoughts]]></category>
		<category><![CDATA[anti netcut]]></category>
		<category><![CDATA[arp]]></category>
		<category><![CDATA[arp attack]]></category>
		<category><![CDATA[arp spoofing]]></category>
		<category><![CDATA[insomnity]]></category>
		<category><![CDATA[netcut]]></category>
		<category><![CDATA[security]]></category>

		<guid isPermaLink="false">http://insomnity.com/?p=67</guid>
		<description><![CDATA[Well, lets see, who doesn&#8217;t know about netcut ? Netcut has been around for sometimes as a handy little tools to wreak havoc on local computer networks and disable the victim from connecting to the internet. But how exactly is this things works ? what does it have to do with ARP ? what is ARP anyway ? I&#8217;ll give out a brief explanation on this topic, keep reading Okay, what is ARP ? The Address Resolution Protocol (ARP) is a computer networking protocol for determining a network host&#8217;s Link Layer or hardware address when only its Internet Layer (IP) or Network Layer address is known. Thats what wiki said. In simple explanation, its a method for a machines that connected to the local network to determine a PC location only using its IP. How ARP works ? How the hell it is exploitable anyway ? Okay, networking 101, we all know that when a PC, lets say, PC-A (192.168.1.1), wants to send a package to PC-B which has IP 192.168.1.2, then PC-A won&#8217;t be able to unless PC-A know what is PC-B machine address (MAC ADDRESS). The first thing it will do is asks the whole network, who has [...]]]></description>
			<content:encoded><![CDATA[<p>Well, lets see, who doesn&#8217;t know about netcut ? Netcut has been around for sometimes as a handy little tools to wreak havoc on local computer networks and disable the victim from connecting to the internet. But how exactly is this things works ? what does it have to do with ARP ? what is ARP anyway ? I&#8217;ll give out a brief explanation on this topic, keep reading <img src='http://insomnity.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><strong>Okay, what is ARP ?</strong></p>
<p>The Address Resolution Protocol (ARP) is a computer networking protocol for determining a network host&#8217;s Link Layer or hardware address when only its Internet Layer (IP) or Network Layer address is known. <a title="WIKI: Address Resolution Protocol" href="http://en.wikipedia.org/wiki/Address_Resolution_Protocol" target="_blank">Thats what wiki said</a>. In simple explanation, its a method for a machines that connected to the local network to determine a PC location only using its IP.</p>
<p><strong>How ARP works ? How the hell it is exploitable anyway ?</strong></p>
<p>Okay, networking 101, we all know that when a PC, lets say, PC-A (192.168.1.1), wants to send a package to PC-B which has IP 192.168.1.2, then PC-A won&#8217;t be able to unless PC-A know what is PC-B machine address (MAC ADDRESS). The first thing it will do is asks the whole network, who has IP 192.168.1.2, and eventually PC-B will answer its call like &#8220;<em>Hey, I am 192.168.1.2, my MAC are 1f:00:24:12:22</em>&#8220;. After that, the package then sent to PC-B.</p>
<p>Eventually, without even being asked, a PC can sent a package which broadcast that he is what he is. Its like &#8220;<em>Hey, I am PC-C, my IP is 192.168.1.3 and my MAC Address is 1f:00:24:12:23</em>&#8220;. All the other PC on the network will keep the record on a cache called ARP Table. The problem is, they won&#8217;t authenticate the validity of the broadcasts. They will just accept the broadcast and update its ARP Table.</p>
<p>That being said, now here comes the dirty thing.</p>
<p>What will happen if suddenly PC-D with IP 192.168.1.4 claimed and sent an ARP package saying that he is PC-B ? well, PC-A will just believe it and send the package to PC-D instead. IT IS EXPLOITABLE!</p>
<p>So, how netcut works then ?</p>
<p>I will explain on simple analogy based on our PC above, with additional PC-Z as a gateway with IP 192.168.1.254</p>
<ol>
<li><span style="color: #0000ff;">PC-Z 192.168.1.254</span> knows in its ARP Table that <span style="color: #008000;">PC-B</span> has MAC <span style="color: #008000;"><em>1f:00:24:12:22</em></span></li>
<li><span style="color: #008000;">PC-B 192.168.1.2</span> knows that <span style="color: #0000ff;">PC-Z </span>has MAC <span style="color: #0000ff;"><em>1f:00:24:12:99</em></span></li>
<li><span style="color: #ff0000;">PC-C 192.168.1.3</span> is the attacker, he sent ARP package to <span style="color: #0000ff;">PC-Z</span> saying that he is <span style="color: #008000;">192.168.1.2</span> with MAC <span style="color: #ff0000;"><em>1f:00:24:12:23</em></span></li>
<li><span style="color: #0000ff;">PC-Z</span> believed so, and he will save that <span style="color: #008000;">PC-B</span> has MAC <span style="color: #ff0000;"><em>1f:00:24:12:23</em></span></li>
<li><span style="color: #ff0000;">PC-C</span> sent another ARP package to <span style="color: #008000;">PC-B</span>, saying he is <span style="color: #0000ff;">192.168.1.254</span> with MAC <span style="color: #ff0000;"><em>1f:00:24:12:23</em></span></li>
<li><span style="color: #008000;">PC-B</span> believed so, and he will save that <span style="color: #0000ff;">PC-Z</span> has MAC <span style="color: #ff0000;"><em>1f:00:24:12:23</em></span></li>
<li>By then, every traffic from <span style="color: #008000;">B</span> -&gt; <span style="color: #0000ff;">Z</span> and <span style="color: #0000ff;">Z</span> -&gt; <span style="color: #008000;">B</span> will go through <span style="color: #ff0000;">C</span>, so<span style="color: #ff0000;"> C</span> can do everything he wanted with the package, whether its blocking it completely <strong> </strong>(<strong>Packet Poisoning</strong>), or altering it (<strong>Packet Injection</strong>).</li>
</ol>
<p>So, what netcut did, was simply lying to both PC-B and PC-Z, then render PC-B unable to connect to the internet completely.</p>
<p><strong>How do we avoid netcut arp exploitation then ?</strong></p>
<p>So far, what we can do against this kind of attack is to make our ARP Table static, and read only. That so if an ARP package or ARP broadcasts comes, then our machines will ignore it.</p>
<p>There are a lot of small tools out there like <a title="AntiARP" href="http://www.antiarp.com/english.html" target="_blank">Anti-ARP</a> for Windows platform and <a title="ArpON" href="http://arpon.sourceforge.net/" target="_blank">ARPOn</a> for Linux.</p>
<p>Manually in linux, make a record of static ARP so it won&#8217;t need to ask around to find the right address for the right package using ARP command :</p>
<pre>
arp -v [-t hardwaretype] -s hostname hardwareaddress
</pre>
<p>We can also use <a title="ARPTABLES" href="http://en.wikipedia.org/wiki/Arptables" target="_blank">ARPTABLES</a>, a package to maintain package filter rule, do it in root mode or just use sudo, make sure you already have package arptables installed.</p>
<pre>
arptables -P INPUT DROP
arptables -P OUTPUT DROP
arptables -A INPUT -s ip.of.gateway.machines --source-mac macaddress:of:gateway:machines -j ACCEPT
arptables -A OUTPUT -d ip.of.gateway.machines --destination-mac macaddress:of:gateway:machines -j ACCEPT
</pre>
<p>In windows, we can use either netsh or arp.</p>
<pre>
netsh -c "interface ipv4" set neighbors "Connection_name" "A.B.C.D" "XX-XX-XX-XX-XX-XX"
</pre>
<pre>
arp -s 10.0.0.200 00-10-54-CA-E1-40
</pre>
<p><strong>Conclusion</strong></p>
<p>ARP is still exploitable, even with our arptable being static, there are a lot of way to exploit this, I will explain later on another articles. The paranoid way to avoid netcut is by firing up Wireshark or Ettercap and let them sniff the network, so if ever a spoofer or attacker comes in duty, you can take the action necessary, whether its calling out the network administrator, or just slap the attacker in the face, or just spill a hot coffee on their laptop, that would be nice. Anyway, objections, corrections and comments are always welcome <img src='http://insomnity.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h4>Incoming search terms:</h4><ul><li>how netcut works</li><li>how netcut work</li><li>how to netcut</li><li>what is netcut</li><li>avoid netcut</li><li>netcut linux</li><li>netcut for fedora</li><li>how net cut works</li><li>how to avoid netcut</li><li>how does netcut work</li></ul><div id="seo_alrp_related"><h2>Posts Related to NETCUT ARP exploitation, how it works, how to avoid</h2><ul><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/install-modem-aha-on-linux/" rel="bookmark">Install Modem AHA on Linux System</a></h3><p>Tested kernel : Linux 2.6.32 and UP Tested OS : Ubuntu 10.04 ++, Blankon 6.1, Backtrack 4R2++, OpenSUSE 11.3 ++, Fedora 14, Slackware 13.37, Archlinux ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/how-to-secure-your-wordpress-blog/" rel="bookmark">How to Secure Your WordPress Blog?</a></h3><p>Hi, today I would like to cover a slight look on how to secure your WordPress, starting from the practical daily use and technical stuff. ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/costumize-linux-bootloader/" rel="bookmark">Classic way to costumize linux bootloader</a></h3><p>This is a classic way to customizing Bootloader, since its the same way I modified bootloader until few months ago. GRUB Grub uses 640x480(px) and ...</p></div></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://insomnity.com/2011/netcut-arp-exploitation/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web Safe Fonts : Approach to compatibility</title>
		<link>http://insomnity.com/2011/web-safe-fonts-approach-to-compatibility/</link>
		<comments>http://insomnity.com/2011/web-safe-fonts-approach-to-compatibility/#comments</comments>
		<pubDate>Thu, 05 May 2011 18:05:39 +0000</pubDate>
		<dc:creator>fath</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Thoughts]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[font-family]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[web fonts]]></category>

		<guid isPermaLink="false">http://insomnity.off/blog/?p=24</guid>
		<description><![CDATA[When we&#8217;re talking about fonts compatibility on the web, we&#8217;re going to go across the border of the operating systems. And when we go roaming around the operating systems (OS), it may vary from Mac, Linux, or Windows, each with its own pack of fonts. Knowing that, what we picked under one OS, can be slightly different when another visitors come from another OS. In this articles, I will try to give a hints on the safe way to approach this matter from the compatibility point of view. Why compatibility ? Mostly, when we pick only one fonts on our CSS, when a computer with different system doesn&#8217;t have the fonts, the web will be displayed using fonts that is exists on the viewers computers, which if we don&#8217;t specify the fonts family, system will use its default fonts. Often, the web page will then become crumbled, and looked ugly. The family A few lists on web-safe fonts family are below : font-family: Arial, Helvetica, sans-serif; font-family: &#8216;Arial Black&#8217;, Gadget, sans-serif; font-family: &#8216;Bookman Old Style&#8217;, serif; font-family: &#8216;Comic Sans MS&#8217;, cursive; font-family: Courier, monospace; font-family: &#8216;Courier New&#8217;, Courier, monospace; font-family: Garamond, serif; font-family: Georgia, serif; font-family: Impact, Charcoal, sans-serif; font-family: [...]]]></description>
			<content:encoded><![CDATA[<p>When we&#8217;re talking about fonts compatibility on the web, we&#8217;re going to go across the border of the operating systems. And when we go roaming around the operating systems (OS), it may vary from Mac, Linux, or Windows, each with its own pack of fonts. Knowing that, what we picked under one OS, can be slightly different when another visitors come from another OS. In this articles, I will try to give a hints on the safe way to approach this matter from the compatibility point of view.</p>
<p><strong>Why compatibility ?</strong></p>
<p>Mostly, when we pick only one fonts on our CSS, when a computer with different system doesn&#8217;t have the fonts, the web will be displayed using fonts that is exists on the viewers computers, which if we don&#8217;t specify the fonts family, system will use its default fonts. Often, the web page will then become crumbled, and looked ugly.</p>
<p><strong>The family</strong></p>
<p>A few lists on web-safe fonts family are below :</p>
<p>font-family: Arial, Helvetica, sans-serif;<br />
font-family: &#8216;Arial Black&#8217;, Gadget, sans-serif;<br />
font-family: &#8216;Bookman Old Style&#8217;, serif;<br />
font-family: &#8216;Comic Sans MS&#8217;, cursive;<br />
font-family: Courier, monospace;<br />
font-family: &#8216;Courier New&#8217;, Courier, monospace;<br />
font-family: Garamond, serif;<br />
font-family: Georgia, serif;<br />
font-family: Impact, Charcoal, sans-serif;<br />
font-family: &#8216;Lucida Console&#8217;, Monaco, monospace;<br />
font-family: &#8216;Lucida Sans Unicode&#8217;, &#8216;Lucida Grande&#8217;, sans-serif;<br />
font-family: &#8216;MS Sans Serif&#8217;, Geneva, sans-serif;<br />
font-family: &#8216;MS Serif&#8217;, &#8216;New York&#8217;, sans-serif;<br />
font-family: &#8216;Palatino Linotype&#8217;, &#8216;Book Antiqua&#8217;, Palatino, serif;<br />
font-family: Tahoma, Geneva, sans-serif;<br />
font-family: &#8216;Times New Roman&#8217;, Times, serif;<br />
font-family: &#8216;Trebuchet MS&#8217;, Helvetica, sans-serif;<br />
font-family: Verdana, Geneva, sans-serif;</p>
<p><strong>How it works ?</strong></p>
<p>On our css, its always a good approach to define the main font family for the whole page first, usually on the body.</p>
<pre>
body { font-family: Tahoma, Geneva, sans-serif; }
</pre>
<p>This way, when the visitors doesn&#8217;t have Tahoma, it will use Geneva. When geneva doesn&#8217;t exists, it will use any fonts from sans-serif family.</p>
<p>For the type, Verdana, Geneva, Arial, Helvetica, Times New Roman, and Times are proportional fonts having variable widths for the characters. Courier fonts are fixed-width. Verdana and Geneva were created specifically for display on web pages. They are sans serif and do not have the fine lines or serifs that adorn the ends of the letters in the Times New Roman and Times fonts. Arial and Helvetica are also sans serif. They were created for print media but look fine on web pages.</p>
<p><strong>The benefits</strong></p>
<p>By choosing your fonts wisely, you will then able to get the most typography advantages on your design. And what you see when you develop the web pages, is what the visitors will see in the future.</p>
<p><strong>Further reading</strong></p>
<p>Check out these resourceful material on web fonts, I picked the best of them to better understand this topic:</p>
<ul>
<li><a title="Font Tester web" href="http://www.fonttester.com/" target="_blank">Font Tester</a> : a place where you can test and compare what your fonts will looks like on the web, it also have decent list of font-family for a safe web fonts</li>
<li><a title="Codestyle fonts survey" href="http://www.codestyle.org/css/font-family/" target="_blank">Codestyle Fonts Survey</a> : The Code Style font sampler is a guide to the most common fonts on Windows, Mac and Linux.</li>
<li><a title="Wikipedia" href="http://en.wikipedia.org/wiki/Web_typography/" target="_blank">Wikipedia</a> : In depth look into web typography on Wikipedia.</li>
</ul>
<p><strong>Addition</strong><br />
dém pointing out a fatal mistakes of mine where I put wingding as the font family there which are not available in linux. Therefore, I agree with him that using Unicode character is also a good approach to web safe fonts compability.</p>
<p>If you want to add anything, feel free to comment. I&#8217;m open to suggestions.</p>
<h4>Incoming search terms:</h4><ul><li>web safe fonts 2011</li><li>web safe fixed width</li><li>web safe fonts</li><li>web safe fonts comic sans</li><li>benefits of web safe fonts</li><li>web safe default font serif</li><li>web safe fine serif</li><li>web safe font arial vs helvetica</li><li>web safe fonts compatibility</li><li>web safe proportional font</li></ul><div id="seo_alrp_related"><h2>Posts Related to Web Safe Fonts : Approach to compatibility</h2><ul><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/how-to-secure-your-wordpress-blog/" rel="bookmark">How to Secure Your WordPress Blog?</a></h3><p>Hi, today I would like to cover a slight look on how to secure your WordPress, starting from the practical daily use and technical stuff. ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/border-radius-css-rounded-corner/" rel="bookmark">Border Radius CSS Rounded Corner</a></h3><p>Particularly last years, a lot of people still get it hard to make a rounded corner layout using a pure CSS, there will still be ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/web-development-environtment-linux/" rel="bookmark">Setting up Web Development Environment for Linux</a></h3><p>Been a while, yeah I've been working on a some project so barely have time for this blog. A comfortable web development environment for most ...</p></div></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://insomnity.com/2011/web-safe-fonts-approach-to-compatibility/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Install Modem AHA on Linux System</title>
		<link>http://insomnity.com/2011/install-modem-aha-on-linux/</link>
		<comments>http://insomnity.com/2011/install-modem-aha-on-linux/#comments</comments>
		<pubDate>Thu, 05 May 2011 00:47:23 +0000</pubDate>
		<dc:creator>fath</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[modem aha]]></category>
		<category><![CDATA[modem olive]]></category>
		<category><![CDATA[wvdial]]></category>

		<guid isPermaLink="false">http://insomnity.com/?p=61</guid>
		<description><![CDATA[Tested kernel : Linux 2.6.32 and UP Tested OS : Ubuntu 10.04 ++, Blankon 6.1, Backtrack 4R2++, OpenSUSE 11.3 ++, Fedora 14, Slackware 13.37, Archlinux Modem : Olive V-ME 110 Provider : AHA (http://www.aha.co.id) CLI Way 1. Open Terminal : apronouva@insomnity:~$ lsusb Bus 008 Device 002: ID 0461:4d22 Primax Electronics, Ltd Bus 008 Device 001: ID 1d6b:0001 Linux Foundation 1.1 root hub Bus 007 Device 001: ID 1d6b:0001 Linux Foundation 1.1 root hub Bus 006 Device 002: ID 201e:2009 Bus 006 Device 001: ID 1d6b:0001 Linux Foundation 1.1 root hub Bus 005 Device 001: ID 1d6b:0001 Linux Foundation 1.1 root hub Bus 004 Device 001: ID 1d6b:0001 Linux Foundation 1.1 root hub Bus 003 Device 001: ID 1d6b:0001 Linux Foundation 1.1 root hub Bus 002 Device 003: ID 5986:0145 Acer, Inc Bus 002 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub Bus 001 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub 2. Got the &#8220;Bus 006 Device 002: ID 201e:2009&#8243; ? Good. apronouva@insomnity:~$ sudo modprobe usbserial vendor=0x201e product=0x2009 apronouva@insomnity:~$ ls /dev/ttyUSB* ls: cannot access /dev/ttyUSB*: No such file or directory 3. Because /dev/ttyUSB* not found, it means the devices detected as CD-ROM. You need to eject it first, [...]]]></description>
			<content:encoded><![CDATA[<p>Tested kernel : Linux 2.6.32 and UP<br />
Tested OS : Ubuntu 10.04 ++, Blankon 6.1, Backtrack 4R2++, OpenSUSE 11.3 ++, Fedora 14, Slackware 13.37, Archlinux<br />
Modem : Olive V-ME 110<br />
Provider : AHA (http://www.aha.co.id)</p>
<p><strong>CLI Way</strong><br />
1. Open Terminal :</p>
<pre>
apronouva@insomnity:~$ lsusb
Bus 008 Device 002: ID 0461:4d22 Primax Electronics, Ltd
Bus 008 Device 001: ID 1d6b:0001 Linux Foundation 1.1 root hub
Bus 007 Device 001: ID 1d6b:0001 Linux Foundation 1.1 root hub
Bus 006 Device 002: ID 201e:2009
Bus 006 Device 001: ID 1d6b:0001 Linux Foundation 1.1 root hub
Bus 005 Device 001: ID 1d6b:0001 Linux Foundation 1.1 root hub
Bus 004 Device 001: ID 1d6b:0001 Linux Foundation 1.1 root hub
Bus 003 Device 001: ID 1d6b:0001 Linux Foundation 1.1 root hub
Bus 002 Device 003: ID 5986:0145 Acer, Inc
Bus 002 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub
Bus 001 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub
</pre>
<p>2. Got the &#8220;Bus 006 Device 002: ID 201e:2009&#8243; ? Good.</p>
<pre>
apronouva@insomnity:~$ sudo modprobe usbserial vendor=0x201e product=0x2009
apronouva@insomnity:~$ ls /dev/ttyUSB*
ls: cannot access /dev/ttyUSB*: No such file or directory
</pre>
<p>3. Because /dev/ttyUSB* not found, it means the devices detected as CD-ROM. You need to eject it first, normally it should be /dev/sr1 if you already have CD-ROM devices. Could be different.</p>
<pre>
apronouva@insomnity:~$ eject /dev/sr1
apronouva@insomnity:~$ ls /dev/ttyUSB*
/dev/ttyUSB0  /dev/ttyUSB1  /dev/ttyUSB2
</pre>
<p>4. Works good, next, edit /etc/wvdial.conf</p>
<pre>
[Dialer Defaults]
Init = ATZ
Init = ATQ0 V1 E1 S0=0 &amp;C1 &amp;D2 +FCLASS=0
Modem Type = USB Modem
#Baud = 921600
Baud = 115200
Modem = /dev/ttyUSB0
Phone = #777
Username = aha@aha.co.id
Password = aha
New PPPD = yes
Stupid Mode = 1
</pre>
<p>5. Save it, now test your connection</p>
<pre>
apronouva@insomnity:~$ sudo wvdial
[sudo] password for apronouva:
--&gt; WvDial: Internet dialer version 1.60
--&gt; Cannot get information for serial port.
--&gt; Initializing modem.
--&gt; Sending: ATQ0 V1 E1 S0=0 &amp;C1 &amp;D2 +FCLASS=0
OK
--&gt; Modem initialized.
--&gt; Sending: ATDT#777
--&gt; Waiting for carrier.
ATDT#777
CONNECT 3100000
--&gt; Carrier detected.  Starting PPP immediately.
--&gt; Starting pppd at Sat Sep 18 20:56:03 2010
--&gt; Pid of pppd: 2265
--&gt; Using interface ppp0
--&gt; local  IP address 10.64.22.10
--&gt; remote IP address 192.168.240.83
--&gt; primary   DNS address 202.152.192.35
--&gt; secondary DNS address 202.152.203.2
</pre>
<p>Great, now its connected.</p>
<p>Another workaround, if you prefer usb_modeswitch method, take it from <a href="ftp://ftp.gunadarma.ac.id/blankon/pool/main/u/usb-modeswitch/usb-modeswitch_1.1.3-1blankon1_i386.deb">here</a> and <a href="ftp://ftp.gunadarma.ac.id/blankon/pool/main/u/usb-modeswitch-data/usb-modeswitch-data_20100621-1blankon1_all.deb">here</a>, then edit /etc/usb_modeswitch.conf :</p>
<pre>
DefaultVendor = 0x201e
DefaultProduct = 0x2009
#
TargetVendor = 0x201e
TargetProduct = 0x2009
#
CheckSuccess=20
#
MessageContent="555342431234567824000000800108df200000000000000000000000000000"
</pre>
<p>You can add this lines into /etc/modules to autodetect modem on each reboot :</p>
<pre>
usbserial vendor=0x201e product=0x2009
</pre>
<p><em>Warning : This might be different on another distros, practically, it lets modprobe to execute &#8220;usbserial vendor=0x201e product=0&#215;2009&#8243; at reboot.</em></p>
<p><strong>GUI way :</strong><br />
1. Download and install gnome-ppp package (sorry, haven&#8217;t found KDE one)<br />
2.a. Make sure modem detected, if not, you need to use CLI way above<br />
2.b. Activate  &#8220;<strong>Connect to Internet using Modem</strong>&#8221; on menu <em>System &gt; Administration &gt; User &amp; Groups &gt; Advanced Settings &gt; User Privileges</em><br />
3. Set it up according to the variable on CLI above, connect, done! Thats it! only three steps, and practically two.</p>
<p><em>Update :</em></p>
<h2>Info from Farihul Rouf (translated)</h2>
<p>GUI way :<br />
1- insert Modem AHA<br />
2- after detected, issue command : <em>cd /media/AHA\ Dialer/Linux/</em><br />
3- check the file using : <em>ls -l</em><br />
You will get something like these :<br />
-r——– 1 wangkeit wangkeit 827218 2010-06-03 17:12 data.bin<br />
-r——– 1 wangkeit wangkeit 19701 2009-09-12 18:40 DataCard_Verify<br />
-r——– 1 wangkeit wangkeit 23369 2010-06-03 17:12 install<br />
-r——– 1 wangkeit wangkeit 16971227 2010-06-03 17:12 MobilePartner.tar.gz<br />
-r——– 1 wangkeit wangkeit 871 2010-06-03 17:12 readme.txt<br />
-r——– 1 wangkeit wangkeit 920 2010-06-03 17:12 SysConfig.dat<br />
4- issue <em>sudo chmod 700 install</em><br />
5- execute it : ./install<br />
6- Wait up a moment, and AHA GUI client will be installed : You can use it to connect and sent sms.</p>
<p><em>Disclaimer </em>: On Ubuntu, BlankOn, Backtrack, OpenSUSE and Fedora, the essential is having package wvdial installed, on Archlinux, because its pretty nice and bleeding edge distros, it needs more workaround on the kernel. This posts was originally from my personal blog at <a href="http://chibifish.wordpress.com">Chibifish</a>. I personally prefer CLI way. IMHO, its more stable than the GUI way. Basically, the installation on most modem are the same, you only need to probe its modules, make the system detect your modem, then let wvdial do the connection for you. </p>
<p><em>Credits: <a href="http://aha.co.id">AHA</a>, <a href="http://insomnity.com">Insomnity</a>, <a href="http://ubuntuforums.org">forum Ubuntu</a>, <a href="http://groups.google.com/group/id-ubuntu">milis ID-Ubuntu</a>, <a href="http://groups.google.com/group/blankon">milis BlankON</a>.</em></p>
<h4>Incoming search terms:</h4><ul><li>Modem aha</li><li>instal aha di linux</li><li>install modem aha di slackware 13 37</li><li>kuskus</li><li>wvdial modem AHA olive</li><li>modem 201e opensuse</li><li>setting modem aha di opensuse</li><li>instal modem aha di linux</li><li>WWW AHA CO ID</li><li>E:\SysConfig dat</li></ul><div id="seo_alrp_related"><h2>Posts Related to Install Modem AHA on Linux System</h2><ul><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/costumize-linux-bootloader/" rel="bookmark">Classic way to costumize linux bootloader</a></h3><p>This is a classic way to customizing Bootloader, since its the same way I modified bootloader until few months ago. GRUB Grub uses 640x480(px) and ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/web-development-environtment-linux/" rel="bookmark">Setting up Web Development Environment for Linux</a></h3><p>Been a while, yeah I've been working on a some project so barely have time for this blog. A comfortable web development environment for most ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/netcut-arp-exploitation/" rel="bookmark">NETCUT ARP exploitation, how it works, how to avoid</a></h3><p>Well, lets see, who doesn't know about netcut ? Netcut has been around for sometimes as a handy little tools to wreak havoc on local ...</p></div></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://insomnity.com/2011/install-modem-aha-on-linux/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Classic way to costumize linux bootloader</title>
		<link>http://insomnity.com/2011/costumize-linux-bootloader/</link>
		<comments>http://insomnity.com/2011/costumize-linux-bootloader/#comments</comments>
		<pubDate>Tue, 03 May 2011 23:58:06 +0000</pubDate>
		<dc:creator>fath</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[bootloaders]]></category>
		<category><![CDATA[grub]]></category>
		<category><![CDATA[lilo]]></category>
		<category><![CDATA[linux]]></category>

		<guid isPermaLink="false">http://insomnity.com/?p=55</guid>
		<description><![CDATA[This is a classic way to customizing Bootloader, since its the same way I modified bootloader until few months ago. GRUB Grub uses 640&#215;480(px) and up to 14 color for the background image. You may convert/resize any images with any image editor, save it as .xpm file. If you have ImageMagick, you may use : $ convert yourbootimage.png  -colors 14 -resize 640x480  bootimggrub.xpm Then gzipped and copy boot-grub.xpm to /boot/grub $ gzip bootimggrub.xpm $ cp bootimggrub.xpm.gz /boot/grub Now open /boot/grub/grub.conf and add bootimggrub, here&#8217;s an example of configuration : default=0 timeout=33 splashimage=(hd1,0)/boot/grub/bootimggrub.xpm.gz foreground=000000 background=fafafafa hiddenmenu title Slackware 12 (2.6.21.5-huge-smp) root (hd1,0) kernel /boot/vmlinuz-huge-smp-2.6.21.5-smp root=/dev/hda10 ro boot title Windows XP SP3 rootnoverify (hd0,0) chainloader +1 The other customizable lines: default=0: The default priority boot Operating System timeout=33: Countdown timer setting for selecting OS foreground, background: This is for the color setting. title Slackware 12 (2.6.21.5-huge-smp): This is where you edit the title for your OS, only this line, the afterlines are meant to be left as is. LILO LILO uses the same resolution, 640&#215;480(px), but up to 255 color. Convert and save your image as .bmp file. After that, copy that file to /boot. For example, I use mybootimg.bmp, then : $ cp [...]]]></description>
			<content:encoded><![CDATA[<p>This is a classic way to customizing Bootloader, since its the same way I modified bootloader until few months ago.</p>
<p><strong>GRUB</strong></p>
<p>Grub uses 640&#215;480(px) and up to 14 color for the background image. You  may convert/resize any images with any image editor, save it as .xpm  file. If you have ImageMagick, you may use :</p>
<pre>
$ convert yourbootimage.png  -colors 14 -resize 640x480  bootimggrub.xpm
</pre>
<p>Then gzipped and copy boot-grub.xpm to /boot/grub</p>
<pre>
$ gzip bootimggrub.xpm
$ cp bootimggrub.xpm.gz /boot/grub
</pre>
<p>Now open /boot/grub/grub.conf and add bootimggrub, here&#8217;s an example of configuration :</p>
<pre>
default=0
timeout=33
splashimage=(hd1,0)/boot/grub/bootimggrub.xpm.gz
foreground=000000
background=fafafafa
hiddenmenu
title Slackware 12 (2.6.21.5-huge-smp)
root (hd1,0)
kernel /boot/vmlinuz-huge-smp-2.6.21.5-smp root=/dev/hda10 ro
boot
title Windows XP SP3
rootnoverify (hd0,0)
chainloader +1
</pre>
<p>The other customizable lines:<br />
default=0: The default priority boot Operating System<br />
timeout=33: Countdown timer setting for selecting OS<br />
foreground, background: This is for the color setting.<br />
title Slackware 12 (2.6.21.5-huge-smp): This is where you edit the title for your OS, only this line, the afterlines are meant to be left as is.</p>
<p><strong>LILO</strong></p>
<p>LILO uses the same resolution, 640&#215;480(px), but up to 255 color. Convert  and save your image as .bmp file. After that, copy that file to /boot. For example, I use mybootimg.bmp, then :</p>
<pre>
$ cp mybootimg.bmp /boot
</pre>
<p>Now edit file /etc/lilo.conf, and put these lines:</p>
<pre>
install=bmp
bitmap=/boot/mybootimg.bmp
bmp-table=50p,215p,1,6
bmp-colors=255,0,240,75,240,60
bmp-timer=580p,455p,0,254,
</pre>
<p>Where :<br />
bmp-table : A position of where the LILO table must be shown. The syntax is (x-coordinates),(y-coordinates),(column),(row); p means in pixels. On my examples, it means the LILO table will be shown 50pixels from left and 215pixels from top.</p>
<p>bmp-colors : Color setting. The syntax is &lt;foreground&gt;,&lt;background&gt;,&lt;shadowbackground&gt;,&lt;selectionforeground&gt;,&lt;selectionbackground&gt;,&lt;selectionshadow&gt;</p>
<p>You may left both shadow color and selection shadow color empty, the value is 0-254.</p>
<p>bmp-timer : Countdown Timer  setting for OS selection. The syntax is  &lt;x-coordinates&gt;,&lt;y-coordinates&gt;,&lt;bgcolor&gt;,&lt;fgcolor&gt;,&lt;shadowcolor&gt;</p>
<p>Check above rule for value.</p>
<p>Once you are sure that /etc/lilo.conf is properly configured, run</p>
<pre>
$ lilo -v
</pre>
<p>This is an old writing of mine, just want to keep it safe <img src='http://insomnity.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h4>Incoming search terms:</h4><ul><li>lilo bmp</li><li>slackware lilo os selection</li><li>lilo conf background bitmap</li><li>2011 lilo o grub</li><li>lilo table</li><li>lilo os selection</li><li>lilo or grub bootloader 2011</li><li>lilo on arch linux</li><li>lilo linux change color</li><li>linux arch-lilo bmp</li></ul><div id="seo_alrp_related"><h2>Posts Related to Classic way to costumize linux bootloader</h2><ul><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/netcut-arp-exploitation/" rel="bookmark">NETCUT ARP exploitation, how it works, how to avoid</a></h3><p>Well, lets see, who doesn't know about netcut ? Netcut has been around for sometimes as a handy little tools to wreak havoc on local ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/install-modem-aha-on-linux/" rel="bookmark">Install Modem AHA on Linux System</a></h3><p>Tested kernel : Linux 2.6.32 and UP Tested OS : Ubuntu 10.04 ++, Blankon 6.1, Backtrack 4R2++, OpenSUSE 11.3 ++, Fedora 14, Slackware 13.37, Archlinux ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/border-radius-css-rounded-corner/" rel="bookmark">Border Radius CSS Rounded Corner</a></h3><p>Particularly last years, a lot of people still get it hard to make a rounded corner layout using a pure CSS, there will still be ...</p></div></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://insomnity.com/2011/costumize-linux-bootloader/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Insomnity (re)Launched!</title>
		<link>http://insomnity.com/2011/hello-world/</link>
		<comments>http://insomnity.com/2011/hello-world/#comments</comments>
		<pubDate>Sat, 30 Apr 2011 23:12:29 +0000</pubDate>
		<dc:creator>fath</dc:creator>
				<category><![CDATA[Thoughts]]></category>

		<guid isPermaLink="false">http://insomnity.off/blog/?p=1</guid>
		<description><![CDATA[Ah, finally, we&#8217;re back. As it should be, we will give off all knowledge we have to share, for FREE! We will also offer professional services on web development, web designs, corporate identity, and online marketing. Well, enjoy what we have for now, we will give off more and more in the future, so check back frequently. Posts Related to Insomnity (re)Launched!Setting up Web Development Environment for LinuxBeen a while, yeah I've been working on a some project so barely have time for this blog. A comfortable web development environment for most ...Border Radius CSS Rounded CornerParticularly last years, a lot of people still get it hard to make a rounded corner layout using a pure CSS, there will still be ...How to Secure Your WordPress Blog?Hi, today I would like to cover a slight look on how to secure your WordPress, starting from the practical daily use and technical stuff. ...]]></description>
			<content:encoded><![CDATA[<p>Ah, finally, we&#8217;re back. As it should be, we will give off all knowledge we have to share, for FREE! We will also offer professional services on web development, web designs, corporate identity, and online marketing.</p>
<p>Well, enjoy what we have for now, we will give off more and more in the future, so check back frequently.</p>
<div id="seo_alrp_related"><h2>Posts Related to Insomnity (re)Launched!</h2><ul><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/web-development-environtment-linux/" rel="bookmark">Setting up Web Development Environment for Linux</a></h3><p>Been a while, yeah I've been working on a some project so barely have time for this blog. A comfortable web development environment for most ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/border-radius-css-rounded-corner/" rel="bookmark">Border Radius CSS Rounded Corner</a></h3><p>Particularly last years, a lot of people still get it hard to make a rounded corner layout using a pure CSS, there will still be ...</p></div></li><li><div class="seo_alrp_rl_content"><h3><a href="http://insomnity.com/2011/how-to-secure-your-wordpress-blog/" rel="bookmark">How to Secure Your WordPress Blog?</a></h3><p>Hi, today I would like to cover a slight look on how to secure your WordPress, starting from the practical daily use and technical stuff. ...</p></div></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://insomnity.com/2011/hello-world/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

