陳占的開發社區

Better Fontend Development framework

2013-05-12T18:53:00.001-07:00

1.Bootstrap by Twitter
http://twitter.github.io/bootstrap/
This is a easy one for developer who without designer support.

2. Spinejs
http://spinejs.com/
I love this one better than backbonejs. MVC Framework.
More easily to understand. If you know coffeescript, less code!!!

3. AngularJS
http://angularjs.org/
A good Frontend MVC Framework.
Great but not easy to handle.

4.Initializr
http://www.initializr.com/
Easy to generate HTML5 template combine with Modernizr, Bootstrap and let the website Responsive!!

5.Zepto.JS
http://zeptojs.com/
Jquery compatible API. less size.
Shit...it's not support IE...So mostly i use it with Phonegap.

Extra one:
Less / SCSS
OMG...they are css framework.
Let your css can be programable.

If you know this five or four of them, you can find a frontend development.(Not include Hong Kong. They don't know this few of tools.)

In here more advance tools for you and me.

1.Yeoman
http://yeoman.io/
Moden web develop new workflow.

Don't worry...Try and learn....

You are not alone. XD

Rails 3.2 Rack install

2012-08-24T19:23:00.002-07:00

As of Rails 3.2, Rack middleware belongs in the app/middleware directory.

It works "out-of-the-box" without any explicit require statements.

Quick example:

I'm using a middleware class called CanonicalHost which is implemented inapp/middleware/canonical_host.rb. I've added the following line to production.rb (note that the middleware class is explicitly given, rather than as a quoted string):

config.middleware.use CanonicalHost, "example.com"

This works as desired.

A new micro clearfix hack

2012-03-12T22:54:00.000-07:00

http://nicolasgallagher.com/micro-clearfix-hack/

HTML5 Tools

2011-12-29T22:22:00.001-08:00

http://sd.csdn.net/a/20110825/303611.html

http://sd.csdn.net/a/20111009/305365.html

Funny web for development web and mobile

2011-12-21T01:08:00.000-08:00

http://teamtreehouse.com/

Android Application, Android Libraries and Jar Libraries

2011-12-20T00:50:00.000-08:00

http://devmaze.wordpress.com/2011/05/22/android-application-android-libraries-and-jar-libraries/

呢排做野...要包jar...終於搵到方法包啦...今晚試試...XD

Simple JQuery Image Slide Show with Semi-Transparent Caption

2011-11-21T01:49:00.001-08:00

http://www.queness.com/post/1450/jquery-photo-slide-show-with-slick-caption-tutorial-revisited

http://www.queness.com/post/152/simple-jquery-image-slide-show-with-semi-transparent-caption

CSS 選取器（Selector）種類簡介

2011-10-07T08:47:00.001-07:00

http://www.fishbecat.com/2010/03/css-selector.html

Fedora 15 install Brisk and ruby on rails

2011-08-13T00:10:00.000-07:00

First download Fedora 15 : )
Install it in vm or PC

Setup SSH : ) ( Ref.link )

Basic Setup SSH Server on Fedora.

Usually the ssh is install by default on the installation of Fedora operating system itself. The article below show the step of the basic setup of ssh server on Fedora Linux operating system.

1. Open X terminal.

Checking SSH server status.

Using the service command to check the current status of the sshd.

[root@tenouk ~]# service sshd status

sshd is stopped

[root@tenouk ~]#

Start SSH server.

Start the sshd process using service command.

[root@tenouk ~]# service sshd start

Starting sshd: [ OK ]

[root@tenouk ~]#

Automatically start SSH server.

Using the chkconfig command to enable and make sure that every time the system restart, the SSH (sshd deamon) start automatically.

1. Check current configuration status of sshd.

[root@tenouk ssh]# chkconfig --list sshd

sshd 0:off 1:off 2:off 3:off 4:off 5:off 6:off

[root@tenouk ssh]#

2. Using the chkconfig to automatically start the SSH on runlevel 3, 4 and runlevel 5.

[root@tenouk ssh]# chkconfig --level 345 sshd on

[root@tenouk ssh]#

3. Verify the change for shhd on runlevel 3, 4 and runlevel 5.

[root@tenouk ssh]# chkconfig --list sshd

