2013年6月9日 星期日

來自 DeviantArt 的 HTML5 繪圖程式 - MURO

轉貼自:http://inspire.twgg.org/programming/html-css/item/243-the-html5-drawing-program-from-deviantart.html

(X)HTML Strict 下的嵌套規則 - 誰可以包誰?一清二楚!

轉貼自:http://inspire.twgg.org/programming/html-css/item/258-x-html-strict-nested-under-the-rules-who-can-pack-who-crystal-clear.html


難以置信的純 CSS3 ICON 設計

轉貼自:http://inspire.twgg.org/programming/html-css/item/270-incredibly-pure-css3-icon-design.html


一定要看 - 30個超優秀的 HTML5 學習資源

轉貼自:http://inspire.twgg.org/programming/html-css/item/290-have-to-look-at-30-super-excellent-learning-resources-html5.html


CSS 防止表格被內容撐開

轉貼自:http://inspire.twgg.org/programming/html-css/item/368-css-form-is-content-to-prevent-distraction.html


HTML5 video 播放器 - MediaElement.js Player

轉貼自:http://inspire.twgg.org/programming/html-css/item/380-html5-video-player-mediaelementjs-player.html

你必須知道的 28 個 HTML5 的全新特色與技術

轉貼自:http://inspire.twgg.org/programming/html-css/item/381-28-you-need-to-know-the-new-html5-features-and-technology.html

用 Css3 臨摹 Apple Mac 系統界面

轉貼自:http://inspire.twgg.org/programming/html-css/item/385-with-css3-copying-apple-mac-system-interface.html


有關HTML5的流言與真相

轉貼自:http://inspire.twgg.org/programming/html-css/item/386-the-rumors-and-the-truth-about-html5.html

HTML5入門教學

轉貼自:http://inspire.twgg.org/programming/html-css/item/389-html5-started-teaching.html


最常用的10種CSS BUG解決方法與技巧 - 各大瀏覽器兼容

轉貼自:http://inspire.twgg.org/programming/html-css/item/408-2011-11-14-03-39-39.html


HTML5 模版 (template)

轉貼自:http://inspire.twgg.org/programming/html-css/item/414-2011-11-21-16-31-10.html


CSS自定義滾動條樣式 (Chrome, webkit)

轉貼自:http://inspire.twgg.org/programming/html-css.html


一款很漂亮的jquery上傳插件

轉貼自:http://inspire.twgg.org/programming/jquery/item/46-a-very-nice-jquery-upload-plug-ins.html


jQuery Tools:純粹的網頁內容展示型 UI

轉貼自:http://inspire.twgg.org/programming/jquery/item/47-jquery-tools-pure-web-content-showcase-ui.html


立刻提升jQuery性能的10個技巧 [by TUTS+]

轉貼自:http://inspire.twgg.org/programming/jquery/item/48-jquery-to-enhance-the-performance-of-immediate-10-tips-by-tuts.html

用 jQuery.Validate 製作中華民國身份證字號驗證程式

轉貼自:http://inspire.twgg.org/programming/jquery/item/133-republic-of-china-with-the-production-of-id-numbers-jqueryvalidate-validation-program.html


jQuery Validate 詳細使用說明

轉貼自:http://inspire.twgg.org/programming/jquery/item/134-jquery-validate-detailed-instructions.html


20 多個使用 jQuery 為前端介面的漂亮網站設計

轉貼自:http://inspire.twgg.org/programming/jquery/item/139-more-than-20-front-end-interface-to-use-jquery-for-a-beautiful-website-design.html


超猛的 jQuery 外掛蒐集列表

轉貼自:http://inspire.twgg.org/programming/jquery/item/146-the-jquery-plug-in-collection-list.html


jQuery tools 的 tooltip 教學

轉貼自:http://inspire.twgg.org/programming/jquery/item/165-jquery-tools-of-tooltip-teaching.html


2010 年最優秀的 10 款 jQuery 外掛

轉貼自:http://inspire.twgg.org/programming/jquery/item/352-top-10-2010-jquery-plug-in-models.html


用 jQuery UI 幫按鈕做造型

轉貼自:http://inspire.twgg.org/programming/jquery/item/378-help-button-to-do-with-the-shape-of-jquery-ui.html


10種好用且最熱門的php函式庫

轉貼自:http://inspire.twgg.org/programming/php/item/90-10-easy-to-use-and-most-popular-php-library.html


在同一台主機上同時運作 PHP4 與 PHP5

轉貼自:http://inspire.twgg.org/programming/php/item/100-on-the-same-host-operating-simultaneously-php4-and-php5.html


在一個 Apache 上同時運行 PHP4 與 PHP5

轉貼自:http://inspire.twgg.org/programming/php/item/101-in-an-apache-to-run-php4-and-php5-at-the-same-time.html


