2012年11月29日 星期四

http://developer.android.com/tools/samples/index.html

Samples

To help you understand some fundamental Android APIs and coding practices, a variety of sample code is available from the Android SDK Manager. Each version of the Android platform available from the SDK Manager offers its own set of sample apps.
To download the samples:
  1. Launch the Android SDK Manager.
    • On Windows, double-click the SDK Manager.exe file at the root of the Android SDK directory.
    • On Mac or Linux, open a terminal to the tools/ directory in the Android SDK, then execute android sdk.
  2. Expand the list of packages for the latest Android platform.
  3. Select and download Samples for SDK.
When the download is complete, you can find the source code for all samples at this location:
<sdk>/samples/android-<version>/
The <version> number corresponds to the platform's API level.
You can easily create new Android projects with the downloaded samples, modify them if you'd like, and then run them on an emulator or device.



http://stackoverflow.com/questions/10829371/sync-data-between-android-app-and-webserver

Sync data between Android App and webserver

I have developed a application in android that I wanna sync data (such as db record, media) between it and a server. If you've seen Evernote or similar Applications, you certainly understand my mean.
I have some question(imagine we want to sync DB records):
  1. Every user has a part of server space for himself(such as Evernote or Dropbox). Maybe user create new records by cellphone and create new records in server or anyway. How can I match these records together? If there are records with sane ID What algorithms do you suggest me?
  2. Except JSON, Are there any way for send data between cellphone device and server?
  3. If SyncAdapter and ContentProvider can solve my problems, please explain exactly for me. (If you could offer some samples or tutorials to me OR Any advice or keywords to help broaden/guide my search would be appreciated as well).
First you need to figure out(decide on) your communication protocol with the server - hence - what data you can transfer and how. – hovanessyan May 31 at 7:48

That is Important for me, transfer SQLlite data. but I would know how transfer other data. I don't understand your mean about protocol. please more explain. – omid nazifi May 31 at 8:01


I'll try to answer all your questions by addressing the larger question: How can I sync data between a webserver and an android app?

Syncing data between your webserver and an android app requires a couple of different components on your android device.

Persistent Storage:

This is how your phone actually stores the data it receives from the webserver. One possible method for accomplishing this is writing your own custom ContentProvider backed by a Sqlite database. A decent tutorial for a content provider can be found here: http://thinkandroid.wordpress.com/2010/01/13/writing-your-own-contentprovider/
A ContentProvider defines a consistent interface to interact with your stored data. It could also allow other applications to interact with your data if you wanted. Behind your ContentProvider could be a Sqlite database, a Cache, or any arbitrary storage mechanism.
While I would certainly recommend using a ContentProvider with a Sqlite database you could certainly use any java based storage mechanism you wanted.

Data Interchange Format:

This is the format you use to send the data between your webserver and your android app. The two most popular formats these days are XML and JSON. When choosing your format, you should think about what sort of serialization libraries are available. I know off-hand that there's a fantastic library for json serialization called gson: http://code.google.com/p/google-gson/, although I'm sure similar libraries exist for XML.

Synchronization Service

You'll want some sort of asynchronous task which can get new data from your server and refresh the mobile content to reflect the content of the server. You'll also want to notify the server whenever you make local changes to content and want to reflect those changes. Android provides the SyncAdapter pattern as a way to easily solve this pattern. You'll need to register user accounts, and then Android will perform lots of magic for you, and allow you to automatically sync. Here's a good tutorial: http://www.c99.org/2010/01/23/writing-an-android-sync-provider-part-1/

As for how you identify if the records are the same, typically you'll create items with a unique id which you store both on the android device and the server. You can use that to make sure you're referring to the same reference. Furthermore, you can store column attributes like "updated_at" to make sure that you're always getting the freshest data, or you don't accidentally write over newly written data.
Hope this helps.


http://www.c99.org/2010/01/23/writing-an-android-sync-provider-part-1/

Writing an Android Sync Provider: Part 1

One of the highlights of the Android 2.0 SDK is that you can write custom sync providers to integrate with the system contacts, calendars, etc. The only problem is that there’s very little documentation on how it all fits together. And worse, if you mess up in certain places, the Android system will crash and reboot! Always up for a challenge, I’ve navigated through the sparse documentation, vague mailing list posts, and the Android source code itself to build a sync provider for our Last.fm app. Want to know how to build your own? Read on!