sshd 0:off 1:off 2:off 3:on 4:on 5:on 6:off

[root@tenouk ssh]#

Install Java For Brisk:(Ref. link )

Using Sun Java Instead

If you require Sun Java or if OpenJDK does not work properly, you can download Sun Java and use it in Fedora.

Download the Java package from:
http://java.sun.com/javase/downloads/index.jsp. Always use the latest update.

Select: Java JRE 6 Update 18 (the JDK is for developers)

On the next page, for Platform select "Linux" for 32-bit users, and "Linux x64" for 64-bit users.

For Language select "Multi-language". Also accept the license agreement, and hit "Continue".

On the next page, select the RPM option:

Java SE Runtime Environment 6u17
jre-6u18-linux-i586-rpm.bin     (32-bit users)

jre-6u18-linux-x64-rpm.bin      (64-bit users)

To install:

[mirandam@charon Download]$ sudo sh jre-6u18-linux-i586-rpm.bin
-OR-
[mirandam@charon Download]$ sudo sh jre-6u18-linux-x64-rpm.bin

Install Brisk

About Brisk: Hadoop Powered by Cassandra

Install ruby

using yum, by default is 1.8.7 so we need rvm

yum install git

yum install gcc

Install rvm

bash < <(curl -s https://rvm.beginrescueend.com/install/rvm)

if you need to use head version ruby, you also need this.

rvm pkg install zlib

http://osc.co.cr/2011/06/omg-ruby-and-rails/

Install sqlite3

yum install sqlite-devel

After that using bundle to update.

P.S. What the hell!!! gem update need a sudo??=_=凸

CSS Properties Index – Jens O. Meiert

2011-08-08T01:18:00.000-07:00

Finally i got it.

Haha...

CSS Properties Index – Jens O. Meiert

Contact Us - Conversion University Help

2011-08-04T01:16:00.000-07:00

Thin + Nginx with Rails | Software Development and more …

2011-08-03T21:54:00.000-07:00

Thin + Nginx with Rails | Software Development and more …: "ApacheBench"

Raphaël—JavaScript Library for vector graphic

2011-08-01T19:49:00.000-07:00

Raphaël—JavaScript Library

Essential TextMate Shortcuts, Tips and Techniques

2011-08-01T19:21:00.000-07:00

Even after six years, TextMate is still considered by many to be the best code editor available for Mac. The reason why is simple: it’s incredibly powerful, and offers features that even the newest editors don’t yet offer. Add a robust plugin/bundle community on top of it, and you get one heck of a code editor.

I’ll show you some of my favorite shortcuts and tricks today.

1 – Vertically Select Text

Option + Drag

If you hold down the Option key, and drag the mouse, you’ll vertically select text. This can be particularly helpful when you need to update a block of text.

For example, let’s say we decide to remove the extra unnecessary var keywords from a bit of JavaScript? With vertical selection, this takes only a second.

2 – Alignment

Option + Command + ]

Many developers prefer to line up the symbols within arrays and objects. For example, rather than…

var kimberly = 'valley girl',

omg = 'oh my god!',

bieber = 'my home boy';

…many prefer:

var kimberly = 'valley girl',

omg = 'oh my god!',

bieber = 'my home boy';

This certainly makes for more readable code. If you’ve been lining up the equal signs manually, TextMate automates the process. Place the cursor on one of the related lines, press Option + Command + ], and TextMate will take care of the rest.

3 – Incremental Search

Control +

While the standard “popup” Command + f search functionality works, it’s decidedly slow. If you need to quickly search for a piece of text within the current page, use Control + s instead to perform incremental search.

A tiny textbox will pop up at the bottom of the screen. Once you’ve added your search query, press enter, and you’ll instantly be transported to the next occurrence of that sequence on the page. To continue searching, again, press Control + s and Control + Shift + s to continue forward and backward, respectively.

4 – Set Bookmarks

Command + F2

One of my favorite features in Vim is the ability to create “bookmarks” in your projects. This then allows you to immediately return to that line of code with a simple keystroke.

TextMate offers this functionality as well. To star, or bookmark a line of code, place the cursor on that line, and type Command + F2.

To return to this line of code (for instance, after scrolling up the page to find a particular variable name), type F2. If you have multiple starred lines, each time you press F2, you’ll be taken to the next applicable location.

