Displaying articles with tag ubuntu

GEdit looks like Textmate

Posted by PunNeng, Sun May 11 16:18:00 UTC 2008

Textmate is the best text editor I've ever used. Unfortunately, it's only on Mac OS X. As you guys know I'm a big fan of Ubuntu and I prefer GEdit.

One thing I really like on Mac OS X is font rendering and that is what I like when I'm on Textmate, it looks pretty cool so I'd like to see it in GEdit as well !!!

I knew how to do that from Tonkla(thanks a lot). That's bloody easy, just open terminal and put

$ sudo dpkg-reconfigure fontconfig-config

and then set font hinting to "None" and leave the rest of the options as default.

Install font you prefer(I prefer Monaco) then you'll get your GEdit looks like this:

GEdit looks like Textmate

3 comments | Filed Under: General | Tags: ubuntu

Compiz on ATI X700

Posted by PunNeng, Mon Nov 05 15:53:00 UTC 2007

I tested on my Acer TravelMate 8104 WLMi with ATI RADEON X700.
Works pretty cool!!

Make sure your ATI accelerated graphics driver is enabled. It will install fglrx driver

Installing Compiz

Install all drivers you need.

$ sudo apt-get install xorg-driver-fglrx # if you couldn't enable graphics driver
$ sudo apt-get install fglrx-control # if you couldn't enable graphics driver
$ sudo apt-get install xserver-xgl
Remove all default configurations and re-install.
$ sudo apt-get remove compiz
$ sudo apt-get install compiz compizconfig-settings-manager
Also, remove Beryl if you have. then log out and log in again.
Now compiz should be working.
If not, check in your xorg.conf file (/etc/X11/xorg.conf) and put these texts in xorgs.conf
Section "Module"
  Load "bitmap"
  Load "ddc"
  Load "dri"
  Load "extmod"
  Load "freetype"
  Load "glx"
  Load "int10"
  Load "type1"
  Load "vbe"
  Load "dbe"
EndSection

Section "Device"
  Identifier "ATI Technologies Inc Radeon Mobility X700 (PCIE)" # depends on your graphic gard 
  Driver "fglrx"
  Busid "PCI:1:0:0"
  Option "MonitorLayout" "LVDS,AUTO"
  Option "XAANoOffscreenPixmaps"
  Option "AGPMode" "8"
  Option "AGPFastWrite" "true"
  Option "AddARGBGLXVisuals" "true"
  Option "DisableGLXRootClipping" "true"
  Option "EnablePageFlip" "true"
EndSection

Section "Extensions"
  Option "Composite" "0"