Account Authenticators

The first piece of the puzzle is called an Account Authenticator, which defines how the user’s account will appear in the “Accounts & Sync” settings. Implementing an Account Authenticator requires 3 pieces: a service that returns a subclass of AbstractAccountAuthenticator from the onBind method, an activity to prompt the user to enter their credentials, and an xml file describing how your account should look when displayed to the user. You’ll also need to add the android.permission.AUTHENTICATE_ACCOUNTS permission to your AndroidManifest.xml.

The Service

The authenticator service is expected to return a subclass of AbstractAccountAuthenticator from the onBind method — if you don’t, Android will crash and reboot when you try to add a new account to the system. The only method in AbstractAccountAuthenticator we really need to implement is addAccount, which returns an Intent that the system will use to display the login dialog to the user. The implementation below will launch our app’s main launcher activity with an action of “fm.last.android.sync.LOGIN” and an extra containing the AccountAuthenticatorResponse object we use to pass data back to the system after the user has logged in.

AccountAuthenticatorService.java

  1. import fm.last.android.LastFm;
  2. import android.accounts.AbstractAccountAuthenticator;
  3. import android.accounts.Account;
  4. import android.accounts.AccountAuthenticatorResponse;
  5. import android.accounts.AccountManager;
  6. import android.accounts.NetworkErrorException;
  7. import android.app.Service;
  8. import android.content.Context;
  9. import android.content.Intent;
  10. import android.os.Bundle;
  11. import android.os.IBinder;
  12. import android.util.Log;
  13. /**
  14.  * Authenticator service that returns a subclass of AbstractAccountAuthenticator in onBind()
  15.  */
  16. public class AccountAuthenticatorService extends Service {
  17.  private static final String TAG = "AccountAuthenticatorService";
  18.  private static AccountAuthenticatorImpl sAccountAuthenticator = null;
  19.  public AccountAuthenticatorService() {
  20.   super();
  21.  }
  22.  public IBinder onBind(Intent intent) {
  23.   IBinder ret = null;
  24.   if (intent.getAction().equals(android.accounts.AccountManager.ACTION_AUTHENTICATOR_INTENT))
  25.    ret = getAuthenticator().getIBinder();
  26.   return ret;
  27.  }
  28.  private AccountAuthenticatorImpl getAuthenticator() {
  29.   if (sAccountAuthenticator == null)
  30.    sAccountAuthenticator = new AccountAuthenticatorImpl(this);
  31.   return sAccountAuthenticator;
  32.  }
  33.  private static class AccountAuthenticatorImpl extends AbstractAccountAuthenticator {
  34.   private Context mContext;
  35.   public AccountAuthenticatorImpl(Context context) {
  36.    super(context);
  37.    mContext = context;
  38.   }
  39.   /*
  40.    *  The user has requested to add a new account to the system.  We return an intent that will launch our login screen if the user has not logged in yet,
  41.    *  otherwise our activity will just pass the user's credentials on to the account manager.
  42.    */
  43.   @Override
  44.   public Bundle addAccount(AccountAuthenticatorResponse response, String accountType, String authTokenType, String[] requiredFeatures, Bundle options)
  45.     throws NetworkErrorException {
  46.    Bundle reply = new Bundle();
  47.    
  48.    Intent i = new Intent(mContext, LastFm.class);
  49.    i.setAction("fm.last.android.sync.LOGIN");
  50.    i.putExtra(AccountManager.KEY_ACCOUNT_AUTHENTICATOR_RESPONSE, response);
  51.    reply.putParcelable(AccountManager.KEY_INTENT, i);
  52.    
  53.    return reply;
  54.   }
  55.   @Override
  56.   public Bundle confirmCredentials(AccountAuthenticatorResponse response, Account account, Bundle options) {
  57.    return null;
  58.   }
  59.   @Override
  60.   public Bundle editProperties(AccountAuthenticatorResponse response, String accountType) {
  61.    return null;
  62.   }
  63.   @Override
  64.   public Bundle getAuthToken(AccountAuthenticatorResponse response, Account account, String authTokenType, Bundle options) throws NetworkErrorException {
  65.    return null;
  66.   }
  67.   @Override
  68.   public String getAuthTokenLabel(String authTokenType) {
  69.    return null;
  70.   }
  71.   @Override
  72.   public Bundle hasFeatures(AccountAuthenticatorResponse response, Account account, String[] features) throws NetworkErrorException {
  73.    return null;
  74.   }
  75.   @Override
  76.   public Bundle updateCredentials(AccountAuthenticatorResponse response, Account account, String authTokenType, Bundle options) {
  77.    return null;
  78.   }
  79.  }
  80. }
