- Mar 02 Thu 2017 04:04
-
英國蜜月旅行 推薦景點:倫敦市區
- Mar 12 Wed 2014 15:02
-
英國街頭藝人
- Mar 31 Sat 2012 16:20
-
超棒CSS新玩法教學
CSS除了一般選單設計(nevigations)以及排版布局(layouts)之外,
還有非常多好用的玩法!
評鑑系統、透明漸層效果、陰影效果、
圓角矩形、各種常用圖框等等,
都可以用CSS來製作窩!
趕緊來看看這22招很不錯的教學。
文章來自:marcofolio
Creating Liquid CSS Tabs for Menus - dezinerfolio.com
CSS Tabs based menu systems are really improving instead of all the
classic button based navigation. This small tutorial will help you
create a image based liquid tab using CSS and xHTML.
Create a valid CSS alert message - bioneural.net
In various places around the net you may have seen alert boxes. Here's
a tutorial on how to create such an alert message that is CSS valid.
Create valid CSS floating corners - marcofolio.net
Many websites have eye-catching CSS floating corners. These can be
used for many purposes, such as advertations. If you're viewing this
page, you'll see one floating corner in your browser. Even when you
resize your browser, the corner will stick to his position.
Overlapping CSS Tabs - shapeshed.com
Overlapping navigation is a real problem in CSS with the box model and
browser support. It is possible though. This technique is advanced CSS
and the tutorial assumes a good level of understanding of both CSS and
XTHML.
CSS Star Rating System - pmob.co.uk
Simple CSS Star Rating System. No JavaScript required.
Making ListBox with CSS - hedgerwow.com
A tutorial on created advanced listboxes with CSS. Also works with images.
Fade Out Bottom - css-tricks.com
This is a cool effect where the bottom of the page seems to fade out.
The technique makes use of an fixed position div (bottom: 0%) with a
transparent PNG image and a high z-index value.
CSS Speech Bubbles - willmayo.com
Easy to customize speech bubbles coded in CSS and valid XHTML 1.0
strict. Tested in all major browsers.
Hoverbox Image Gallery - sonspring.com
Basically, it’s a super light-weight (8kb) roll-over photo gallery
that uses nothing but CSS...
CSS For Bar Graphs - applestooranges.com
This is a more complex visualization, yet still following the same
basic idea. Here the graph is a ‘bad’ to ‘good’ indicator with a
marker that travels the length of the color scheme. A lighter bar
shade also helps indicate the marker position as it travels from left
to right.
Even More Rounded Corners With CSS - schillmania.com
Yep, it's another article detailing a method of doing rounded corners
with CSS. In this case, single-image, PNG-based, fluid rounded corner
dialogs with support for borders, alpha transparency throughout,
gradients, patterns and whatever else you (or your designer) could
want.
Styled Text Area - css-tricks.com
A textarea is an element on a webpage that you can type into. These
are commonly used as commenting areas, contact forms or address entry
areas. All browsers have defaults styles for textareas which vary. You
can take control of your textareas and style them with CSS, just like
any other element.
CSS Drop Shadows - alistapart.com
They’re the corkscrew in every graphic designer’s Swiss Army knife.
Much used, oft maligned but always popular, drop shadows are a staple
of graphic design. Although easy to accomplish with image-editing
software, they’re not of much use in the fast-changing world of web
design. On the web, adaptability and ease of use dictate trends — and
static images with a fixed background effect are not very adaptable.
Sitemap Celebration - zabdesign.de
Creating a sitemap for your website can be very useful. Use nested
lists to create a nice sitemap. Tested and works fine on most
browsers.
Using Less Images - magnetiq.co
Image rollovers are usually composed of two individual images; one for
the default state and one for when the mouse is hovered over the image
or link. However, it bears some advantages to use a single image by
taking advantage of CSS image offsets.
Styling form controls with CSS, revisited - 456bereastreet.com
A question that is frequently asked in forums like the css-discuss
mailing list is how to style form controls in a consistent way across
platforms. Most of the time, the question is asked by someone who has
just tried to do that, and noticed the difference in rendering across
browsers and operating systems.
A CSS styled table version 2 - veerle.duoh.com
The data of tables can be boring so all the more reason that we need
to attract attention to it and make it as pleasant to read as
possible. Presentation and design with some basic accessibility rules
in mind is the way to go.
How to make sexy buttons with CSS - oscaralexander.com
This tutorial will teach you how to create pretty looking textual
buttons (with alternate pressed state) using CSS. Dynamic buttons save
you heaps of time otherwise spent creating graphics and will basically
make you a happier person at the end of the day.
Iconize Textlinks with CSS - pooliestudios.com
Links are fun, but sometimes we don't know where they take us. With
this little CSS technique a user can identify a link by its icon. The
idea is pretty simple, if a link points to a .pdf file, we show the
.pdf icon after the link.
Remote Linking - css-tricks.com
Remote linking is a rollover that affects another object on the page.
The rollover can affect itself as well. This can be done with PURE
CSS, making it a very cool and lightweight technique.
Floatutorial - css.maxdesign.com.au
Floatutorial takes you through the basics of floating elements such as
images, drop caps, next and back buttons, image galleries, inline
lists and multi-column layouts.
Simple Double Quotes - webdesignerwall.com
This CSS tutorial will show you how to display two double-quote images
using one blockquote tag. The trick here is apply one background image
to blockquote, and then apply another background to the first-letter
(pseudo-element) of blockquote.
Professional horizontal CSS Menus - cssplay.co.uk
Download some really cool professional looking horizontal menus. View
the source to learn how to create these menus on your own.
還有非常多好用的玩法!
評鑑系統、透明漸層效果、陰影效果、
圓角矩形、各種常用圖框等等,
都可以用CSS來製作窩!
趕緊來看看這22招很不錯的教學。
文章來自:marcofolio
Creating Liquid CSS Tabs for Menus - dezinerfolio.com
CSS Tabs based menu systems are really improving instead of all the
classic button based navigation. This small tutorial will help you
create a image based liquid tab using CSS and xHTML.
Create a valid CSS alert message - bioneural.net
In various places around the net you may have seen alert boxes. Here's
a tutorial on how to create such an alert message that is CSS valid.
Create valid CSS floating corners - marcofolio.net
Many websites have eye-catching CSS floating corners. These can be
used for many purposes, such as advertations. If you're viewing this
page, you'll see one floating corner in your browser. Even when you
resize your browser, the corner will stick to his position.
Overlapping CSS Tabs - shapeshed.com
Overlapping navigation is a real problem in CSS with the box model and
browser support. It is possible though. This technique is advanced CSS
and the tutorial assumes a good level of understanding of both CSS and
XTHML.
CSS Star Rating System - pmob.co.uk
Simple CSS Star Rating System. No JavaScript required.
Making ListBox with CSS - hedgerwow.com
A tutorial on created advanced listboxes with CSS. Also works with images.
Fade Out Bottom - css-tricks.com
This is a cool effect where the bottom of the page seems to fade out.
The technique makes use of an fixed position div (bottom: 0%) with a
transparent PNG image and a high z-index value.
CSS Speech Bubbles - willmayo.com
Easy to customize speech bubbles coded in CSS and valid XHTML 1.0
strict. Tested in all major browsers.
Hoverbox Image Gallery - sonspring.com
Basically, it’s a super light-weight (8kb) roll-over photo gallery
that uses nothing but CSS...
CSS For Bar Graphs - applestooranges.com
This is a more complex visualization, yet still following the same
basic idea. Here the graph is a ‘bad’ to ‘good’ indicator with a
marker that travels the length of the color scheme. A lighter bar
shade also helps indicate the marker position as it travels from left
to right.
Even More Rounded Corners With CSS - schillmania.com
Yep, it's another article detailing a method of doing rounded corners
with CSS. In this case, single-image, PNG-based, fluid rounded corner
dialogs with support for borders, alpha transparency throughout,
gradients, patterns and whatever else you (or your designer) could
want.
Styled Text Area - css-tricks.com
A textarea is an element on a webpage that you can type into. These
are commonly used as commenting areas, contact forms or address entry
areas. All browsers have defaults styles for textareas which vary. You
can take control of your textareas and style them with CSS, just like
any other element.
CSS Drop Shadows - alistapart.com
They’re the corkscrew in every graphic designer’s Swiss Army knife.
Much used, oft maligned but always popular, drop shadows are a staple
of graphic design. Although easy to accomplish with image-editing
software, they’re not of much use in the fast-changing world of web
design. On the web, adaptability and ease of use dictate trends — and
static images with a fixed background effect are not very adaptable.
Sitemap Celebration - zabdesign.de
Creating a sitemap for your website can be very useful. Use nested
lists to create a nice sitemap. Tested and works fine on most
browsers.
Using Less Images - magnetiq.co
Image rollovers are usually composed of two individual images; one for
the default state and one for when the mouse is hovered over the image
or link. However, it bears some advantages to use a single image by
taking advantage of CSS image offsets.
Styling form controls with CSS, revisited - 456bereastreet.com
A question that is frequently asked in forums like the css-discuss
mailing list is how to style form controls in a consistent way across
platforms. Most of the time, the question is asked by someone who has
just tried to do that, and noticed the difference in rendering across
browsers and operating systems.
A CSS styled table version 2 - veerle.duoh.com
The data of tables can be boring so all the more reason that we need
to attract attention to it and make it as pleasant to read as
possible. Presentation and design with some basic accessibility rules
in mind is the way to go.
How to make sexy buttons with CSS - oscaralexander.com
This tutorial will teach you how to create pretty looking textual
buttons (with alternate pressed state) using CSS. Dynamic buttons save
you heaps of time otherwise spent creating graphics and will basically
make you a happier person at the end of the day.
Iconize Textlinks with CSS - pooliestudios.com
Links are fun, but sometimes we don't know where they take us. With
this little CSS technique a user can identify a link by its icon. The
idea is pretty simple, if a link points to a .pdf file, we show the
.pdf icon after the link.
Remote Linking - css-tricks.com
Remote linking is a rollover that affects another object on the page.
The rollover can affect itself as well. This can be done with PURE
CSS, making it a very cool and lightweight technique.
Floatutorial - css.maxdesign.com.au
Floatutorial takes you through the basics of floating elements such as
images, drop caps, next and back buttons, image galleries, inline
lists and multi-column layouts.
Simple Double Quotes - webdesignerwall.com
This CSS tutorial will show you how to display two double-quote images
using one blockquote tag. The trick here is apply one background image
to blockquote, and then apply another background to the first-letter
(pseudo-element) of blockquote.
Professional horizontal CSS Menus - cssplay.co.uk
Download some really cool professional looking horizontal menus. View
the source to learn how to create these menus on your own.
- Mar 31 Sat 2012 16:12
-
八個超棒免費CSS Templates蒐集站
1. FreeCSSTemplates.org
飛爾酥整理了這八個很棒的免費css樣板(free css templates)蒐集站給大家,
其中各有特色,也包含了許多不同的資源呢!
2. FreeCSS.com
跟一般免費的模板一樣,不過還有提供付費的樣板以及Wordpress的佈景主題,
而不錯的是他有提供quick reference,可以很快速的認識css的設定。
3. CSSCreme
CssCreme本質上是一個CSS網站的蒐集站,並有清楚的分類
(商業、教育、娛樂、個人等等)也有很多免費資源提供下載
(templates,icons,wallpapers等等)。
4. FreeCSSTemplates.com
這邊有不少質量高、又符合web標準的免費樣板。
5. CSSFill
另外一個小型蒐集著非常有用(useful) template的站,
其中還包括了商業模板跟部落格設計等。
6.Free CSS Templates Dot Com
這裡有超過兩百個templates可以選擇,
有許多不同風格跟顏色,很值得去看看唷!
7.Topcsstemplates.com
蒐錄了非常多很正點的css template,
另外還有免費的wordpress,joomla,OScommerce模板等等。
8.Open Source Templates
飛爾酥整理了這八個很棒的免費css樣板(free css templates)蒐集站給大家,
其中各有特色,也包含了許多不同的資源呢!
2. FreeCSS.com
跟一般免費的模板一樣,不過還有提供付費的樣板以及Wordpress的佈景主題,
而不錯的是他有提供quick reference,可以很快速的認識css的設定。
3. CSSCreme
CssCreme本質上是一個CSS網站的蒐集站,並有清楚的分類
(商業、教育、娛樂、個人等等)也有很多免費資源提供下載
(templates,icons,wallpapers等等)。
4. FreeCSSTemplates.com
這邊有不少質量高、又符合web標準的免費樣板。
5. CSSFill
另外一個小型蒐集著非常有用(useful) template的站,
其中還包括了商業模板跟部落格設計等。
6.Free CSS Templates Dot Com
這裡有超過兩百個templates可以選擇,
有許多不同風格跟顏色,很值得去看看唷!
7.Topcsstemplates.com
蒐錄了非常多很正點的css template,
另外還有免費的wordpress,joomla,OScommerce模板等等。
8.Open Source Templates
- Mar 31 Sat 2012 16:11
-
[jQuery] 自訂 select 選單樣式
需求:下拉選單的設計是自訂的樣式,不只背景,連右方箭號也是。使用 jQuery 的解法很多,此為其中一種。
若要連下拉出的選單樣式都要變更 .. 可參考 jQuery UI 的版本。
需求圖:
解法:
http://mondaybynoon.com/2009/02/23/creating-custom-form-elements-using-jquery-selects/
- Mar 31 Sat 2012 16:09
-
[IE] FCKeditor 於 IE9 中的對話框都跑不出來的解法
[IE] FCKeditor 於 IE9 中的對話框都跑不出來的解法
以前的某個案子客戶反映,他們升級到 IE9 之後,所有 FCKeditor 的功能對話框 (例如: 從 Word 貼上、超連結) 都跑不出來,
經實際測試後發現果真如此,但只要將 IE 切到 IE8 模式(按 F12 的開發工具功能表最後兩欄可切換)就一切正常。
尋找 FCKeditor 官方論壇上的解法,最簡單的解法(省得還要更新 FCKeditor 版本)是在該頁面的 head 標籤中加上:
使 IE9 模擬成 IE8 模式在跑,就可解決此問題。
另外,提醒一下,若是以頁框組來載入不同頁面的 FCKeditor 編輯器,則該行需加在頁框組的頁面上。
以前的某個案子客戶反映,他們升級到 IE9 之後,所有 FCKeditor 的功能對話框 (例如: 從 Word 貼上、超連結) 都跑不出來,
經實際測試後發現果真如此,但只要將 IE 切到 IE8 模式(按 F12 的開發工具功能表最後兩欄可切換)就一切正常。
尋找 FCKeditor 官方論壇上的解法,最簡單的解法(省得還要更新 FCKeditor 版本)是在該頁面的 head 標籤中加上:
1 | <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /> |
使 IE9 模擬成 IE8 模式在跑,就可解決此問題。
另外,提醒一下,若是以頁框組來載入不同頁面的 FCKeditor 編輯器,則該行需加在頁框組的頁面上。
- Mar 31 Sat 2012 11:51
-
演講要領與技巧
- Mar 31 Sat 2012 11:45
-
基礎商業攝影棚建置規格-by 麥大克老師建議
- Mar 27 Tue 2012 05:34
-
超低價Megabus
許多人都知道的 Megabus (票價最低單程由 £1起)
網址 - http://uk.megabus.com/
由 2012 年 4 月 16 號 起開始,
將會開始從英國各大城市出發前往 (其他城市需要在倫敦 Victoria 巴士站換車):
-Paris (法國 巴黎)
-Amsterdam (荷蘭 阿姆斯特丹)
-Brussels (比利時 布魯賽爾)
-Boulogne (法國北部一港口 布倫)
票價也是單程由 £1起, 由於是國際線巴士, 會在倫敦 Victoria 巴士站先查看護照資料.
一次不論是訂幾張票, 訂票費用都是 £0.50.
希望這個資訊能夠幫到大家~
網址 - http://uk.megabus.com/
由 2012 年 4 月 16 號 起開始,
將會開始從英國各大城市出發前往 (其他城市需要在倫敦 Victoria 巴士站換車):
-Paris (法國 巴黎)
-Amsterdam (荷蘭 阿姆斯特丹)
-Brussels (比利時 布魯賽爾)
-Boulogne (法國北部一港口 布倫)
票價也是單程由 £1起, 由於是國際線巴士, 會在倫敦 Victoria 巴士站先查看護照資料.
一次不論是訂幾張票, 訂票費用都是 £0.50.
希望這個資訊能夠幫到大家~
- Mar 25 Sun 2012 23:14
-
英國留學制度調整 影響台灣小
英國留學制度調整 影響台灣小
http://www.cdnews.com.tw 2012-03-21 12:10:39
陳恆光/整理
英國貿易文化辦事處聲明表示,近期英國學生簽證政策調整,是希望避免簽證制度遭濫用,去年有99%的台灣申請人順利取得學生簽證,估計政策調整對台灣青年影響很小。
http://www.cdnews.com.tw 2012-03-21 12:10:39
陳恆光/整理
英國貿易文化辦事處聲明表示,近期英國學生簽證政策調整,是希望避免簽證制度遭濫用,去年有99%的台灣申請人順利取得學生簽證,估計政策調整對台灣青年影響很小。
- Mar 12 Mon 2012 09:26
-
攝影學會消費型數位相機(傻瓜相機)&基礎攝影入門班
攝影學會消費型數位相機(傻瓜相機)&基礎攝影入門班
一、宗 旨:隨著科技發展,人手一機,按下快門就有影像,但要拍出一張好的作品,一定要有基礎的攝影觀念與技巧。
二、課程摘要:課程安排深入浅出 著重實物演練、解析、研討,紮實攝影基礎。
三、課程期間:101年03月12日至101年05月21日,星期一晚上7:00至9:00,共11次課程5次戶外實習。
四、報 名:台北攝影學會TEL: (02)2542-9968 台北市長安東路一段16號4F
五、上課地點:台北市重慶南路一段10號六樓601教室(近台北捷運站Z10出口,台企大樓)
六、費 用:會員每人NT$3,000元,非會員每人NT$3,500元【開課後概不退費】
(1)郵政劃撥00045713 戶名:台北攝影學會
(2)匯款或ATM轉帳華南銀行(008)中山分行 帳號106-100263690