用 PHP 輕易讀寫 Excel 2003 與 2007 檔案的套件

轉貼自:http://inspire.twgg.org/programming/php/item/107-easy-to-use-php-to-read-and-write-excel-2003-files-with-the-2007-suite.html


CodeIgniter - 簡單優雅的 PHP 框架

轉貼自:http://inspire.twgg.org/programming/php/item/121-codeigniter-simple-and-elegant-framework-for-php.html


PHP Socket 教學

轉貼自:http://inspire.twgg.org/programming/php/item/127-php-socket-teaching.html


好用,可等比例縮圖的 PHP 程式

轉貼自:http://inspire.twgg.org/programming/php/item/129-easy-to-use-can-be-proportional-thumbnail-of-php-code.html


比phpThumb 簡潔高效的縮圖程式 TimThumb (附裁切功能)

轉貼自:http://inspire.twgg.org/programming/php/item/162-simple-and-efficient-than-phpthumb-thumbnail-program-timthumb-attached-cutting-function.html


用 PHP 正規表示式清除字串中的多餘空白

轉貼自:http://inspire.twgg.org/programming/php/item/340-php-regular-expression-with-a-string-of-extra-white-space-removed.html


4 款開源的中文分詞系統

轉貼自:http://inspire.twgg.org/programming/php/item/358-4-chinese-word-segmentation-system-open-source.html


如何在PHP中使用正規表示式

轉貼自:http://inspire.twgg.org/programming/php/item/377-how-to-use-php-regular-expression.html


php 5.3 以前獲取靜態子類別名稱的方法

轉貼自:http://inspire.twgg.org/programming/php/item/393-php-53-the-previous-sub-category-name-to-obtain-a-static-method.html


PHP 執行系統外部命令: system() exec() passthru()

轉貼自:http://inspire.twgg.org/programming/php/item/399-php-implementation-of-the-system-external-commands-system--exec--passthru.html


php 在後台(背景)執行指令 with passthru()

轉貼自:http://inspire.twgg.org/programming/php/item/400-php-in-the-background-background-execution-with-passthru.html


PHPMailer介紹與使用

轉貼自:http://inspire.twgg.org/programming/php/item/401-phpmailer-introduction-and-use-of.html


PHP - 執行外部linux指令

轉貼自:http://inspire.twgg.org/programming/php/item/402-php-execute-external-command-linux.html

PHP.INI 中文說明

轉貼自:http://inspire.twgg.org/programming/php/item/413-2011-11-21-16-02-26.html


使用PHP開發網站過程中的一些安全知識?

轉貼自:http://inspire.twgg.org/programming/php/item/431-web-site-development-using-php-in-the-process-of-some-of-the-security-knowledge.html


「轉」軟體開發報價的計算方法

轉貼自:http://inspire.twgg.org/programming/other/item/441-turn-the-calculation-method-of-the-software-developers-offer.html


兩套線上正規表示式測試工具:RegExr 與 Rubular

轉貼自:http://inspire.twgg.org/programming/dev-tools/item/447-regexr-%E8%88%87-rubular.html


最好的Web開發資源大全

轉貼自:http://inspire.twgg.org/programming/other/item/448-the-best-web-development-resource-kit.html

超文本傳輸協議-HTTP/1.1

轉貼自:http://inspire.twgg.org/internet/host-setting/item/449-hypertext-transfer-protocol-http-1-1.html


產品早期的原型設計與用戶測試

轉貼自:http://inspire.twgg.org/inspire/design-concept/item/450-early-prototype-product-design-and-user-testing.html


許多知名網站 Logo 所使用的字體

轉貼自:http://inspire.twgg.org/inspire/appreciate/item/221-logo-used-by-many-well-known-font-site.html

使用 jQuery Mobile 及 ASP.NET 開發跨行動裝置網站 (Mobile Web)

轉貼自 : http://msdn.microsoft.com/zh-tw/hh875190.aspx


使用 jQuery Mobile 快速開發 mobile 網站

轉貼自 : http://brooky.cc/2011/04/18/jquery-mobile-for-fast-mobile-website-development/


Which JavaScript framework (jQuery vs Dojo vs … )?

轉貼自 : http://stackoverflow.com/questions/394601/which-javascript-framework-jquery-vs-dojo-vs


從 MooTools 與 jQuery 的恩怨看工程師到底要不要懂公關

轉貼自 : http://blog.markplace.net/marks_place/9/2007/12/15/322

 

jQuery vs MooTools

轉貼自 : http://jqueryvsmootools.com/index_cn.html

2013年5月19日 星期日

Google I/O 2013:小編體驗 Google Glass,新 App 、開發者工具進駐

文章來源 : http://www.techbang.com/posts/13333-google-i-o-2013-editor-experience-google-glass

[分享]Jaoso內容管理系統,Struts+Spring+Hibernate實作

