作者: tim

.app的頂級域名開放註冊

從這裡看來的: https://blog.google/topics/developers/introducing-app-more-secure-home-apps-web/ , 看起來未來這個域名下的所有通訊都要走 https, 這個頂級域名申請可以到這裡先預註冊: https://get.app/, 有需要的朋友可以搶先去登記.

.app 域名基本上就是給 app 用的, 當然, 用在網域與 app 都很適合, 快點去註冊自己喜歡的域名.

繼續閱讀:

標籤 app, Domain Name, TLDs

WebTrend

Flickr被Smugmug併購了

文章作者作者: tim
文章發佈日期 2018-04-25
在〈Flickr被Smugmug併購了〉中尚無留言

Flickr 老牌相片服務網站, 由 Yahoo 易主至 Smugmug 另一個老牌相片儲存服務商, 這樣的合併是否能帶來更多活力呢?

Flickr 一直以來就是很棒的相片網站, 尤其對於相片的銳化與處理更是有獨到的功能, 不過好多年來, 許多的新興照片服務網站也一直出現, 並有許多特別的濾鏡功能與社群功能等, Flickr 也一直能維持在線上. 雖然被 Yahoo 併購後, 也沒有很積極地有很多強化, 但是本質一直是維持住的, 也堅守著照片服務的功能.

不過無論如何, 也很希望 Flickr 服務能繼續維持, 並與新東家合併後, 能有更多的火花, 相關新聞:

https://newtalk.tw/news/view/2018-04-21/121752
https://udn.com/news/story/7088/3100604

Wiki 上的 Flickr:

https://zh.wikipedia.org/wiki/Flickr

標籤 flickr, photo, Smugmug

Javascript

[jQuery]檢查HTML元素是否秀在畫面上

一般在操作與檢查瀏覽器畫面上的元件, 是否可以看得到, 使用 css, display 等方法進行檢查, 不過實際上只是檢查是否能在瀏覽器上出現, 但因為瀏覽器只能出現目前可視的區域, 所以實際上元素是否有捲到可以出現的地方是無法透過原本的檢查方法進行檢查, 需要做一些運算.

這個 jQuery plugin: jquery-visible 就是用來檢查這樣的狀況:

https://github.com/customd/jquery-visible/

引用了這個 jQuery Plugin 後, 就能利用 visible() 方法來檢查是否目前的畫面是看得到這個元素. 另外也可以透過 ‘partial’ 參數來檢查是否部分可以看到, 範例程式如:

https://codepen.io/timhuang/pen/rdKbyY

利用 $(“#xxx”).visible() 檢查是否全部可見或是使用 $(“#xxx”).visible(‘partial’) 檢查是否部分可見, 十分方便好用.

標籤 browser, jQuery, visible

好用軟體

好記又好用的DNS服務IP

繼 Google DNS 服務 8.8.8.8, 8.8.4.4 兩組好記的 IP 之後(https://zh.wikipedia.org/wiki/Google_Public_DNS), 又有好記的 DNS Service IP 囉.

IBM 的 Quad9 服務, DNS Service IP 為 9.9.9.9, 除了提供 DNS 服務外, 還多了檢查安全性的功能呢. (https://www.techbang.com/posts/55177-ibm-announces-free-dns-referral-service-quad9-as-long-as-the-dns-server-is-set-to-9999-to-block-malicious-web-sites)

另外是知名快取服務供應商 Cloudflare 提供的 1.1.1.1, 提供了最快速的 DNS 服務.(https://www.ithome.com.tw/news/122215)

有這麼好記又好用的 DNS 服務真是太棒.

標籤 cloudflare, dns, Google, IBM

Javascript

[FUN]知道720p, 1080p, 1080i, 4k有什麼不同嗎?

文章作者作者: tim
文章發佈日期 2018-03-23
在〈[FUN]知道720p, 1080p, 1080i, 4k有什麼不同嗎?〉中尚無留言

這張梗圖很有趣:

(source: https://www.facebook.com/bitmovin/photos/a.454938237852624/1884408724905561/)

但利用 javascript 如何實作呢? 是個實用的小題目, 來看看程式吧:

html:

<h2>720p</h2>
<div class="result"></div>

<h2>1080p</h2>
<div class="result"></div>

<h2>1080i</h2>
<div class="result"></div>

<h2>4k</h2>
<div class="result"></div>


javascript:

 var els = document.getElementsByClassName("result");

 for (var i = 0; i < els.length; i++) {
     var arr = els[i].previousElementSibling.innerHTML.match(/(\d+)(\w+)/i);

     els[i].innerHTML = arr[2].repeat(arr[1]);
 }

執行結果:
https://codepen.io/timhuang/pen/MVoOdK

標籤 fun, resolution

好用軟體

Google線上學習數位課程

Google 推出了線上學習的數位課程, 有中文版本, 很棒呢, 對於想學習數位, 而又不得其門而入, 或是想要了解更多數位領域的資訊, 是很好的學習資訊, 中文版本:

https://learndigital.withgoogle.com/digitalgarage-tw/

原英文版本:

https://learndigital.withgoogle.com/digitalgarage/

利用影片與教材和課後測驗, 來進行學習, 十分有趣又可以增加數位資訊學習, 很不錯呢.

標籤 Digital, Google

Database

SQLite線上玩-sqliteonline

這個網站提供了線上執行 SQLite 的功能, 對於初學者, 或想要了解 SQL 語法的人有很大的幫助.

https://sqliteonline.com

除了可以學習 SQLite 功能外, 其實在一般的應用, 有時想要快速的建立幾個簡單的 table 與輸入一些資料後存出來, 使用這個網站也能很快速容易地達成, 舉例來說, 建立一個 table:

CREATE TABLE t_product (f_id INTEGER PRIMARY KEY, f_name VARCHAR, f_cat VARCHAR, f_desc VARCHAR)

輸入一些資料:

INSERT INTO t_product VALUES (1, ‘哈利波特’, ‘書’, ‘有趣的魔法故事書’),
(2, ‘波西傑克森’, ‘書’, ‘半神半人的希臘混血人故事’),
(3, ‘充電線’, ‘3c’, ‘usb 充電線’),
(4, ‘iphone x’, ‘3c’, ‘apple最新手機’)

進行查詢:

select * from t_product WHERE f_cat = ‘3c’

或

select f_cat, Count(*) from t_product group by f_cat

而且可以方便地使用 link 分享, 上面的結果連結為:

https://sqliteonline.com/#fiddle-5aa25641295bd9gdjejr1mc0

另外也可以下載對應的 SQLite 資料檔, 真是太方便了呢.

若是希望使用應用程式來讀取, 可以使用 DB Browser for SQLite 這個軟體:

http://sqlitebrowser.org/

同時有 Windows 與 MAC 的版本可供使用.

[2020/8/11]
繼續學習更多: https://www.guru99.com/sqlite-tutorial.html