5 – Save Time with Macros

Option + Command + m

Let’s imagine that there’s a sequence of actions you find yourself performing often. For example, what if you find – like I have – that you frequently change the entire contents of an HTML tag. Vim offers the ever convenient, cit command (change inner tag).

If you have the Zen Coding bundle installed, you can type Command + D to achieve the same effect. However, if you find that you often forget this shortcut, you can always record macros that will repeat any sequence of events as many times as your require.

To begin a macro, type Option + Command + M; you’ll see a red recording circle in the lower right portion of the editor. At this point, TextMate is now listening to every action you perform. In our simple example, we only need to type Command + D (balance tag), and then Delete to remove the text.

To conclude your recording, type the same sequence again: Option + Command + M. You may now repeat this sequence whenever you wish by typing Shift + Command + M.

Note that, when you create a macro in this way, it’s meant to be a temporary solution. Once you create a new macro, or restart the editor, you will lose you recording. For a more permanent solution, you should following #6 in this list!

6 – Create Permanent Macros

Control + Command + m

More often than not, you’ll need to access a variety of macros each day. You can record permanent macros in the same way that you did in #5 of this list. Once finished recording, type Control + Command + M to save the macro.

Once you do, a dialog box will pop up, where you can then assign a custom activation key sequence for future retrieval.

I often find myself typing:

echo '

';
 print_r($variable);
 echo '

Let’s create a custom macro to do the work for us. We begin by creating a macro, as outlined in #5. This macro will assume that our variable is stored within the clipboard. Type the snippet of code above manually as you normally would. When you get to print_r(), press Command + v to paste in the contents of the clipboard. Once finished, press Option + Command + m to conclude the macro.

Next, press Control + Command + m to save your macro; assign a tab trigger of debug, and you’re finished!

From now on, to print_r an array or object, simply copy the variable name to your clipboard, and type debug + TAB.

7 – Clipboard History

Control + Shift + Command + v

Many aren’t aware that TextMate has built-in clipboard history.

“By pressing ⌃⌥⌘V, you will see the list of all previous clippings and can pick the one you want to paste using arrow keys. Use return to insert it and escape to dismiss the list. If you dismiss the list, the currently selected clipping will be what gets pasted the next time you use the paste function.”

This is an incredibly useful feature that you’ll find yourself using constantly!

8 – Execute Shell Scripts

In addition to simple snippets, TextMate can also execute shell scripts. This means that all of the various web services are available for usage!

We’ll use my upcoming Prefixr service as an example. It allows you to automatically update a stylesheet to include the various prefix’ized versions of the new CSS3 properties. That way, you can code your stylesheets using the official W3C-recommended versions of each property, and Prefixr will fix in the missing pieces.

To hook into Prefixr’s HTTP-based API, create a new command in TextMate.

Control + Shift + Command + B

Next, add a new Command, and paste in the following shell script.

curl -sSG "http://www.prefixr.com/api/index.php" --data-urlencode "css=$TM_SELECTED_TEXT"

This instructs TextMate to run a shell script that performs a curl request to Prefixr.com. In the querystring, it passes the contents of what the TextMate user has selected with his mouse. That content is automatically represented, via the $TM_SELECTED_TEXT environment variable.

Note that we’re using the --data-urlencode parameter to ensure that the text you select is properly escaped and url encoded.

Lastly, assign a keyboard shortcut to execute this command, and you’re done! To use it, select your entire stylesheet (or a single CSS3 property), and type the shortcut that you specified. Your code will immediately be updated accordingly.

/* Before... */

#content {

border-radius: 5px;

box-shadow: 30px;

}

/* After... */

#content {

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

-o-border-radius: 5px;

-ms-border-radius: 5px;

-khtml-border-radius: 5px;

border-radius: 5px;

-webkit-box-shadow: 30px;

-moz-box-shadow: 30px;

box-shadow: 30px;

}

Pretty nifty, ay?

9 – Auto-complete

Escape

Most IDEs offer the ability to autocomplete code – like method calls and variable references – typically by typing Control + Space. TextMate offers a similar feature, but via the Escape key instead. The key choice is a bit odd, but, of course, you can always map this to a different shortcut if you prefer. Simply type part of a variable or method name, press Escape, and TextMate will attempt to complete the word for you.

