pCloud Partner Program

Cloudflare新功能-即將可以註冊網址了

好用軟體 2018/12/10 15:26
views: 2125 times
喜歡 Cloudflare 嗎? 下一步, 你可以在 Cloudflare 上註冊網址了, 快去申請早鳥方案:

https://www.cloudflare.com/products/registrar/

原來已是 Cloudflare 的用戶, 可以直接註冊, 加入早鳥方案, 將你原本的註冊年費, 轉到 Cloudflare 上即可, 不過目前還未正式開始, 註冊完成後, 會收到一封早鳥確認信, 待可以移轉時, 再轉到 Cloudflare 來, 若是原本不是 Cloudflare 的用戶, 也可以先註冊一個帳號加入, 並取得早鳥註冊專案.

費用很透明, 可以參考:
用戶插入圖片


看起來 Cloudflare 的生意真的愈來愈大了, 從一開始的 CDN, DNS 代管, 網站安全, SSL, 到後來的 Public DNS (https://diary.tw/tim/1198), access (https://diary.tw/tim/1214) 與 DNS 註冊, 全部都包了, 真的是一條龍服務了.

top

挑選domain name的工具

好用軟體 2018/12/04 20:43
views: 5412 times
有時有個有趣的點子或想法, 需要一個 domain name 來做為網站, 可以利用這個 domain hack me 來幫你組合出有趣的 domain name.

https://www.domainhack.me/

這不是一個 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/


top

文章首字大寫之CSS寫法

程式技術 2018/11/30 17:47
views: 7559 times
報紙或雜誌的編排上, 有時會有首字放大或特別編排的效果, 如何能達成這樣的編排呢? 可以使用 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/
top

免費好用的cloudaccess代管服務-wordpress與joomla

好用軟體 2018/11/27 14:56
views: 9316 times
在建立網站時, 常常需要一個環境可供測試與驗證, 但又不需要像是一個虛擬機這麼大的服務, 有個佛心的廠商, 提供了免費的代管, 可以透過以下推薦碼來取得:

https://ccp.cloudaccess.net/aff.php?aff=5493

這個網路服務提供商提供了免費代管 wordpress 與 joomla 兩大應用服務, 可以線上直接啟用, 免費的版本也可以有多個網站, 但每 30天需要 renew 一次, 若 30天內沒有 renew, 網站就會被關閉.

這是一個用來做為測試與驗證, 甚至短期服務的一個網站提供商, 免費版的後端就可以有 ftp 與 phpmyadmin 管理資料庫, 十分方便, 來看看後端吧:

這個是 ftp:
用戶插入圖片

備份管理:
用戶插入圖片

資料庫管理(phpMyAdmin):
用戶插入圖片

真的是太方便, 太佛心了, 不過網址只能使用 xxx.cloudccess.host , 若要自訂, 也是需要付費的, 付費方案比較, 請參考:

https://www.cloudaccess.net#pricing

記得申請帳號使用以下推薦連結:

https://ccp.cloudaccess.net/aff.php?aff=5493




top

iOS設備上傳相片檔案型態與圖片方向問題

程式技術 2018/11/27 13:08
views: 9349 times
相片副檔名

之前在實作上傳圖檔活動時, 使用副檔名為 .jpg 的約束條件, 但發現在 iOS 設備選擇相片後, 無法成功通過驗證, 經實測後, 發現存在 iOS 相簿裡的 jpg 相片都是以 .jpeg 為副檔名, 所以在上傳時, 會無法通過副檔名驗證.

即使將 .jpg 圖檔存下在 iOS 設備裡的相簿, 也會被轉換檔名為 .jpeg 的副檔名, 這個狀況需要在實作上傳圖檔時需要特別留意.

相片方向

使用 iOS 設備拍照時, 存放檔案方式, 會以橫放方式存放 ( w > h ), 但直拍時, 一樣使用橫放方式存檔, 但是會有個 orientation 為轉向, 方向為 right-top (6), 也就會變成直向, 詳情可參考這裡的圖片與說明:

https://www.impulseadventure.com/photo/exif-orientation.html

所以若是 6 就可以利用順時鐘轉 90度回來正確的檢視.

相片方向在網頁上

另外有趣的現象是, 該圖在 PC / Mac 桌機, Android 手機時, 直接放在 web 連接, 會是正常的轉向出來, 但放在 html 裡使用 img src 的方式, 則會無法轉向, 不過 iOS 設備在 html img src 引用時, 仍能正常轉向.

測試與重製

使用一張 iOS 拍照, 但縮小保留 EXIF 轉向資訊圖片供測試參考:

https://codepen.io/timhuang/full/ZmmQjy/

在 iOS 設備上可以正常轉向, 但其他不然, 但又是直接連結也是可以成功轉向的, 第三個部分則是使用了 images.weserv.nl 服務, 它會將原來的圖檔轉正, 並將轉向改為正向方向, 也就能解決這個問題. 這個服務的介紹可以參考: https://diary.tw/tim/1186
top
TAG android, iOS, MacOS, pc

PREV : [1] : [2] : [3] : [4] : [5] : ... [102] : NEXT



AGI 亞奇雷 240GB 2.5吋 SATA3 SSD 固態硬碟
TEAM十銓 L5 Lite 3D 1TB 2.5吋 SSD固態硬碟
統一 番茄汁(6入/組)


 Waiting...