BDD
https://ithelp.ithome.com.tw/articles/10226615
https://cucumber.io/docs/gherkin/reference/
https://tw.alphacamp.co/blog/bdd-tdd-cucumber-behaviour-driven-development
http://docs.eggplantsoftware.com/ePF/using/epf-running-gherkin-tests.htm
https://github.com/perkss/eggplant
TDD
https://medium.com/@onejar99/tdd%E4%BA%94%E6%AD%A5%E9%A9%9F-%E6%89%8B%E6%8A%8A%E6%89%8B%E5%B8%B6%E4%BD%A0%E5%AF%A6%E6%88%B0-test-driven-development-%E7%AF%84%E4%BE%8B-42e6ef63a718
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}
/*========== Non-Mobile First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}
利用Owlcarousel2做出垂直的效果，
可以透過ｃｓｓ動畫改變滑動的方向
https://owlcarousel2.github.io/OwlCarousel2/demos/animate.html
https://codepen.io/thirdender/pen/aOYyGb
另外有一個貼近客戶需求的外掛RoyalSlider
https://lowercolumbia.edu/_resources/plugins/royal-slider/templates/video-gallery/
https://farm{farm-id}.staticflickr.com/{server-id}/{id}_{secret}.jpg
or
https://farm{farm-id}.staticflickr.com/{server-id}/{id}_{secret}_[mstzb].jpg
or
https://farm{farm-id}.staticflickr.com/{server-id}/{id}_{o-secret}_o.(jpg|gif|png)
| s | 小正方形 75x75 |
| q | large square 150x150 |
| t | 縮圖，最長邊為 100 |
| m | 小，最長邊為 240 |
| n | small, 320 on longest side |
| - | 中等，最長邊為 500 |
| z | 中等尺寸 640，最長邊為 640 |
| c | 中等尺寸 800，最長邊為 800† |
| b | 大尺寸，最長邊為 1024* |
| h | 大型 1600，長邊 1600† |
| k | 大型 2048，長邊 2048† |
| o | 原始圖片, 根據來源格式可以是 jpg、gif 或 png |
originalsecret）和變數副檔名（在回覆中稱為 originalformat）。僅當呼叫程式具有檢視原始尺寸的權限（取決於使用者偏好和其他各種標準）時，透過 API 傳回這些值。這些值由 flickr.photos.getInfo 方法和諸如 flickr.photos.search 等可傳回相片清單並允許 extras 參數（具有值 original_format）的所有方法來傳回。flickr.photos.getSizes 方法總是會傳回允許權限的完整的原始 URL。https://farm1.staticflickr.com/2/1418878_1e92283336_m.jpg farm-id: 1 server-id: 2 photo-id: 1418878 secret: 1e92283336 size: m
 |
| IE網際網路選項 |
| Forces SN2 to rotate the image. Prior to Android 6.0, the image that came from Android OS to SN2 was not rotated, and SN2 had to rotate it, so it would appeared readable in Eggplant Functional. In Android 6.0 and later, SN2 receives an already rotated image. This option forces SN2 to rotate images even on Android 6.0 and later. This option is implemented in case some devices do not have this updated behavior. | |
| Turns the screen by 0, 90, 180, or 270 degrees, respectively. |