If you’d prefer project-wide autocompletion, you can also use Command + ;.

10 – Turbo-Charge the Editor

Ciarán Walsh, a few years ago, created Project Plus, which enhances TextMate in a number of ways – the most noticeable being that it replaces the often criticized elastic sidebar with a more traditional one.

It also offers excellent, status badges to keep track of – for Git purposes – which files have changed since last being committed.

11 – Switch the Page Language

Shift + Control + Option + {First-letter-of-language-choice}

Dependent upon which language you specify for a page (set automatically by default), you’ll have access to different syntax highlighting and commands.

Chances are, you’ll find yourself updating this often. It can be done manually by clicking the L button at the bottom of the editor.

This is a drag though. You can speed things up by typing Shift + Control + Option + {First-letter-of-language-choice}. For instance, if I want to change the page language to CSS, I’d type Shift + Control + Option + C.

12 – Download Custom Bundles

You’re certainly not limited to the dozen or so bundles that come preinstalled with TextMate. There’s a hugely robust community; you can download bundles and extensions for just about any language imaginable. A quick search on GitHub will return hundreds of results.

Download Nettuts’ CSS3 TextMate bundle.

13 – Search for a Command

Control + Command + T

There’s no denying it: it’s really difficult to remember all of these various commands. Rather than falling back to using the mouse and menu selections, instead type Control + Command + T. This will bring up a popup box, where you can then search for your desired command or snippet.

14 – Full Screen Mode in Lion

Now that Lion is officially available to the public, you can upgrade TextMate to provide full screen support, using this plugin.

15 – Speedy File Opening

Command + T

If you’re the type who requires lightning fast file switching, TextMate provides a built-in utility for opening files. Press Command + T to activate it.

However, if you’d prefer something a bit more robust and fuzzy, I highly recommend looking into PeepOpen, which works in a variety of editors. In addition to TextMate, I also use it in Vim.

” Search on both paths and filenames, and easily open the file in your text editor with a single keypress. Useful metadata helps you quickly choose the file you’re looking for.”

Learn more about PeepOpen on Nettuts+

16 – FTP Access

An advantage that Espresso and Coda have over TextMate is that they offer built-in FTP access. This makes the process of editing files on your server as easy as possible. While TextMate doesn’t have a native solution to this problem, most Mac developers also use Panic’s popular Transmit app.

We can use these two apps in tandem to edit files on our servers. Transmit offers the ability to mount a directory on your computer.

With your server directory mounted, you can now open the directory from within TextMate. Each time you save a file, it will automatically be updated on your server as well. An elegant solution to a common gripe!

That’s All for Now!

I’ve barely scratched the surface of TextMate’s power. What are your favorite shortcuts and tricks? Let me know in the comments, and I just might update this article with your tip!

More TextMate Articles from Nettuts+

http://feedproxy.google.com/~r/nettuts/~3/wnUKqxYNgCI/

MySQL :: MySQL 5.0 Reference Manual :: E.3 Restrictions on Subqueries

2011-07-24T20:50:00.000-07:00

MySQL :: MySQL 5.0 Reference Manual :: E.3 Restrictions on Subqueries

Good for reference

Continuous Integration Testing for Ruby on Rails with Integrity – Elabs

2011-07-20T21:50:00.000-07:00

Continuous Integration Testing for Ruby on Rails with Integrity – Elabs

種植莫絲/鹿角苔的條件(页 1) - 水草种植 - 宝贝鱼乐园 -全球中文水族联盟 - Powered by Discuz! Archiver

2011-07-14T00:36:00.000-07:00

種植莫絲/鹿角苔的條件(页 1) - 水草种植 - 宝贝鱼乐园 -全球中文水族联盟 - Powered by Discuz! Archiver

10 TextMate bundles/plugins to boost your Ruby on Rails development productivity | Adventures In Coding

2011-07-13T21:24:00.000-07:00

10 TextMate bundles/plugins to boost your Ruby on Rails development productivity | Adventures In Coding

Cool....

How to Build a Ruby Gem | Integrum

2011-07-13T20:50:00.000-07:00

How to Build a Ruby Gem | Integrum