文章來源 : http://www.javaworld.com.tw/jute/post/view?bid=35&id=63383&sty=1&tpg=3&age=0


Gmail附件轉寄器

文章來源 : http://www.javaworld.com.tw/jute/post/view?bid=35&id=123353&sty=1&tpg=2&age=0


Tomcat資源管理器模組--動態重載資源

文章來源 : http://www.javaworld.com.tw/jute/post/view?bid=35&id=155328&sty=1&tpg=2&age=0


[JSP]BBS 網頁程式分享

文章來源 : http://www.javaworld.com.tw/jute/post/view?bid=35&id=33962&sty=1&tpg=2&age=0

web 日誌

文章來源 : http://www.javaworld.com.tw/jute/post/view?bid=35&id=135478&sty=1&tpg=2&age=0

TOTOMOMO2 - Java Web MSN 整理 [精華]

文章來源 : http://www.javaworld.com.tw/jute/post/view?bid=35&id=76644&sty=1&tpg=2&age=0

JSP 線上水球 分享

文章來源 : http://www.javaworld.com.tw/jute/post/view?bid=35&id=93597&sty=1&tpg=2&age=0


JSP WebMail 分享

文章來源 : http://www.javaworld.com.tw/jute/post/view?bid=35&id=82147&sty=1&tpg=2&age=0

使用 TagLib 與 Scripting Lanaguage 互動

文章來源 : http://www.javaworld.com.tw/jute/post/view?bid=35&id=218144&sty=1&tpg=2&age=0


動態網頁圖形計數器

文章來源 : http://www.javaworld.com.tw/jute/post/view?bid=35&id=141611&sty=1&tpg=2&age=0

[分享]CheerNote2 個人網誌單機版 or 個人知識管理

文章來源 : http://www.javaworld.com.tw/jute/post/view?bid=35&id=235117&sty=1&tpg=2&age=0

CheerNote2 這是自己寫的一個小作品,不曉該算什麼? 個人網誌單機版 or 個人知識管理
這是單純由html+css+javascript 寫出來的,沒有資料庫,資料全部寫在本機的文字檔內,資料的組織方式,是使用Tag來分類並按日期排序。