EndSection
Open CompizConfig Settings Manager in Preferences and enable:
Cube
3d_cube
  • Desktop Cube (don't forget Skydome)
  • Rotate Cube
  • Viewport Switcher (optional) if you want to change desktops with the mousewheel
  • Cube Caps (optional) lets you use an images on top and bottom of the cube
Expo
expo
  • Expo
Window switchers
flip cover ring
  • Shift switchers (Cover & Flip)
  • Ring switchers (Ring)

Installing Screenlets (Widgets)


Widget Layer
screenlets
Don't forget to enable Widget layer in compiz manager.
Add these texts below to your sources.list(/etc/apt/sources.list)
deb http://hendrik.kaju.pri.ee/ubuntu gusty screenlets
then go to terminal
$ wget http://hendrik.kaju.pri.ee/ubuntu/hendrikkaju.gpg
$ sudo apt-key add hendrikkaju.gpg
$ rm hendrikkaju.gpg
$ sudo apt-get update
$ sudo apt-get install screenlets
$ mkdir ~/.config/Screenlets
$ mkdir ~/.config/autostart

3d windows & Screensaver

3d windows, Atlantis, Freewins and Screensaver
$ sudo apt-get install build-essential libxcomposite-dev libpng12-dev libsm-dev libxrandr-dev libxdamage-dev libxinerama-dev libstartup-notification0-dev libgconf2-dev libgl1-mesa-dev libglu1-mesa-dev libmetacity-dev librsvg2-dev libdbus-1-dev libdbus-glib-1-dev libgnome-desktop-dev libgnome-window-settings-dev gitweb curl autoconf automake automake1.9 libtool intltool libxslt1-dev xsltproc
$ wget http://somelinuxguy94.googlepages.com/3d-0.6.0.tar.gz
$ tar xzf 3d-0.6.0.tar.gz
$ cd 3d-0.6.0
$ make && sudo make install
$ wget http://somelinuxguy94.googlepages.com/atlantis-0.6.0.tar.gz
$ tar xzf atlantis-0.6.0.tar.gz
$ cd atlantis-0.6.0
$ make && sudo make install
$ wget http://somelinuxguy94.googlepages.com/freewins-0.2-0.6.zip
$ unzip freewins-0.2-0.6.zip
$ cd freewins-0.2-0.6
$ make && sudo make install
$ wget http://somelinuxguy94.googlepages.com/screensaver-0.6.0.tar.gz
$ tar xzf screensaver-0.6.0.tar.gz
$ cd screensaver-0.6.0
$ sudo apt-get install x11proto-scrnsaver-dev libxss-dev
$ make && sudo make install

Installing Dock

dock

Add these texts below to your sources.list(/etc/apt/sources.list)

deb http://download.tuxfamily.org/syzygy42 gutsy avant-window-navigator
deb-src http://download.tuxfamily.org/syzygy42 gutsy avant-window-navigator

then go to terminal

$ wget http://download.tuxfamily.org/syzygy42/reacocard.asc
$ sudo apt-key add reacocard.asc
$ rm reacocard.asc
$ sudo apt-get update
$ sudo apt-get install avant-window-navigator-bzr awn-core-applets-bzr

Make dock run when startup automatically

System >> Preference >> Session
Start up Programs >> Add

Fill "avant-window-navigator" in name and command
AWN Manager will be in Preferences

Green Theme

green_stinky

Download here and get wallpaper here

References: Forlong's Blog, Alejandrox, ubuntuforums - link1, link2, compiz-fusion

8 comments | Filed Under: General | Tags: ubuntu

Rspec Autotesting with libnotify( on Ubuntu)

Posted by PunNeng, Mon Oct 15 01:01:00 UTC 2007

ก็เคย set บน os x ไปแล้ว คราวนี้จะมา set บน ubuntu กันบ้าง

พระเอกคราวนี้เห็นจะเป็น libnotify

เริ่มต้นเหมือนเดิม ติดตั้ง rspec zentest redgreen ด้วย gem แล้วก็ plugin ของ rails ที่ชื่อ rspec และ rspec_on_rails ไปก่อน แล้วมาติดตั้งเจ้า libnotify

$ sudo apt-get install libnotify-bin

จากนั้นก็สร้าง .autotest เหมือนเดิม ไว้ที่ home

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
module Autotest::GnomeNotify

  # Time notification will be displayed before disappearing automatically
  EXPIRATION_IN_SECONDS = 2
  ERROR_STOCK_ICON = "gtk-dialog-error"
  SUCCESS_STOCK_ICON = "gtk-dialog-info"
  PENDING_STOCK_ICON = "gtk-dialog-warning"

  Autotest.add_hook :ran_command do |at|
    if at.results.empty? # break out gracefully if a test file throws an uncaught exception
      notify ERROR_STOCK_ICON, "Syntax error", ""
    else
      output = format_input( at.results )
      display_notification( output )
    end
  end

  private

  def self.notify stock_icon, title, message
    options = "-t #{EXPIRATION_IN_SECONDS * 1000} -i #{stock_icon}"
    system "notify-send #{options} '#{title}' '#{message}'"
  end

  # isolate the example, failure, pending line like "12 examples, 4 failures, 5 pending"
  # and remove color codes
  def self.format_input( input )
    output = input.detect{ |result| result.include? "example"}
    output = remove_color_codes( output )
  end

  def self.display_notification( output )
    examples, failures, pending = output.split(", ")
    if failures.to_i > 0
      notify ERROR_STOCK_ICON, "Tests Failed", output
    elsif pending.to_i > 0
      notify PENDING_STOCK_ICON, "Tests Pending", output
    else
      notify SUCCESS_STOCK_ICON, "Tests Passed", output
    end
  end


  def self.remove_color_codes( string )
    string.match( /m(.+)\e/)[1]
  end

end

หน้าตาก็จะประมาณนี้

autotest_on_ubuntu

ปล. post อันที่แล้วก็ว่าไปแล้วทีนึง คราวนี้ขอโฆษณาให้คุณวุธ(ไม่รู้สะกดชื่อถูกหรือเปล่า)เต็มๆ ผมไปนั่งร้านกาแฟบ่อยครับ ทุกเสาร์อาทิตย์ แล้วก็ใช้ ubuntu นี่แหละครับ ร้านกาแฟเดียวกันที่ mk เคยเอาลง blog ชื่อร้านว่า Cofe' De Woody อยากคุยเรื่อง rails กับผมก็มาเจอกันได้ :)
ปอ. ผมไม่ทำ rails บน windows นะครับ :) ถ้าอยากใช้ rspec ก็ไปที่ ph7 นะครับ ผมก็เอาตัว libnotify มาจากที่นี่แหละครับ

