[jQuery]jQuery 1.4.2速記表

jQuery 使用者必備 jQuery 1.4.2速記表 jQuery Visual Cheat Sheet 1.4.2

jQuery 1.4.2速記表

下載：jQuery 1.4.2 Visual Cheat Sheet

出處：http://woorkup.com/2010/06/13/jquery-1-4-2-visual-cheat-sheet/

[jQuery Plugins]shadowOn

jQuery Plugins shadowOn

介紹：
在HTML元素(html elements)加上陰影(shadows)的jQuery插件(plugin)。
共有88種陰影效果可以使用。

Can display 88 shadows by default

$(".shadowon").shadowOn({
    imagepath: "images", 
    imageset: "4", 
    autoresize: true,  
    resizetimer: 250 
}); 

插件網址：http://plugins.jquery.com/project/shadowon Examples：
Example 1 - 所有的陰影
Example 2 - 應用不同的元素

Browser support：
IE 8.0
Firefox 3.6.6
Opera 10.60
Safari 5.0
Chrome 5.0.375.99

使用YUI 3(JavaScript Library)

使用YUI 3(JavaScript Library) Yahoo! User Interface

• 在專案中自行host YUI 3：
  請至http://yuilibrary.com/downloads/下載YUI檔案。
  
  <script type="text/javascript" src="yui.min.js"></script>
• 使用Yahoo! CDN host的YUI 3：
  
  <script src="http://yui.yahooapis.com/3.1.1/build/yui/yui-min.js"></script>

YUI 3 官方網站
相關教學：YUI 3 菜鳥救星

[教學]BodyRock.tv - 性感健身操

BodyRock.tv 教您怎麼鍛鍊健美的好身材，可惜是英文教學^^

Fitness - Sexy Hot Cool Workout 性感健身操


網站：http://www.bodyrock.tv/

[Flex]一星期學會 Adobe Flex 4(Flex in a Week)

Adobe 的線上免費課程「一星期學會 Flex(Flex in a Week)」，規畫成一星期的課程。線上課程都是用 Flex Builder 完成的，所以想要練習的話，還是先去下載 Flex Builder 比較容易。可惜是英文的，不過還有字幕。

課程網址：Adobe Flex in a Week

剛發現，已經有簡体中文字幕的版本了^^

「一星期學會 Flex(Flex in a Week)」中文版

RIAMeeting 基於 Adobe 官方的 Flex in a Week 翻譯配音，發佈了「一周內學會Flex」中文視頻教程 ，該系列視頻旨在讓對 Flex 感興趣的開發者在一周之內從零起步完成 Flex 入門。

目前已經完成的部分如下：

第一天——Flex 基礎 ，包括的內容有：
Flex、Flash、Flash Player、AIR 概述
瞭解 Flex Builder
Flex Builder 工作空間
瞭解 Flex 預編譯組件
瞭解 MXML
組件的數據綁定
處理用戶事件
瞭解事件對像
使用 ActionScript 添加事件偵聽器
使用 HttpService 獲取數據

第二天——組件開發 ，該部分包括如下視頻：
在 DataGrid 中顯示數據
佈局容器的使用
創建自定義的 MXML 組件
實現 Value Object 類
創建自定義事件
創建自定義事件類
自定義項目渲染器
探索 Flex Bulider 的使用小竅門

第三天——協同工作 ，包括：
數據驗證
使用遠程對像來傳輸數據
格式化數據
從列表控件中拖放數據
使用 E4X 來過濾 XML
部署 Flex 和 AIR 應用

第四天——添加視覺組件 ，具體內容如下：
執行導航容器
嵌入圖像
嵌入字體
創建基於約束的佈局
為 MXML 組件應用樣式
結合 Adobe CS3 製作組件皮膚
創建視圖狀態
動畫：行為和特效
結合繪圖 API 繪製圖形
編碼實現組件皮膚
擴展組件

第五天——高級開發技巧
瞭解 Flash 定時器的行為
配套練習及示例代碼可至 Adobe 官方的 Flex in a Week 頁面 下載。

課程網址：一周學習 Flex4 視頻中文版

[CSS]HTML Dog - 用符合Web標準的HTML和CSS構建你的網站

HTML Dog - 用符合Web標準的HTML和CSS構建你的網站

