來了. Dropbox 限制免費版只能有三個設備連結了.
https://help.dropbox.com/account/computer-limit
plus, profession, business 則維持沒有特別限制.
當然也不能說對與不對, 就是生意嘛, 套養殺, 這還蠻合理的, 只是限制三個似乎有點少, (因為也包含了行動設備, 若同時有四個或以上, 就得買 plus 或 profession 來用囉.
作者: tim
之前使用了 DJI 的 Mavic Air 進行 360 環景圖拍攝. 完成後, 導入手機使用 Google 相簿並無法使用環景檢視, 於是進行檢查與了解有關這個功能啟動的方式.
經檢查比對後, 主要是一個 XMP 標籤需要寫入, 若在手機上, 可以使用這個 APP 開啟後即可, 它會自行產生新圖含對應的標籤.
Android APP: Cover art Panorama 360 Camera:360 Photos for FB:Photosphere
https://play.google.com/store/apps/details?id=com.vtcreator.android360
iOS: Panorama 360 Camera
https://itunes.apple.com/tw/app/panorama-360-camera/id1034161360
若是在 PC 上可以使用一個小工具即可達成, 不過要注意該全景圖比例應為2:1 (如 4000×2000), 工具:
http://exiftool.sourceforge.net/
要寫入的標籤為 Projection Type 為 equiretangular 即可, 指令如下:
exiftool -ProjectionType=equiretangular test.jpg
這樣一來, 在 Google 相簿中, 即可順利辨識為 360環景, 也可以在 Line 與 FB 中分享對應的 360 環景圖.
參考資料:
https://developers.theta360.com/en/forums/viewtopic.php?f=4&t=2243
https://en.wikipedia.org/wiki/Extensible_Metadata_Platform
另外有 GUI for PC 的工具也可以參考:
https://www.colorpilot.com/exif.html
使用 jQuery + 指定的 selector 達成, 其實很容易, 原則上只是要把第 n列後的內容先隱藏, 於需要時再顯示的概念.
當然, 若是從後端也是很容易實現, 不過目前是打算從前端做的話, 方式如下:
$(“.table tr:nth-child(n+4)”).toggle();
就這樣? 對, 就是這樣, 指定第 4筆 tr 起(含, 與之後), 會被選出來進行 toggle, 這樣一來就可以容易地在前端進行 table 內, 指定行之後的內容隱藏與顯示.
可以參考範例:
https://codepen.io/timhuang/pen/PLWrap
另外可以參考有用的選擇器方式:
使用 .ics (iCal) 行事曆檔案供使用者下載後, 加入行事曆(如 outlook, google calendar)可以方便提醒使用者, 一般可以先利用 .ics 產生器如:
進行檔案建立後, 再提供使用者對應的 .ics 檔案下載即可, 但若想使用 datauri 的方式呢?
可以先將檔案內容編成 base64 編碼後, 使用:
<a download="reminder.ics" href="data:text/calendar;base64,QkVHSU46...>reminder.ics</a>
語法來進行, 可以參考 demo:
https://codepen.io/timhuang/pen/ErpYWM
Datauri 可以參考之前圖片用法的介紹:
https://diary.tw/archives/1040
參考資料:
https://stackoverflow.com/questions/3916191/download-data-url-file
朋友告知 Google Plus 服務要停了, 以為只是沒人用, 沒想到也是要停了, 進入 google plus 後, 看到公告了:
https://support.google.com/plus/answer/9195133
我們曾在 2018 年 12 月發佈公告，表示由於 Google+ 一般使用者版本的使用率過低，而且在維護方面遇到種種挑戰，無法順利提供符合使用者期望的產品，因此我們將於 2019 年 4 月終止這項服務。感謝您一直以來對 Google+ 的支持；我們會說明您後續應該採取的步驟，包含如何下載您的相片及其他內容。
內容寫得也很實在, 看起來就是沒太多人用, 只好收起來, 不過 google plus 真的不多人用, 沒辦法囉.
在網頁上或是APP裡, 想要於行動設備開啟 Facebook APP的指定粉絲團、活動、社團、個人頁, 要如何進行呢?
可以使用 fb:// 的 intent protocol, 以下為簡單說明:
粉絲專頁, 以 facebook 本身官方的粉絲專頁為例, https://www.facebook.com/facebook/, 我們先找出它的 fan page id: 20531316728, 可以使用工具: https://lookup-id.com/
接下來我們需要實作判定 android 或 iOS 來決定啟動的方式, Android 如下:
iOS 如下:
大家可以試看看, 若是社團呢? 一樣, 先找出社團代碼, 以這個社團為例: https://www.facebook.com/groups/facebook360community/
, 找出它的 groupid 為: 241193586214590, 然後使用以下網址:
Android: fb://group/241193586214590
iOS: fb://group?id=241193586214590
當然, 像是活動, 或是個人頁, 也都可以使用對應的 event / profile 來進行操作, 很方便也很直覺, 另外最重要的一點, 記得若是有 id 的狀況下, 直接使用:
https://facebook.com/[id]
也會直接到對應的粉絲團、活動、社團、個人頁哦.
參考資料:
https://stackoverflow.com/questions/4810803/open-facebook-page-from-android-app
https://stackoverflow.com/questions/47794033/open-link-to-facebook-group-in-facebook-app-on-android
早上看到的新聞:
https://www.newmobilelife.com/2018/12/21/apple-pay-taiwan-train/
確定是要這樣實施嗎? 感覺很奇妙. 電子票證支付方式進行交通工具搭乘, 實施方式, 然後把電子票證綁在行動設備裡(iOS / Android), 再進行搭乘支付不是比較合理?
若以信用卡方式實施, 起迄點的處理方式是如何進行計算的呢?
我們先來看看日本實施方案, 把西瓜卡 (suica) 放入手機中:
https://support.apple.com/zh-tw/HT207155
https://japan.googleblog.com/2018/05/google-pay-news.html
有趣的地方在於原本的支付方式不變, 把電子票證放入行動設備. 不過若是以目前高捷方案, 應該是還蠻創新的實施例, 直接使用信用卡支付, 也是不錯啦, 只是不知解決的方案為何?
再找了一下資訊, 看起來是 8月新聞稿中有提到, 使用的是 Mastercard 技術, 開放式支付平台專案:
http://www.krtc.com.tw/news/flourishing-1_detail.aspx?ID=7d917b73-5107-4874-8608-d3beb9b6a604
而支付情境如下, 使用所謂的開放式支付平台專案, 也就是搭乘者一天只被請款一次, 而高捷是記錄後, 每日對搭乘者請款.
如此一來就會有即時查詢, 扣款等議題需要商確, 不過實施案例已有先例, 應該不會有什麼太大問題.
看起來北捷也要加快了.
補充一下, 若是信用卡連電子票證的卡片, 要選擇對應的讀卡器(感應區)使用, 才會得到對應的支付工具, 圖片如下:
使用二合一的信用卡(信用卡帶電子票證), 記得要選擇想要支付的方式來感應哦.
繼續閱讀:
https://mrmad.com.tw/taiwan-krtco-support-applepay-googlepay
https://www.mobile01.com/topicdetail.php?f=383&t=5668621
喜歡 Cloudflare 嗎? 下一步, 你可以在 Cloudflare 上註冊網址了, 快去申請早鳥方案:
https://www.cloudflare.com/products/registrar/
原來已是 Cloudflare 的用戶, 可以直接註冊, 加入早鳥方案, 將你原本的註冊年費, 轉到 Cloudflare 上即可, 不過目前還未正式開始, 註冊完成後, 會收到一封早鳥確認信, 待可以移轉時, 再轉到 Cloudflare 來, 若是原本不是 Cloudflare 的用戶, 也可以先註冊一個帳號加入, 並取得早鳥註冊專案.
費用很透明, 可以參考:
看起來 Cloudflare 的生意真的愈來愈大了, 從一開始的 CDN, DNS 代管, 網站安全, SSL, 到後來的 Public DNS ( https://diary.tw/archives/185 ), access (https://diary.tw/archives/141) 與 DNS 註冊, 全部都包了, 真的是一條龍服務了.
[2018/12/20 9:51]
由於已啟用了 cloudflare 的 dns 註冊服務, 並將域名移轉過來, 不過過程不太快, 原來的註冊商取得 transfer code 後, 並不會寄發 email 確認信, 而使這個移轉於 cloudflare 端的狀態一直為 approval pending (實務上是透過 email 確認就可以加速通過), 沒有 email 的話, 就等待 5天, 就會由 aprproval pending 進入 on cloudflare 了, 也會收到 cloudflare 的移轉成功通知.
價格便宜, 又直接進行註冊, 還無痛延伸原效期, cloudflare 這棋下得漂亮.
有時有個有趣的點子或想法, 需要一個 domain name 來做為網站, 可以利用這個 domain hack me 來幫你組合出有趣的 domain name.
https://www.domainhack.me/ (PS. 已無法使用了, 參閱文章最後)
這不是一個 hack domain name 的網站, 而是幫你的想法, 生出一個 domain name, 例如, information:
組合出來了:
xxx.info/rmation
inform.at/ion
in.fo/rmation
xxx.in/formation
informat.io/n
infor.ma/tion
i.nf/ormation
並且把域名的國家名也列出, 方便想要註冊這個域名的朋友來選擇與購買.
繼續閱讀:
https://free.com.tw/tag/domain-hack/
[2022/4/20 23:12]
今天在使用這個工具的時候發現已無法使用了, 不過有找到一個類似, 而且功能也十分強大的網站:
一樣以 information 為例, 同時會出現多種組合:
- Originals (就是基礎的 information 加一般的 TLD)
- Domain Hacks (如之前的組合型)
- Sub Domain Hacks (如之前的組合型多加上子域名的方式)
- Domain Cuts (減少字元的組合)
- Pronunciation Hacks (用發音的組合)
- Vowel Hacks (去掉母音的組合)
- Leet Hacks (字音字型的組合)
- Sedo Auctions (競標拍賣的組合)
這麼多種, 而其中的 2. 就是本文原本介紹的組合方式, 而這個網站提供了更多種不同的有趣排列組合方案, 可以讓你找到更多的不同 domainhacks
分類
文章首字大寫之CSS寫法
報紙或雜誌的編排上, 有時會有首字放大或特別編排的效果, 如何能達成這樣的編排呢? 可以使用 CSS 中的 ::first-letter 的 psuedo element, 這個在 CSS1 起就可以使用了. 只是到了 CSS3 需要兩個 : (冒號), 之前僅有一個 : (冒號).
另外若是需要達成, 僅第一段落才需要首字大寫, 可以使用 :first-child 的 psuedo element 即可, 也就是以 p 為例, 選擇器可以使用:
p:first-child::first-letter
即可, 不過可以套用的屬性以文字為主, 另外還有一個有趣的地方, 就是一定是字才行, 標點符號會不當做字, 與第一字一起發生作用, 可以參考這個範例:
https://codepen.io/timhuang/full/dQwWxP/
以 article 來看, 就是僅第一個段落的第一個文字大寫, 而 article 2 來看, 則是每個段落開頭都大寫.
參考資料:
https://www.w3schools.com/cssref/sel_firstletter.asp
https://www.oxxostudio.tw/articles/201706/pseudo-element-4.html
補充資料:
若添加的<h2>xxx</h2>元素到 article 裡, 發生了有趣的效果, 就是 p:first-child, 會選擇不到元素, 原因為 p:first-child 是指該 p 的 parent 的 first child, 但第一個 child 是 h2, 所以就選擇不到了, 可以參考這個範例:
https://codepen.io/timhuang/pen/yQGXoG
其中 article2 則是正常, 而且 h2 也不會首字大寫.
若要解決這個問題, 可以利用指定 type 的方式, 如 ::first-of-type 這個 psuedo class, 也就能指定元素了, 如 p::first-of-type 這樣, 參考這個範例:
https://codepen.io/timhuang/pen/YRdxPE
補充資料[2018/12/5]
單冒號與雙冒號選擇器的差異, 單冒號(single colon)使用於偽類別(psuedo class), 而雙冒號(double colon)使用於偽元素(psuedo element), 可以參考這兩篇:
https://stackoverflow.com/questions/41867664/what-is-the-difference-between-pseudo-classes-and-pseudo-elements
https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Pseudo-classes_and_pseudo-elements
https://css-tricks.com/to-double-colon-or-not-do-double-colon/