0 comments | Filed Under: Ruby on Rails | Tags: ubuntu

Textmate style in gedit

Posted by PunNeng, Sun Oct 07 23:00:00 UTC 2007

ช่วงนี้ผมไปนั่งร้านกาแฟบ่อย เลยต้องแบก laptop ไปด้วย เลยต้องเตรียมสภาพแวดล้อมให้ rails บน ubuntu เสียหน่อย ขณะที่อยู่บน osx ผมใช้ Textmate ในการทำเว็บ เกิดต้องมาอยู่บน ubuntu ก็อยากได้แบบ textmate อีกเหมือนกัน

ผมเล่นง่ายๆ กับ gedit นี่แหละครับ

Edit->Preferences->Plugins
เลือก File Browser Pane และ Snippets ก็เป็นอันเสร็จสิ้น

หน้าตาก็จะได้แบบนี้

textmate_gedit

แล้วก็ไปโหลดตัว completion(กด tab) และ highlighter ได้ที่ bitsbam

$ wget http://bitsbam.com/mefiles/x-rhtml.xml
$ wget http://bitsbam.com/mefiles/rhtml.lang
$ sudo cp x-rhtml.xml /usr/share/mime/packages/x-rhtml.xml
$ sudo cp rhtml.lang /usr/share/gtksourceview-2.0/language-specs/rhtml.lang
$ sudo update-mime-database /usr/share/mime/

ก็น่าจะ ok แล้ว

3 comments | Filed Under: General | Tags: ubuntu

Flex on Ubuntu(1)

Posted by PunNeng, Fri Jun 08 12:38:00 UTC 2007

กระแส RIA แรงเหลือเกิน ก็มีให้เลือกเยอะ flex, silverlight, javaFX, openLazlo, ajax แต่ยืนบน flash มานานละ ที่ทำงานก็ต้องใช้ flex ทำงานด้วย ก็เลยมาทำ RIA ด้วย flex นี่แหละ และมันก็สามารถทำบน linux ได้ด้วย ก็ลองบน ubuntu นี่แหละ มาดูแบบง่ายๆ กันก่อน ว่าผลที่ทำออกมาจะเป็นแบบไหน



