- Apr 21 Thu 2016 10:57
-
[重點整理]Effective Navigation Development 用CSS設計下拉式選單
- Apr 06 Wed 2016 14:29
-
[重點整理]Unlock the Secret to the Lens Flare in Photoshop + English Note
Unlock the Secret to the Lens Flare in Photoshop
有時候當我們想幫照片加上鏡頭反光Len Flare時,會遇上一些限制
解決方法的整理筆記如下:
1.複製欲加上光源效果的現有圖層
2.點選 濾鏡Filter>光源效果Render > 鏡頭反光Len flare
3.新增一個空白圖層
4.填滿黑色
5.點選 濾鏡 > 重覆上個濾鏡 Ctrl+F
6.刪除剛剛為了建立動作5的複製的圖層(已經不需要了)
7.圖層效果 >覆蓋
8.你可以選擇是否更改透明度 Opacity
9.你可以選擇是否設立光源中心點,做旋轉縮放等光源位置移動
10.你可以選擇是否加上 濾鏡 > 高斯模糊Gaussian blur 來淡化光源銳利度 或是使用圖層遮色片Mask
English Note
有時候當我們想幫照片加上鏡頭反光Len Flare時,會遇上一些限制
解決方法的整理筆記如下:
1.複製欲加上光源效果的現有圖層
2.點選 濾鏡Filter>光源效果Render > 鏡頭反光Len flare
3.新增一個空白圖層
4.填滿黑色
5.點選 濾鏡 > 重覆上個濾鏡 Ctrl+F
6.刪除剛剛為了建立動作5的複製的圖層(已經不需要了)
7.圖層效果 >覆蓋
8.你可以選擇是否更改透明度 Opacity
9.你可以選擇是否設立光源中心點,做旋轉縮放等光源位置移動
10.你可以選擇是否加上 濾鏡 > 高斯模糊Gaussian blur 來淡化光源銳利度 或是使用圖層遮色片Mask
English Note
- Apr 03 Sun 2016 22:40
-
[重點整理]Tutorials Video from "Envatotuts+" - Understanding the CSS Box Model
- Apr 02 Sat 2016 13:07
-
[重點整理]CSS疑問整理-一個簡單,響應式,流動式導覽教學
- Apr 01 Fri 2016 22:43
-
[軟體外掛]Brackets - Brackets-HTML-Templates外掛

用於省去開啟新檔案時,保留基礎的起始語法
下載 Brackets-HTML-Templates這套外掛
https://github.com/talmand/Brackets-HTML-Templates
打開Brackets這套軟體,點選右側的快捷圖示"擴充功能管理員"
- Apr 01 Fri 2016 18:35
-
[軟體分享]即見即所得Brackets免費網頁編輯器
- Apr 01 Fri 2016 16:47
-
[重點整理]RWD自適應的小技巧-別忘記Viewport Meta標籤
快捷提示:別忘記Viewport Meta標籤
http://webdesign.tutsplus.com/zh-hans/articles/quick-tip-dont-forget-the-viewport-meta-tag--webdesign-5972?ec_unit=dropdown-language
下列的值可以作為我們的默認設定模版:
http://webdesign.tutsplus.com/zh-hans/articles/quick-tip-dont-forget-the-viewport-meta-tag--webdesign-5972?ec_unit=dropdown-language
下列的值可以作為我們的默認設定模版:
- Feb 21 Sun 2016 12:35
-
[重點整理]CSS - How to master CSS 影片教學
div:selection{
color:black;
background-color:yellow;
}
div:first_letter{
font-size:36px
}
div:first-line{
font-size:24px;
color:green;
}
https://youtu.be/Vafp5xr_bxk?t=1h24m
div:first-child::first_letter{
font-size:36px
}
div:first-child::first-line{
font-size:24px;
color:green;
}
https://youtu.be/Vafp5xr_bxk?t=1h25m
color:black;
background-color:yellow;
}
div:first_letter{
font-size:36px
}
div:first-line{
font-size:24px;
color:green;
}
https://youtu.be/Vafp5xr_bxk?t=1h24m
div:first-child::first_letter{
font-size:36px
}
div:first-child::first-line{
font-size:24px;
color:green;
}
https://youtu.be/Vafp5xr_bxk?t=1h25m
- Mar 30 Fri 2012 18:17
-
[教學]DIV+CSS-浮動 基礎教學
- Mar 30 Fri 2012 17:23
-
[教學]影片轉GIF動畫教學
- Nov 25 Fri 2011 16:46
-
[教學]網路免費硬碟,Dropbox教學基本說明
- Nov 25 Fri 2011 15:15
-
[教學]JPEGmini 線上壓縮照片不失真