The account authenticator service should be defined in your AndroidManifest.xml, with a meta-data tag referencing an xml definition file, as follows:

Snippet from AndroidManifest.xml

  1. <service android:name="AccountAuthenticatorService"
  2.  android:exported="true" android:process=":auth">
  3.  <intent-filter>
  4.   <action android:name="android.accounts.AccountAuthenticator" />
  5.  </intent-filter>
  6.  <meta-data android:name="android.accounts.AccountAuthenticator"
  7.   android:resource="@xml/authenticator" />
  8. </service>

The Activity

If you don’t already have a login screen, there’s a convenience class AccountAuthenticatorActivity you can subclass that will pass your response back to the authentication manager for you, however if you already have a login activity in place you may find it easier to just pass the data back yourself, as I have done here. When the user has successfully been authenticated, we create an Account object for the user’s credentials. An account has an account name, such as the username or email address, and an account type, which you will define in your xml file next. You may find it easier to store your account type in strings.xml and use getString() to fetch it, as it is used in multiple places.

Snippet from the Last.fm login activity

  1. Account account = new Account(username, getString(R.string.ACCOUNT_TYPE)));
  2. AccountManager am = AccountManager.get(this);
  3. boolean accountCreated = am.addAccountExplicitly(account, password, null);
  4. Bundle extras = getIntent.getExtras();
  5. if (extras != null) {
  6.  if (accountCreated) {  //Pass the new account back to the account manager
  7.   AccountAuthenticatorResponse response = extras.getParcelable(AccountManager.KEY_ACCOUNT_AUTHENTICATOR_RESPONSE);
  8.   Bundle result = new Bundle();
  9.   result.putString(AccountManager.KEY_ACCOUNT_NAME, username);
  10.   result.putString(AccountManager.KEY_ACCOUNT_TYPE, getString(R.string.ACCOUNT_TYPE));
  11.   response.onResult(result);
  12.  }
  13.  finish();
  14. }

The XML definition file

The account xml file defines what the user will see when they’re interacting with your account. It contains a user-readable name, the system account type you’re defining, various icons, and a reference to an xml file containing PreferenceScreens the user will see when modifying your account.

authenticator.xml

  1. <account-authenticator xmlns:android="http://schemas.android.com/apk/res/android"
  2.     android:accountType="fm.last.android.account"
  3.     android:icon="@drawable/icon"
  4.     android:smallIcon="@drawable/icon"
  5.     android:label="@string/app_name"
  6.     android:accountPreferences="@xml/account_preferences"/>

account_preferences.xml

  1. <PreferenceScreen
  2.   xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <PreferenceCategory
  4.             android:title="General Settings" />
  5.     <PreferenceScreen
  6.         android:key="account_settings"
  7.         android:title="Account Settings"
  8.         android:summary="Sync frequency, notifications, etc.">
  9.         <intent
  10.             android:action="fm.last.android.activity.Preferences.ACCOUNT_SETUP"
  11.             android:targetPackage="fm.last.android"
  12.             android:targetClass="fm.last.android.activity.Preferences" />
  13.     </PreferenceScreen>
  14. </PreferenceScreen>

Putting it all together

Now we’re ready for testing! The Android accounts setting screen doesn’t handle exceptions very well — if something goes wrong, your device will reboot! A better way to test is to launch the emulator, run the “Dev Tools” app, and pick “AccountsTester”.

You should see your new account type in the list, along with the built-in “Corporate” account type. Go ahead and select your account type from the drop-down list, and then press the “Add” button, and you should be presented with your login activity. After authenticating, your account should appear in a list below the buttons. At this point, it should be safe to use the system “Accounts & Sync” settings screen to remove or modify your account.