RVM: Ruby Version Manager - RVM Ruby Version Manager - Documentation

2011-07-11T20:49:00.000-07:00

RVM: Ruby Version Manager - RVM Ruby Version Manager - Documentation

Facebook 的系统架构

2011-07-04T20:05:00.000-07:00

来源：http://www.quora.com/What-is-Facebooks-architecture （由Micha?l Figuière回答）

根据我现有的阅读和谈话，我所理解的今天Facebook的架构如下：

Web 前端是由 PHP 写的。Facebook 的 HipHop [1] 会把PHP转成 C++ 并用 g++编译，这样就可以为模板和Web逻贺业务层提供高的性能。

业务逻辑以Service的形式存在，其使用Thrift [2]。这些Service根据需求的不同由PHP，C++或Java实现（也可以用到了其它的一些语言……）

用Java写的Services没有用到任何一个企业级的应用服务器，但用到了Facebook自己的定制的应用服务器。看上去好像是重新发明轮子，但是这些Services只被暴露给Thrift使用（绝大所数是这样），Tomcat太重量级了，即使是Jetty也可能太过了点，其附加值对Facebook所需要的没有意义。

持久化由MySQL, Memcached [3], Facebook 的 Cassandra [4], Hadoop 的 HBase [5] 完成。Memcached 使用了MySQL的内存Cache。Facebook 工程师承认他们的Cassandra 使用正在减少，因为他们更喜欢HBase，因为它的更简单的一致性模型，以到其MapReduce能力。

离线处理使用Hadoop 和 Hive。

日志，点击，feeds数据使用Scribe [6]，把其聚合并存在 HDFS，其使用Scribe-HDFS [7]，因而允许使用MapReduce进行扩展分析。

BigPipe [8] 是他们的定制技术，用来加速页面显示。

Varnish Cache [9]用作HTTP代理。他们用这个的原因是高速和有效率。 [10].

用来搞定用户上传的十亿张照片的存储，其由Haystack处理，Facebook自己开发了一个Ad-Hoc存储方案，其主要做了一些低层优化和“仅追加”写技术 [11].

Facebook Messages 使用了自己的架构，其明显地构建在了一个动态集群的基础架构上。业务逻辑和持久化被封装在一个所谓的’Cell’。每个‘Cell’都处理一部分用户，新的‘Cell’可以因为访问热度被添加[12]。持久化归档使用HBase [13]。

Facebook Messages 的搜索引擎由存储在HBase中的一个倒置索引的构建。 [14]

Facebook 搜索引擎实现细节据我所知目前是未知状态。

Typeahead 搜索使用了一个定制的存储和检索逻辑。 [15]

Chat 基于一个Epoll 服务器，这个服务器由Erlang 开发，由Thrift存取 [16]

关于那些供给给上述组件的资源，下面是一些信息和数量，但是有一些是未知的：

Facebook估计有超过60,000 台服务器[16]。他们最新的数据中心在俄勒冈州的Prineville，其基于完全自定设计的硬件[17] 那是最近才公开的 Open Compute 项目[18]。

300 TB 的数据存在 Memcached 中处理 [19]

他们的Hadoop 和 Hive 集群由3000 服务器组成，每台服务器有8个核，32GB的内存，12TB的硬盘，全部有2万4千个CPU的核，96TB内存和36PB的硬盘。 [20]

每天有1000亿的点击量，500亿张照片， 3 万亿个对象被 Cache，每天130TB的日志（2010年7月的数据） [21]

参考引用

（全文完）

java example

2011-06-26T21:39:00.001-07:00

http://www.java2s.com/Code/Java/Database-SQL-JDBC/Insertarecordintodatabasetable.htm

Logo nxt

2011-06-23T02:31:00.000-07:00

http://tiltedtwister.com

html5 framework

2011-06-20T22:29:00.001-07:00

http://davidbcalhoun.com/2010/mobile-javascript-libraries-and-frameworks
http://zeptojs.com
iUI
http://joapp.com/
Sproutcore

Rails: Cron Job Scheduling using Redis, Resque and Rufus

2011-06-15T01:39:00.001-07:00

http://hemju.com/2011/03/04/rails-cron-job-scheduling-using-redis-resque-and-rufus/