เริ่มต้นด้วยการโหลด flex sdk มาก่อน จากนั้น extract ไว้ที่ตามใจชอบ จากนั้น ไป config เล็กน้อยสำหรับ SciTE อีกหน่อย(ผมเคย config มันไปทีนึงแล้ว ลองทบทวนดูอีกทีก็ได้ครับ)

$ sudo gedit /usr/share/scite/html.properties

บางส่วน แก้ code เป็น

file.patterns.xml=*.xml;*.xsl;*.svg;*.xul;*.xsd;*.dtd;*.xslt;*.axl;*.xrc;*.rdf;*.swfml;*.mxml
filter.web=Web (html htm asp shtml css xml docbook jsp swfml mxml)|$(file.patterns.web);*.css;*.xml;*.docbook|

*.swfmil ไม่จำเป็น แค่เพิ่ม *.mxml ก็พอ ใส่ code สำหรับปุ่ม build ด้านล่างของ file หน่อย

command.build.*.mxml=/path/to/your/flex_sdk/bin/mxmlc $(FileNameExt) -output $(FileName).swf

จริงๆ จะสั่งจาก terminal ตรงๆ ก็ได้ ตัว flash player ยังคงเหมือนเดิมเรื่อง font ต้องทำการ embed font เสมอ แต่วิธีการ embed font ใน flex ต่างจาก flash หน่อย

$ gedit /path/to/your/flex_sdk/frameworks/flex-config.xml

ใน tag fonts เพิ่มก้อนนี้เข้าไป

  1
  2
  3
  4
  5
  6
<languages>
    <language-range>
        <lang>ThaiEng</lang>
        <range>U+0E01-U+0E5B,U+0020,U+0041-U+005A,U+0020,U+0061-U+007A,U+0020,U+0061-U+007A,U+0030-U+0039,U+002E,U+0020-U+002F,U+003A-U+0040,U+005B-U+0060,U+007B-U+007E</range>
    </language-range>
</languages>
ในนี้จะรวม English(Uppercase,Lowercase) Numerals Punctuation และ Thai ตัวอย่างดูได้จาก /path/to/your/flex_sdk/frameworks/flash-unicode-table.xml
สั่งต่อ
$ scite flex_example1.mxml

เอา code ก้อนนี้แปะไป

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
<?xml version="1.0" encoding="UTF-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    applicationComplete="feedRequest.send()" layout="absolute">
    <mx:Style>
    @font-face {
        font-family : mySerif;
        src : local("Serif");
    unicode-range : "ThaiEng";
     }

     Panel{
        fontFamily: mySerif; 
     }

    </mx:Style>
    <mx:HTTPService 
        id="feedRequest" 
        url="http://feeds.feedburner.com/ubuntuclub" 
        useProxy="false" />
    <mx:Panel x="20" y="10" width="475" height="400" title="Flex on Ubuntu" layout="absolute" >
    <mx:Label x="20" y="5" htmlText="{feedRequest.lastResult.rss.channel.title}" />
        <mx:DataGrid id="dgPosts" x="20" y="30" width="400" dataProvider="{feedRequest.lastResult.rss.channel.item}">
            <mx:columns>
                <mx:DataGridColumn headerText="Posts" dataField="title"/>
                <mx:DataGridColumn headerText="Date" dataField="pubDate" width="150" />
            </mx:columns>
        </mx:DataGrid>
        <mx:LinkButton x="20" y="285" label="Read Full Post" click="navigateToURL(new URLRequest(dgPosts.selectedItem.link));"/>
        <mx:TextArea x="20" y="185" width="400" height="80" htmlText="{dgPosts.selectedItem.description}" />
    </mx:Panel>

</mx:Application>

แล้วก็กดปุ่ม build โลดดด
ก็จะได้ผลอย่างที่เห็นนั่นแหละครับ
แล้วเอา .swf ไปใช้งานตามสะดวก

เห็นไหม บน Linux ก็ทำ Flex ได้

1 comment | Filed Under: General | Tags: ubuntu

codegent: we're hiring