Ready to fill in that section below “Data & synchronization”? Let’s move on to part 2!
The source code for the implementation referenced here is available in my Last.fm github project under the terms of the GNU General Public License. A standalone sample project is also available here under the terms of the Apache License 2.0. Google has also released their own sample sync provider on the Android developer portal that’s a bit more complete than mine.

























主機規劃與磁碟分割

http://linux.vbird.org/linux_basic/0130designlinux.php

各硬體裝置在Linux中的檔名

在Linux系統中,每個裝置都被當成一個檔案來對待


裝置裝置在Linux內的檔名
IDE硬碟機/dev/hd[a-d]
SCSI/SATA/USB硬碟機/dev/sd[a-p]
USB快閃碟/dev/sd[a-p](與SATA相同)
軟碟機/dev/fd[0-1]
印表機25針: /dev/lp[0-2]
USB: /dev/usb/lp[0-15]
滑鼠USB: /dev/usb/mouse[0-15]
PS2: /dev/psaux
當前CDROM/DVDROM/dev/cdrom
當前的滑鼠/dev/mouse
磁帶機IDE: /dev/ht0
SCSI: /dev/st0

FooTable - extensible HTML table

在不同闊度的screen可以將部份column隱藏, click + 號才顯示某row隱藏了的資料.

http://themergency.com/footable/


FooTable

FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome - No matter how many columns of data you may have in them.


What Does It Do?

FooTable transforms your HTML tables into expandable responsive tables. This is how it works:
  1. It hides certain columns of data at different resolutions (we call these breakpoints).
  2. Rows become expandable to show the data that was hidden.
So simple! So all the data that is hidden can always be seen just by clicking the row. Play around with the responsive demo to see it in action.

Demo

Check out the stand-alone demo (you will have to resize the broswer to see it work) or check out the responsive demo and just click the device buttons.

Download

Get the source from Github, or you can download it direct.

2012年10月16日 星期二

Photo display

http://www.onextrapixel.com/2012/03/29/15-stunning-jquery-lightbox-plug-ins-for-your-upcoming-designs/

http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-solutions/



Color Box
A lightweight customizable lightbox plug-in for jQuery 1.3+
Color Box

Lightbox 2
Lightbox 2 is a simple, unobtrusive script used to overlay images on the current page. It's a snap to set up and works on all modern browsers.
Lightbox 2


prettyPhoto
prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also supports videos, flash, YouTube, frames and Ajax. It’s a full blown media lightbox.
prettyPhoto

Slimbox 2
Slimbox 2 is a 4 KB visual clone of the popular Light box 2 script by Lokesh Dhaka, written using the jQuery JavaScript library.
Slimbox 2


Fancy Box
Fancy Box is a tool for displaying images, HTML content and multimedia in a Mac-style "light box" that floats overtop of web page.
Fancy Box

jQuery Lightbox Plug-in
JQuery lightbox plug-in is simple, elegant, and unobtrusive, no need for extra markup, and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.
jQuery Lightbox Plug-in
Ceebox
An overlay pop-up script for easily embedding flash video, displaying images, or showing HTML (either external sites via iframe or content on your own site via AJAX).
Ceebox


Create Beautiful jQuery slider tutorial

This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.
beautiful-gallery-jquery-image-slideshow-tools-free
View Demo









Navigation Menu

http://www.dynamicwp.net/articles-and-tutorials/15-really-amazing-jquery-navigation-menu/


Rocking and Rolling Rounded Menu with jQuery

15 Really Amazing jQuery Navigation Menu
by Mary Lou
In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. We will create a menu with little icons that will rotate when hovering. Also, we will make the menu item expand and reveal some menu content, like links or a search box.

Halftone Navigation Menu With jQuery & CSS3

15 Really Amazing jQuery Navigation Menu
by Martin Angelov
Today we are making a CSS3 & jQuery halftone-style navigation menu, which will allow you to display animated halftone-style shapes in accordance with the navigation links, and will provide a simple editor for creating additional shapes as well.

Beautiful Slide Out Navigation- A CSS and jQuery Tutorial

15 Really Amazing jQuery Navigation Menu
by Mary Lou
Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can spare you some space on your website. The items will be semi-transparent which means that content under them will not be completely hidden.

How To Create a Cool Animated Menu with jQuery