寫作動機:
1.使用過TiddlyWiki之後,覺得非常好用,不過總是有些地方覺得太煩鎖了,且不需要
(http://groups.google.com/group/TiddlyWiki-zh/web/tiddlywiki)
2.因為「瀏覽器」是最常開啟在桌面的程式了,用它來看一些資料再方便不過了
3.順便在專案閒暇之餘練練功。

引用的javascript套件有:
1.prototype1.6.js(http://www.prototypejs.org/) ,應該是家喻戶曉吧!
2.tiny_mce(http://tinymce.moxiecode.com/)即見即所得的html編輯器

執行方式,打開程式資料夾後,用由瀏覽器(強烈建議使用firefox)執行index.html,即可。

CheerNote2_20080729.7z (272.41k)

用 jQuery + SuckerFish Style 改寫的一個多層 menu

文章來源 : http://www.javaworld.com.tw/jute/post/view?bid=35&id=269764&sty=1&tpg=1&age=0

用 jQuery + SuckerFish Style 改寫的一個多層 menu 菜單

特色:沒有
功能:普通
差別:修改幾處多層 menu 中 IE 的兼容問題

原作:http://be.twixt.us/jquery/suckerFish.php

123.html (2.93k)

身份證字號驗證的 Annotation 寫法

文章來源 : http://www.javaworld.com.tw/jute/post/view?bid=35&id=245715&sty=1&tpg=1&age=0

需要在WEB驗證身份證字號的話,可以試試看用下列的程式喔!
如果我也寫錯的地方也請不吝指教,謝謝。

PersonId.java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
import java.lang.annotation.Documented;
import java.lang.annotation.ElementType;
import java.lang.annotation.Retention;
import java.lang.annotation.RetentionPolicy;
import java.lang.annotation.Target;
 
import org.hibernate.validator.ValidatorClass;
 
/**
 * 身份證字號
 * @author pogi
 * @BuildTime 2008/11/27 下午 1:51:08
 */
@Documented //可以在 JavaDoc 顯示
@Target({ElementType.FIELD, ElementType.METHOD}) //可以用在類別的屬性或方法上
@Retention(RetentionPolicy.RUNTIME) //runtime 期間都會一直保留其值
@ValidatorClass(PersonIdValidator.class) //驗證時要呼叫的類別
public @interface PersonId{
  String message() default "請輸入正確的身份證字號";
}


PersonIdValidator.java
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
49
import java.io.Serializable;
import java.util.Arrays;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
 
import org.hibernate.validator.Validator;
 
/**
 * 中華民國身份證字號驗證
 * @author pogi
 * @BuildTime 2008/11/27 下午 1:58:20
 */
public class PersonIdValidator implements Validator<PersonId>, Serializable{
  private static final long serialVersionUID = 1;
  private Pattern pattern;
  private static final char[] FIRSTWORD = {'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'};
  private static final int[] FIRSTWORDNUMBER = {1,10,19,28,37,46,55,64,39,73,82,2,11,20,48,29,38,47,56,65,74,83,21,3,12,30};
 
  /* (non-Javadoc)
   * @see org.hibernate.validator.Validator#isValid(java.lang.Object)
   */
  public boolean isValid(Object arg0){
    if(arg0 == null) return true;
    if(!(arg0 instanceof String)) return false;
    String personId = ((String)arg0).toUpperCase();
    if(personId.length() == 0) return true;
    Matcher matcher = pattern.matcher(personId);
    if(matcher.matches()){
      int verifyNumber = 0;
      //英文字母的轉碼數字
      verifyNumber = FIRSTWORDNUMBER[Arrays.binarySearch(FIRSTWORD, personId.charAt(0))];
      //身份證字號第1~8個數字依次取出乘以8~1
      for(int i = 0; i < 8; i++){
        verifyNumber += Character.digit(personId.charAt(i + 1), 10) * (8 - i); 
      }
      //10 - 上述總和除10之餘數
      verifyNumber = 10 - (verifyNumber % 10);
      //若驗證碼與身份證字號最後一個數字相同即為正確
      if(verifyNumber == Character.digit(personId.charAt(9), 10) || verifyNumber == 10){
        return true;
      }
    }
    return false;
  }
 
  public void initialize(PersonId arg0){
    pattern = Pattern.compile("^\\p{Upper}{1}\\d{9}", Pattern.CASE_INSENSITIVE);
  }
}


上面兩個程式可以放在相同 package,這樣比較好管理

使用範例如下(JavaEE)
Person.java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
@Entity
public class Person inplements Serializable{
  private int id;
  private String personId;
 
  @Id
  @GeneratedValue
  public int getId(){
    return this.id;
  }
  public void setId(int id){
    this.id = id;
  }
 
  @NotNull
  @PersonId(message="你偷渡喔!!")
  public String getPersonId(){
    return this.personId;
  }
  public void setPersonId(String personId){
    this.personId = personId;
  }
}

用 jQuery 寫的一個模擬 multiple select box plugin

文章來源 http://www.javaworld.com.tw/jute/post/view?bid=35&id=265091&sty=1&tpg=1&age=0


無聊的禮拜天用 jQuery 寫了一個模擬 multiple select box 的 plugin

模擬功能:
1. 滑鼠 mouse drag 時,能夠跟隨滑鼠移動進行選取
2. 滑鼠 mouse drag 時,scroll bar 能夠跟隨滑鼠進行捲動

現在還少鍵盤的對應動作...

主頁: http://code.google.com/p/jquerymultipleselectbox/

Demo: http://dreamltf.miroko.tw/index.html

[專訪] 解開人氣程式碼得主,不為人知的一面

文章來源 http://www.labviewpro.net/forum_post_detail.php?post=3603&fid=2

大家是否好奇過,寫出風靡全球《哈利波特》的作者J.K.羅琳,在寫作時有什麼特殊的嗜號(或怪癖?!),或面對那麼龐大的小說架構是如何構思其靈感來源呢?同樣的,習慣與程式語言溝通的LabVIEW programer,是如何以程式邏輯撰寫出程式的?這一次專訪了,5 月份人氣程式碼得主:Polung,他將現身說法,分享在撰寫「記憶大考驗」這組程式碼的心得。

2013年4月1日 星期一

開發者必看 iOS Human Interface Guidelines界面設計規範

轉貼:http://www.minwt.com/ios/3661.html

 最近梅干也跑去上Object-C的課程,在課程中除了學習到Object-C程式語言的架構外,也學習到不少關於開發上的經驗,而玩iphone跟開發iphone程式可真是二回

2013年3月21日 星期四

蘋果開發者的苦與樂:很賺錢但不平等

轉貼
http://it.sohu.com/20110610/n309801850.shtml

來源:搜狐IT
【搜狐IT消息】6月10日消息,據《商業週刊》報導,和過去14年一樣,在6月6日三藩市蘋果開發者大會(以下簡稱WWDC)召開當天,安德魯· 斯通(Andrew Stone)淩晨3點45分就起

2013年3月18日 星期一

Bootstrap

最近在公司寫Web的時候,發覺得越來越難寫了

而且也沒有固定templates,於是就上網找了一下找到了Bootstrap

2013年3月11日 星期一

解決從oracle撈出中文亂碼

最近在公司寫網頁的時候碰到一個問題

就是從Oracle資料庫撈出含有中文資料的時候

顯示在JSP上面會有中文亂碼的情況發生