Ruby on Rails Unobstrusive jQuery

Ruby on Rails 的終極 Unobstrusive jQuery 方案

利用yield 把各頁面所有的javascript 擺到整個頁面底部
<br /> ...<br /><[/body]><br /><[/html]><br /><!-- include javascripts --><br /><%=javascript_include_tag("http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js") %><br /><%=javascript_include_tag("http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js") %><br /><!--//include javascripts //--><br /><!-- jquery and other functions--><br /><%javascript_tag do %><br />$(document).ready(function() {<br /> <%= yield :js_ready %><br />});<br /><%end %><br /><!-- //jquery and other functions //--><br />

利用innterHTML 插入大量html時會有的問題

Ways to increase performance when set big value to innerHTML
Asynchronous innerHTML
異步 innerHTML

還有Fastest way to build an HTML string
盡量減少string 直接相加, 利用array join 是最快的

Improving the Usability of Your Ruby on Rails Applications

Improving the Usability of Your Ruby on Rails Applications


每個人都有自己的喜好, 都以為自己是設計師, 但是其實designer , developer 都不是, 請找真正的user 做測試

七個原則

1. Create Structure
Organize Prioritize Group Separate Differentiate



2. Use standard
User 大部分的時間在其他網站 所以跟著一般的習慣吧 Follow conventions



3. Be predicatble
做出能讓user 預期的到的介面 行為


4. Reduce Barriers
user 在網站最常做的動作就是離開 所以給個能簡單快速註冊的方式吧


5. Add Affordance


什麼介面都是需要學習的 所以讓一切的東西都變大吧



6. Give Feedback
給所有user 做的動作一個回應 讓他知道正在做或做完了


7. Simplity



所有的選擇都是麻煩 把所有不必要資訊拿掉吧

apache RewriteCond , RewriteRule

如何讓 MediaWiki 可以使用漂亮的網址
Apache Module mod_rewrite
<br /> RewriteEngine On<br /><br /> #如果沒有www, 是example.com.tw 就加上www<br /> RewriteCond %{HTTP_HOST} ^example\.com\.tw [NC]<br /> RewriteRule ^/(.*) http://www.example.com.tw/$1 [L,R]<br /><br /> #把有aol, nownews 的後面都加上html<br /> RewriteRule ^/aol$ http://www.example.com.tw/aol.html<br /> RewriteRule ^/nownews$ http://www.example.com.tw/nownews.html<br /><br /> #後面接的不是 aol, nownews, systemmatain 的就導到systemmatain<br /> RewriteCond %{REQUEST_URI} !^/[aol|nownews|systemmatin\.html]<br /> RewriteRule ^/(.*) http://www.example.com.tw/systemmatain.html [L,R]<br /><br />

Ajax File Uploads in Rails

Ajax File Uploads in Rails
jaxy_file_uploads

git github capistrano in hostingrails

github Guides: Deploying with Capistrano feed
How to Deploy Rails Using Git with Capistrano on Mongrel with HostingRails
Using Capistrano with Passenger (mod_rails)

my deploy.rb
<br />set :application, 'app_name'<br />#user for ssh login<br />set :user, 'hostingrails-username'<br /><br />default_run_options[:pty] = true<br /><br />set :repository, "github repository"<br />set :scm, "git"<br />set :git_account, 'github username'<br />set :scm_passphrase, "github password" #This is your custom users password<br /><br />set :branch, "master"<br />set :deploy_via, :remote_cache<br />set :git_shallow_clone, 1<br />set :git_enable_submodules, 1<br />set :use_sudo, false<br />set :deploy_to, "/home/#{user}/deploy"<br /><br />set :shared_children, %w(system log pids mugshots)<br /> <br />after 'deploy:update_code', 'iwakela:extra_setting'<br /><br />role :web, 'example.com'<br />role :app, 'example.com'<br />role :db, 'example.com', :primary => true<br /><br /><br />namespace :example do<br /> task :extra_setting do<br /> run <<-CMD<br /> rm -rf #{latest_release}/public/mugshots &&<br /> mkdir -p #{latest_release}/public &&<br /> ln -s #{shared_path}/mugshots #{latest_release}/public/mugshots<br /> CMD<br /><br /> db_config = "#{current_path}/config/database.online.yml"<br /> run "cp #{db_config} #{current_path}/config/database.yml;"<br /> end<br /><br /> task :update do<br /> deploy::update<br /> end<br /><br /> task :restart do<br /> run "touch #{current_path}/tmp/restart.txt"<br /> end<br /><br />end<br /><br />

備忘
<br />#把deploy.rb 生出來<br />capify .<br /><br />#把目錄建一建, 像shared 下面那些<br />cap deploy:setup <br /><br />#好物 爆了 快用<br />cap deploy:rollback<br /><br />#use_sudo defaults to true. Capistrano often needs to run commands under the root user. You can suppress this behavior by setting<br />set :use_sudo, false<br /><br />#:run_method defaults to :sudo. Capistrano uses this option to determine<br />#whether the cap deploy:restart should run under the current<br />#user (specify the :run value) or root (specify the :sudo option).<br />

顯示捲動條

活在人家的iframe 裡, 想打開捲軸就得自己來了
<br /> document.body.scroll="yes";<br />

rails 用gmail 寄信

How To: Use GMail as your mail server for Rails 2.0!
smtp_tls.rb incompatible with ruby 1.8.7

如果你是ruby 1.8.6 那麼你需要這個plugin action_mailer_tls

Ruby 1.8.7 supports SMTP TLS and Rails 2.2.1 ships with an option to enable it if you're running Ruby 1.8.7.

<br />ActionMailer::Base.smtp_settings = {<br /> :address => "smtp.gmail.com",<br /> :port => 587,<br /> :authentication => :plain,<br /> :enable_starttls_auto => true<br /> :user_name: your_username@gmail.com<br /> :password: h@ckme<br />}<br />

load image when ajax loading

How do you do a JQuery Ajax Loading Div complete with loading gif?

<br />$("#loading").ajaxStart(function(){<br /> $(this).show();<br />});<br />$("#loading").ajaxStop(function(){<br /> $(this).hide();<br />}); <br />

jquery image or element load 完在做某些事

load
Bind a function to the load event of each matched element.

<br /><[img src="xxx.jpg" id="xxx"]><br /><br />$("#img").load(function(){.....});<br />

sharedcopy

可以讓人家在網頁上做些註解, 甚至還可以把這連結分享給別人也一起做

The SharedCopy Demo from choonkeat on Vimeo.

Howto: create your own SharedCopy addon - part 1
Howto: create your own SharedCopy addon - part 2
sharedcopy

Mechanize, http, get, post

通過Mechanize模擬一般的瀏覽器行為來完成與網頁之間的交互動作

The wonders of WWW:Mechanize and Rails
The wonders of WWW:Mechanize and Rails part 2: the HMS Contr
在Ruby中使用WWW::Mechanize來開發爬蟲程序.

Mechanize對WEB的操作
mechanize-0.9.2 Documentation