The Best Practice Guide

To XHTML and CSS

著名的國外 XHTML 和 CSS 的實用指南網站 HTMLDog，不僅學到最常用的制做網頁的技術，最重要的是，你還可以深入瞭解實用的、最新的Web標準（Web Standards）。

總共六個指南，基本上覆蓋了 HTML 和 CSS 的範圍。初級指南是按部就班的，你應該按順序逐個學習。而中級和高級指南相對比較獨立，包含各種技巧和技術，你可以按照你的需求選擇性地學習。

目錄

• HTML初級指南
  這是按部就班的最基礎教程，如果你尚未入門，你應該從這裡開始。 
• CSS初級指南
  也是按部就班的，如果你學完了HTML出家指南，進一步學習吧。 
• HTML中級指南
  對初學者和精通者都有用的一些HTML技術。
•  CSS中級指南
  基於基本的CSS的一些「多餘」和「古怪」的東西。
• HTML高級指南
  發揮HTML的兼容標準，增強親和力和易用性。
• CSS高級指南
  探索CSS的多才多藝

官方網址：http://www.htmldog.com/
簡体中文版網址：http://www.lostk.com/ebook/html_css/guides/default.htm

[PHP]PHP 結合 ADODB 產生 json 教學

今天在需要運用 PHP 結合 ADODB 產生 json，於是找到了這篇「Handy AJAX data structures using JSON, XML, ADODB, PHP, and Mysql」教學，將 tojson.inc.php 檔放入 adodb/ 目錄下，即可運用了 ^^

tojson.inc.php
CODE：

/**
* Creates JSON ( http://www.json.org/ ) from the ADODB record set
*
* @param object $rs - record set object
* @param bool $moveFirst - determines whether recordset is returned to first record
* @return string $output - resulting json string
* @version V1.0 10 June 2006 (c) 2006 Rich Zygler ( http://www.boringguys.com/ ). All rights reserved.
*
* Released under both BSD license and Lesser GPL library license. You can choose which license
* you prefer.

Example output from query "SELECT Name, Continent From Country LIMIT 10;"

{"rows":[
{"row":{"Name":"Afghanistan","Continent":"Asia"}},
{"row":{"Name":"Netherlands","Continent":"Europe"}},
{"row":{"Name":"Netherlands Antilles","Continent":"North America"}},
{"row":{"Name":"Albania","Continent":"Europe"}},
{"row":{"Name":"Algeria","Continent":"Africa"}},
{"row":{"Name":"American Samoa","Continent":"Oceania"}},
{"row":{"Name":"Andorra","Continent":"Europe"}},
{"row":{"Name":"Angola","Continent":"Africa"}},
{"row":{"Name":"Anguilla","Continent":"North America"}},
{"row":{"Name":"Antigua and Barbuda","Continent":"North America"}}
]}

*/

function rs2json($rs, $moveFirst = false)
{
if (!$rs)
{
printf(ADODB_BAD_RS,'rs2json');
return false;
}

$output = '';
$rowOutput = '';

$output .= '{"rows":';
$totalRows = $rs->numrows();

if($totalRows > 0)
{
$output .= '[';
$rowCounter = 1;
while ($row = $rs->fetchRow())
{
$rowOutput .= '{"row":{';
$cols = count($row);
$colCounter = 1;

foreach ($row as $key => $val)
{
$rowOutput .= '"' . $key . '":';
$rowOutput .= '"' . $val . '"';

if ($colCounter != $cols)
{
$rowOutput .= ',';
}
$colCounter++;
}

$rowOutput .= '}}';

if ($rowCounter != $totalRows)
{
$rowOutput .= ',';
}
$rowCounter++;
}
$output .= $rowOutput . ']';
}
else
{
$output .= '"row"';
}

$output .= '}';

if ($moveFirst)
{
$rs->MoveFirst();
}
return $output;
}



Example：

<?php

require_once('Adodb/adodb.inc.php');
require_once('Adodb/tojson.inc.php');

// we're using the mysql "world" database downloadable from http://dev.mysql.com/doc/
$dbType = 'mysql';
$dbHost = 'localhost';
$dbName = 'world';
$dbUser = 'test';
$dbPass = 'test';