15 Really Amazing jQuery Navigation Menu
by Chris Spooner
In this tutorial we’ll be building a cool navigation list complete with a sliding hover effect. Learn how to build the concept in Photoshop, lay out the basic HTML elements, style everything up in CSS then tie it all together with a few lines of jQuery to create a semantic, accessible and degradable menu design.

Beautiful Background Image Navigation with jQuery

15 Really Amazing jQuery Navigation Menu
by Mary Lou
In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. The background image for each item will be animated to slide into place in different times, creating a really nice effect. The background image sliding direction from the list item in the middle will depend on which item the user was before: coming from the right, it will slide from the left and vice versa.

Animated Navigation with CSS & jQuery

15 Really Amazing jQuery Navigation Menu
by Soh Tanaka
As I was checking out some flash sites for inspiration, I ran across a couple websites that had some nice navigation effects. I’m not a huge fan of wildly animated navs, but these had simple and elegant roll over effects that I liked. I decided to imitate the effect with CSS and jQuery, and would like to share this technique today.

A Fresh Bottom Slide Out Menu with jQuery

15 Really Amazing jQuery Navigation Menu

by Mary Lou
In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description text and some icon. We will use some CSS3 properties for some nice shadow effects and jQuery for the interaction.

How to Make a Smooth Animated Menu with jQuery

15 Really Amazing jQuery Navigation Menu
by Zach Dunn
Ever seen some excellent jQuery navigation that left you wanting to make one of your own? Today we’ll aim to do just that by building a menu and animate it with some smooth effects.

Overlay Effect Menu with jQuery

15 Really Amazing jQuery Navigation Menu
by Mary Lou
In this tutorial we are going to create a simple menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. The menu will stay white and a submenu area will expand. We will create this effect using jQuery.

CSS Dock Menu

15 Really Amazing jQuery Navigation Menu
by Nick La
If you are a big Mac fan, you will love this CSS dock menu. It is using Jquery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom.

Little Boxes Menu with jQuery

15 Really Amazing jQuery Navigation Menu
by Mary Lou
Today we will create a menu out of little boxes that animate randomly when a menu item is clicked. The clicked menu item expands and reveals a content area for some description or links. When the item is clicked again, the boxes will come back, reconstructing the initial background image.

Premium jQuery Scripts for Cute Menu Navigation

SV Animated Menu Pack 2

15 Really Amazing jQuery Navigation Menu
by SplitV
This is a set of 4 animated menu scripts. All are stand alone, requiring no external libraries or frameworks. They are extremely small at 1-2kb a piece uncompressed. If you compress them they are all closer to 1-1.5kb. These scripts make it possible to create great menus with flash like effects very easily.

Nice Menu V1.0

15 Really Amazing jQuery Navigation Menu
by Alexandra1710
A new way to slide between 2 level huge menu.
easy to use, valid html and css code
works in all majors browsers
easy to plug and play script to your website / blog or gallery

Super menu pack (10 menus)

15 Really Amazing jQuery Navigation Menu
by VanKarWai
Super menu pack is a collection of 10 cool menus, 5 in pure css and 5 using jQuery framework for customize or layout with your websites or applications and projects.
It’s perfect for anyone who wants to give a special touch to their designs or find a starting point. I tried to create a collection as varied as possible in style and appearance to give you choice. Thinking in design working with code.

Cute Menu – 8 transitions pack

15 Really Amazing jQuery Navigation Menu
by arl1nd
Cute Menu is very simple to embed to your HTML code. It’s requirements are only JavaScript and CSS support.















Tooltip

http://www.freshdesignweb.com/jquery-mouseover.html




Easiest Mouseover Image Preview Using jQuery

It is a rollover image preview. You know, one of those tooltip-like bubble popups that appears when you roll over link or a thumbnail.

23 Mouseover Image Preview Using jQuery Demo | Download



Can show tooltip with image, good from demo student's screen to teacher.


Build a Better Tooltip On Mouseover with jQuery

In this tutorial I’m going to show you how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier.

24 Tooltip On Mouseover with jQuery Demo | Download


Pretty Lightweight Roll Over Tooltips Plugin

It is a very lightweight jQuery plugin that gives the ability to add tooltips to pretty much any element on a page. Thoroughly documented and designer friendly.

30 Pretty Lightweight Roll Over Tooltips Plugin Demo | Download


Pretty Hover Effects with CSS and jQuery