$db = ADONewConnection($dbType);
$db->Connect($dbHost, $dbUser, $dbPass, $dbName);
$db->SetFetchMode(ADODB_FETCH_ASSOC);

$sql = "SELECT * FROM Country LIMIT 10";
$result = $db->Execute($sql);

if(!$result)
{
echo $db->ErrorMsg();
}
else
{
echo rs2json($result);

// you may want to utf8_encode the results instead (works better in IE this way)
//echo utf8_encode(rs2json($result));
}

$result->close();
$db->close();

?>


英文網址：http://blog.boringguys.com/2006/08/handy-ajax-data-structures-using-json.html

[CSS layouts]maxdesign - CSS佈局(CSS layouts)

maxdesign 分享了常用的 CSS 佈局(CSS layouts)，包括1，2和3欄佈局(CSS layouts) 提供你免費的學習和使用。



網址：http://www.maxdesign.com.au/articles/css-layouts/

[無名]E罩杯美女 Bosslady 薄蕾絲內衣試穿報告

分享試穿心得 教保養美胸

網頁設計師Bosslady擁有Ｅ罩杯的好身材，去年開始在部落格分享內衣試穿心得，一年內評論了二十三件胸罩，還傳授內衣與胸部保養技巧，吸引一百三十多萬人次點閱，不僅常有女性寫信請教她內衣優劣，還有男性直接問她：「如何保養胸部？」甚至有內衣廠商想請她試穿後撰文，此一暴紅的部落格被女網友譽為「女生的福音」。


評23款胸罩E奶妹暴紅

三十二歲的Bosslady受訪時說，不少人購物、用餐前會上網看網友評論，買內衣前卻很難找到相關訊息，不少網友雖會在台灣大學PTT（telnet://ptt.cc）內衣板分享心得，但篇數不多，她心想：「不如自己試穿內衣並分享心得，讓其他美眉有所指南。」

Bosslady的部落格《薄蕾絲試穿報告》去年二月開張，陸續發表二十三件內衣試穿報告，及胸部保養、內衣保養等文章三十多篇，吸引一百三十多萬人次點閱。

Bosslady小檔案

網路代號：Bosslady

職業：網頁設計師

學歷：樹德科技大學生活產品設計

身材：174公分，36E，其餘保密

部落格特色：發表23件內衣試穿報告，另有30多篇胸部和內衣保養文章，1年內吸引130多萬人次點閱

部落格：《薄蕾絲試穿報告》



資料來源：《蘋果》資料室 【陳威廷╱台北報導】

相關影音：

[Google]將 FeedBurner 變成中文介面

剛試玩了一下 Google FeedBurner 功能，試了一下怎麼沒中文版，於是用 Google 搜了一下，發現了將 Google FeedBurner 英文介面變更為中文介面的方法，如下：

01.在 English 按滑鼠右鍵，選擇「複製捷徑」。

02.在「網址列」按滑鼠右鍵「貼上」剛剛複製的網址。

03.將 http://feedburner.google.com/fb/a/switchlang?forward=http%3A%2F%2Ffeedburner.google.com%2Ffb%2Fa%2Fmyfeeds&locale=en_US 中的「en_US」改成「zh_TW」。

04.大功告成，中文版的 Google FeedBurner 現身 ^o^

[PHP]www.phpjc.cn 讓你從零開始學習

www.phpjc.cn 提供了 PHP、Smarty、Ajax、Css 的教學，讓你從基礎學起。

網址：http://www.phpjc.cn/

[jQuery]IxEdit-讓人驚豔的所見即所得的 jQuery 設計工具

有一陣子沒在網路上尋找有關 jQuery 的資訊了，今天讓我發現了一個讓人驚豔又好用的 jQuery 工具 IxEdit，看 demo 影片的介紹，IxEdit 可以很直覺的用點選的方式完成你想用 jQuery 來完成的動態效果，在把 jQuery 的程式碼複製貼上即可完成了，真是太神奇了。

IxEdit demo 的影片



官方網站：http://www.ixedit.com/

User Guid：http://www.ixedit.com/userguide/

Samples：http://www.ixedit.com/samples/


沒想到對岸的朋友已經將 IxEdit 翻成簡體中文版的了，還有 IxEdit 視訊教學及 IxEdit 實戰教學，真是太強了。

網址：Yes! B-S ! - 博客園