This article will show you how to create pretty hover effects for your images using jQuery and CSS. This can come useful especially if you already have hundreds of images that you want to apply this effect on.

jquery mouseover 011 Demo | Download


jQuery image slide on hover effect

This is a simple technique to animate an image when hovering using jQuery animate() effect. We will use this effect to manipulate our CSS, creating a seamless transition between two areas of an image.

jquery mouseover 08 Demo

Realistic Hover Effect With jQuery

Using jQuery’s animate effect, I experimented with icons that have reflections and others with shadows. Here is a demo with two examples:

jquery mouseover 14 Demo | Download

Hover fading transition with jQuery

jquery mouseover 11 Demo














2012年10月15日 星期一

Delta – A Free jQuery UI Theme

http://kiandra.github.com/Delta-jQuery-UI-Theme/
http://blog.kiandra.com.au/2012/09/delta-a-free-jquery-ui-theme/
http://www.webappers.com/2012/10/12/delta-an-open-source-jquery-ui-theme/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Webappers+%28WebAppers%29&utm_content=Google+Feedfetcher

Delta – A Free jQuery UI Theme

Kiandra is pleased to announce the open sourcing of a jQuery UI theme we think you’re going to love. We have been using the “Delta” theme for the better part of a year and made the decision to share it with the community. We’re hoping this results in plenty of feedback as well as the continued development of the theme. It’s free for commercial, personal and educational use as part of the MIT or GPL license.
If anything, we think that this theme can act as a starting point for other smart cookies to create their own visually engaging jQuery UI themes. You can fork this theme over on the GitHub repository.



Features:

  • Open source – Free for commercial and personal use alike under an MIT license.
  • Retina ready – The theme makes use of CSS3 gradients and some @2x images to ensure it’s retina display friendly.
  • Dark and light friendly – The vibrant colour scheme means “Delta” works on both light and dark backgrounds. Change the toggle in the top right hand corner of the demo to see it in action.
  • OS dependent modals – Close ‘x’ and button placement inherits from your operating system, using an extra Modernizr test.

Support & Testing:

  • IE7, IE8 & IE9
    But rounded corners and drop shadows will degrade depending on support
  • Chrome
  • Firefox
  • Safari
  • Opera
Did you find an issue? Something not working as expected?
File an issue on the GitHub repository.

View DemoGo to Repository

2012年10月11日 星期四

Free HTML Admin Templates For The Backend Of Your Apps


http://www.webresourcesdepot.com/free-html-admin-templates-for-the-backend-of-your-apps/





Free HTML Admin Templates For The Backend Of Your Apps

2012年9月1日 星期六

蒸茄子

http://kidturtle.mysinablog.com/index.php?op=ViewArticle&articleId=848561
蒜茸蒸茄子
二小姐很喜歡蒜茸,所以我加多左架emotion
望落去好似無切開,其實已介左花,即切了但無切斷,看到最左下角的茄子那個"X"嗎?
蒜頭去衣法:http://kidturtle.mysinablog.com/index.php?op=ViewArticle&articleId=848435
材料:
茄子3個
蒜頭1大個
製法:
  1. 蒜頭去衣切茸。
  2. 先燒一鑊水,茄子洗淨切去頭尾,一個切開四段,每段再沿邊切開但不要切斷(或切開二邊,每邊切開三或四條),將切好茄子放碟上,再放上蒜茸,立刻放入鑊蒸約8分鐘。(茄子一切好便要立刻蒸,放久了便會變黑)
  3. 燒熱鑊,加2湯匙油,燒熱油後淋上蒸好的茄子上,再沿碟邊加上約1至2湯匙生抽。(蒸好茄子後碟內的水不要倒去,直接淋上熟油便可)

http://blog.yam.com/megohime/article/19750487

不費時也不費工的蒸茄子。


  在茄子上刺些洞。

  放入蒸籠蒸10分鐘。

醬汁:醋、醬油、辣油以2:2:1拌勻。


  茄子切片,淋上醬汁灑上蔥花即可。


http://www.wretch.cc/blog/Alex913Penny/31826895

1.一條茄子切段,再對半切,用鹽水泡三分鐘再撈起(泡鹽水可防茄子變黑)



2.茄子鋪在盤子上放進電鍋蒸至跳起(外鍋放一杯水)




3.淋上蔥花和調味料(蠔油、醬油、麻油、糖各一大匙)




4.上桌囉!




http://www.hkheadline.com/dining/recipe_content.asp?srid=6&rid=1020&lang=cht
瑤柱蠔油蒸茄子   類別 : 蔬菜
 
用蒸的方法煮茄子可減少其吸油量,且能保存更多營養素。建議汁料可不淋上茄子上而放在碟邊,因個人口味而調較。
材料
茄子 200 克 [7 安士/5.5 兩] [切條]
蔥 1 棵 [切段]
製法
1. 茄子排好在碟上,用大火蒸約5分鐘,瀝去多餘汁液。
2. 燒熱2湯匙油,爆香蔥段,下芡汁煮沸,淋在茄子上。
調味
芡汁:
粟粉 1 茶匙,水 8 湯匙,李錦記極品瑤柱蠔油 3 湯匙
*食譜由李錦記提供
 

http://blog.udn.com/stec/3384347

農家蒸茄子

 
先製作
(A)咸鮮醬汁配方: 豆豉 生抽 蠔油 糖 一點點白醋 水 調料多寡為個人喜好煮到豆豉味飄香為止,我是放到微波爐大火力煮三分鐘。 
(B) 茄子部份: 茄子對剖改刀成段,同許些蝦皮同蒸十五分鐘,或是直到茄子柔軟適口為止
(C) 把A淋在蒸好的茄子上,擺上切好得青蔥絲,另起鍋放入數湯匙的植物油加熱到姜冒煙之前,淋在青蔥絲上及可乘熱上桌食用。 簡單吧
 
 
http://blog.yahoo.com/_MXVTUQIDUALLHMXPTM2P7CUWW4/articles/44676
古法蒸茄子

材料:    茄子                1
                瘦肉                80 (家中瘦肉不夠;我只用了約44)
                香菇                3
                紅棗                5
                薑                    2
醃料:    蠔油                1 1/2湯匙
                白糖                1/3茶匙
                雞粉                半茶匙
                鹽                    1/3茶匙
                蒸魚豉油        1茶匙

做法:
1.          瘦肉洗淨切成細絲;
2.          乾香菇用清水浸軟,去蒂擠乾水,切成細絲,加入1/3茶匙白糖及少許麻油略醃一下,使之更香;
3.          紅棗也是用清水浸軟,去核切成細絲;
4.          薑去皮後切成細絲。
5.          將瘦肉絲、香菇絲、紅棗絲和薑絲全放入一大碗內,加入1 1/2湯匙蠔油、1/3茶匙白糖、半茶匙雞粉、1/3湯匙鹽、1茶匙蒸魚豉油和50ml清水拌勻,做成古方醬料。
6.          茄子去頭尾洗淨,切成約5cm長的細條,放入沸水中汆燙1分鐘,撈起瀝乾水。
7.          在蒸盤內,先鋪上一層茄子條,後再鋪上一層古方醬料,然後再鋪一層茄子條,一層古方醬料,一層一層地將茄子條疊加成梯型。




8.          將蒸碟用一層保鮮膜緊密覆蓋。
9.          燒開鍋內的水,放入茄子以大火隔水清蒸20~25分鐘,即可出鍋。
10.      因我嗜吃辣,最後還是加了一隻泰國紅辣椒在表面,不愛吃辣的可以不加。

心得:
1.          茄子很難蒸熟,因此切條後先放入沸水中燙一下,一來可以去除茄子的澀味,二來可縮短蒸制茄子的時間。
2.          茄子疊成梯形後,要用雙手輕輕壓幾下,盡量將它壓得緊實些,以防清蒸時茄子條掉下來。
3.          由於茄子條疊加一起較為厚身,蒸製時間要長一點,以便將茄子蒸得軟爛入味,這樣才會更美味。
4.          正因為蒸製時間長,要記得多放一些水入蒸鍋,以免在蒸製途中水不夠。
5.          先給茄子蓋上一層保鮮膜,再放入鍋內清蒸,可防止盤中有太多水蒸氣,會沖淡醬汁的味道。
6.          如不想吃瘦肉,可買雞睥肉代替瘦肉一樣咁好味。
7.          如不在香菇內放麻油,這個食譜是無油製作,很適合怕吃油的減肥人仕。