夏夜暖風 it:diary:2018:12
http://ciangbrides.myds.me/dw/!ghsrobert.tk/
2026-04-08T04:12:24+00:00
夏夜暖風
http://ciangbrides.myds.me/dw/!ghsrobert.tk/
http://ciangbrides.myds.me/dw/!ghsrobert.tk/_media/wiki/favicon.ico
-
text/html
2018-12-04T14:44:29+00:00
Anonymous (anonymous@undisclosed.example.com)
比「字體簿」更好用：Typeface
http://ciangbrides.myds.me/dw/!ghsrobert.tk/it/diary/2018/12/04-typeface
<h1 class="sectionedit1" id="比_字體簿_更好用_typeface">比「字體簿」更好用：Typeface</h1>
<p>
今天為了從 MacBook 已安裝的字型中，找適合瀏覽器分頁標籤使用的 sans-serif 字型，找到這個好用的工具！<a href="https://typefaceapp.com/" class="urlextern" title="https://typefaceapp.com/" rel="ugc nofollow">Typeface App - Font Manager for Mac</a><br/>
<iframe title="" src="https://typefaceapp.com/" style="width:98%; height:700px"></iframe>
</p>
<p>
這正是<span class="plugin-autotooltip_linked" onmouseover="autotooltip.show(event)" onmouseout="autotooltip.hide()" data-delay="0"><a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/me" class="wikilink1" data-wiki-id="me">我</a><span class="plugin-autotooltip-hidden-classes">plugin-autotooltip__default</span><!-- googleoff: all --><span class="plugin-autotooltip-hidden-tip">GHSRobert Ciang/MilchFlasche</span><!-- googleon: all --></span>需要的：直接以預覽字型為導向，全部字型直接攤在面前比較效果，不用像內建「字體簿」一樣還要逐一點入啦！
</p>
<p>
其他貼心的功能也非常多，而且官網有免費試用版（不知道可以試用多久 <img src="http://ciangbrides.myds.me/dw/!ghsrobert.tk/lib/images/smileys/local/MSN/omg_smile.gif" class="icon" alt=":o" />）
</p>
<div class="tags"><span>
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/%E6%8E%A8%E8%96%A6%E8%BB%9F%E9%AB%94?do=showtag&tag=%E6%8E%A8%E8%96%A6%E8%BB%9F%E9%AB%94" class="wikilink1" title="tag:推薦軟體" rel="tag">推薦軟體</a>,
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/%E5%AD%97%E5%9E%8B?do=showtag&tag=%E5%AD%97%E5%9E%8B" class="wikilink1" title="tag:字型" rel="tag">字型</a>,
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/shared?do=showtag&tag=shared" class="wikilink1" title="tag:shared" rel="tag">shared</a>
</span></div>
-
text/html
2018-12-06T11:38:11+00:00
Anonymous (anonymous@undisclosed.example.com)
已知用火！原來瀏覽器已支援 CSS 文字直排！
http://ciangbrides.myds.me/dw/!ghsrobert.tk/it/diary/2018/12/06-writing-mode
<h1 class="sectionedit1" id="已知用火_原來瀏覽器已支援_css_文字直排">已知用火！原來瀏覽器已支援 CSS 文字直排！</h1>
<p>
<sup>20181206</sup> 很久以前一直知道 <abbr title="Internet Explorer">IE</abbr> 有實作直排文字，但多年來比較先進的瀏覽器一直沒實作。今天才發現可以了！
</p>
<!-- EDIT{"target":"plugin_wrap_start","secid":2,"range":"0-"} --><div class="ex plugin_wrap">
<p>
<a href="http://www.asahi-net.or.jp/~sd5a-ucd/freefonts/Oradano-Mincho/" class="urlextern" title="http://www.asahi-net.or.jp/~sd5a-ucd/freefonts/Oradano-Mincho/" rel="ugc nofollow">Oradano Mincho : public domain Retro style Japanese font</a>
</p>
<div class="thumb2 trien"><div class="thumbinner"><a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/lib/exe/fetch.php?tok=e7410e&media=https%3A%2F%2Fimgur.com%2FhP735N0.jpg" class="media" title="https://imgur.com/hP735N0.jpg"><img src="http://ciangbrides.myds.me/dw/!ghsrobert.tk/lib/exe/fetch.php?w=1440&tok=e2c69a&media=https%3A%2F%2Fimgur.com%2FhP735N0.jpg" class="mediabox2" alt="" width="1440" /></a><div class="thumbcaption" style="max-width: 1434px">網頁擷圖</div></div></div>
<p>
<br/>
<iframe title="" src="http://www.asahi-net.or.jp/~sd5a-ucd/freefonts/Oradano-Mincho/" style="width:98%; height:700px"></iframe>
</p>
</div><!-- EDIT{"target":"plugin_wrap_end","secid":3,"range":"0-"} -->
<p>
在我的 <a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/it/my/browsers/waterfox#section56" class="wikilink1" title="it:my:browsers:waterfox" data-wiki-id="it:my:browsers:waterfox">Waterfox 56</a> 中顯示完全正常，而且可以水平捲動。
</p>
<p>
這樣一來，就可以用 <abbr title="Cascading Style Sheets">CSS</abbr> <code>writing-mode</code> 屬性，製作具有東亞古味的網頁囉！<img src="http://ciangbrides.myds.me/dw/!ghsrobert.tk/lib/images/smileys/local/MSN/wink_smile.gif" class="icon" alt=";)" />
</p>
<hr />
<p>
參考：
</p>
<ul>
<li class="level1"><div class="li"> <a href="https://www.zhangxinxu.com/wordpress/2016/04/css-writing-mode/" class="urlextern" title="https://www.zhangxinxu.com/wordpress/2016/04/css-writing-mode/" rel="ugc nofollow">改变CSS世界纵横规则的writing-mode属性 « 张鑫旭-鑫空间-鑫生活</a></div>
</li>
</ul>
<div class="tags"><span>
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/shared?do=showtag&tag=shared" class="wikilink1" title="tag:shared" rel="tag">shared</a>,
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88?do=showtag&tag=%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88" class="wikilink1" title="tag:網頁設計" rel="tag">網頁設計</a>,
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/css?do=showtag&tag=CSS" class="wikilink1" title="tag:css" rel="tag">CSS</a>
</span></div>
-
text/html
2018-12-18T23:16:04+00:00
Anonymous (anonymous@undisclosed.example.com)
Notion！
http://ciangbrides.myds.me/dw/!ghsrobert.tk/it/diary/2018/12/18-notion
<h1 class="sectionedit1" id="notion">Notion！</h1>
<p>
今天發現一個超狂的網路……服務「<a href="https://www.notion.so/" class="urlextern" title="https://www.notion.so/" rel="ugc nofollow">Notion</a>」，不只是筆記，也不只是待辦事項……它是……全部！！！<img src="http://ciangbrides.myds.me/dw/!ghsrobert.tk/lib/images/smileys/local/MSN/omg_smile.gif" class="icon" alt=":o" /> 筆記、待辦事項、試算表、日曆、資料庫、圖庫……
</p>
<div class="thumb2 trien"><div class="thumbinner"><a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/lib/exe/fetch.php?tok=03af6c&media=https%3A%2F%2Fimgur.com%2FBDvSypt.jpg" class="media" title="https://imgur.com/BDvSypt.jpg"><img src="http://ciangbrides.myds.me/dw/!ghsrobert.tk/lib/exe/fetch.php?w=1122&tok=885596&media=https%3A%2F%2Fimgur.com%2FBDvSypt.jpg" class="mediabox2" alt="" width="1122" /></a><div class="thumbcaption" style="max-width: 1116px">未登入 Notion 前的首頁刊頭</div></div></div>
<p>
它可以吃掉哪些其他服務呢？
</p>
<ul>
<li class="level1 node"><div class="li"> 我認為 Notion 可以完全取代：Quip、Workflowy<sup><a href="#fn__62" id="fnt__62" class="fn_top">62)</a></sup>、所有的跨平台筆記本（Evernote 等）</div>
<ul>
<li class="level2"><div class="li"> Quip 的即時協同及修改紀錄，Notion 都有；Quip 缺乏的一些功能，例如完整的拖放排列，或是更多樣的嵌入物件，在 Notion 都找得到，所以我想 Quip 應是首當其衝……我剛看到 Notion 的運作時就覺得好像 Quip 哦</div>
</li>
</ul>
</li>
<li class="level1"><div class="li"> 嚴重威脅到：Todoist、Trello、Google Keep</div>
</li>
<li class="level1"><div class="li"> 輕度可替代：Google 文件/試算表、WordPress、各種 wiki/blog</div>
</li>
</ul>
<p>
唉！好想在實際的工作或團隊事務中使用它喔！不過，我光是在小團隊中想推 Quip 都很不容易了。不知道 Notion 更新創、尚未本地化的介面，能否在台灣人間推廣開來呢？
</p>
<div class="tags"><span>
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/shared?do=showtag&tag=shared" class="wikilink1" title="tag:shared" rel="tag">shared</a>,
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/%E7%B6%B2%E8%B7%AF%E6%9C%8D%E5%8B%99?do=showtag&tag=%E7%B6%B2%E8%B7%AF%E6%9C%8D%E5%8B%99" class="wikilink1" title="tag:網路服務" rel="tag">網路服務</a>,
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/%E8%B7%A8%E5%B9%B3%E5%8F%B0?do=showtag&tag=%E8%B7%A8%E5%B9%B3%E5%8F%B0" class="wikilink1" title="tag:跨平台" rel="tag">跨平台</a>
</span></div>
<div class="footnotes">
<div class="fn"><sup><a href="#fnt__62" id="fn__62" class="fn_bot">62)</a></sup>
<div class="content">我前陣子有在手機上注意到 Workflowy 也有用一下下，它的無限層級展開頁面概念我很激賞，而 Notion 竟把這種精神結合 Quip，把無限展開的子頁面、摺疊區塊和 Quip 這樣的介面成功做在一起！</div></div>
</div>
-
text/html
2018-12-21T12:18:33+00:00
Anonymous (anonymous@undisclosed.example.com)
家裡的 NAS，目前已經封鎖了 17 個嘗試登入 SSH 的不明份子，其中 16 個來源 IP 位於中國！好可怕！
http://ciangbrides.myds.me/dw/!ghsrobert.tk/it/diary/2018/12/21-hell-hackers
<h3 class="sectionedit1" id="家裡的_nas_目前已經封鎖了_17_個嘗試登入_ssh_的不明份子_其中_16_個來源_ip_位於中國_好可怕">家裡的 NAS，目前已經封鎖了 17 個嘗試登入 SSH 的不明份子，其中 16 個來源 IP 位於中國！好可怕！</h3>
<p>
要嘛是中國駭客匪徒多，要嘛是中國 VPN 多。
</p>
<p>
#沒事還是要關SSH<br />
#剩下一個是埃及
</p>
<div class="tags"><span>
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/tweet?do=showtag&tag=tweet" class="wikilink1" title="tag:tweet" rel="tag">tweet</a>,
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/shared?do=showtag&tag=shared" class="wikilink1" title="tag:shared" rel="tag">shared</a>,
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/nas?do=showtag&tag=NAS" class="wikilink1" title="tag:nas" rel="tag">NAS</a>,
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/%E4%B8%80%E9%82%8A%E4%B8%80%E5%9C%8B?do=showtag&tag=%E4%B8%80%E9%82%8A%E4%B8%80%E5%9C%8B" class="wikilink1" title="tag:一邊一國" rel="tag">一邊一國</a>,
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/%E4%BF%9D%E9%98%B2?do=showtag&tag=%E4%BF%9D%E9%98%B2" class="wikilink1" title="tag:保防" rel="tag">保防</a>
</span></div>
-
text/html
2018-12-21T17:19:25+00:00
Anonymous (anonymous@undisclosed.example.com)
經濟部智慧財產局的「商標檢索系統」大改版了！終於不再 IE-only！萬歲！
http://ciangbrides.myds.me/dw/!ghsrobert.tk/it/diary/2018/12/21-trademark-query
<h3 class="sectionedit1" id="經濟部智慧財產局的_商標檢索系統_大改版了_終於不再_ie-only_萬歲">經濟部智慧財產局的「商標檢索系統」大改版了！終於不再 IE-only！萬歲！</h3>
<div class="tags"><span>
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/%E5%BE%B7%E6%94%BF?do=showtag&tag=%E5%BE%B7%E6%94%BF" class="wikilink1" title="tag:德政" rel="tag">德政</a>,
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/tweet?do=showtag&tag=tweet" class="wikilink1" title="tag:tweet" rel="tag">tweet</a>,
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/shared?do=showtag&tag=shared" class="wikilink1" title="tag:shared" rel="tag">shared</a>,
<a href="http://ciangbrides.myds.me/dw/!ghsrobert.tk/tag/%E8%B3%87%E6%96%99%E5%BA%AB?do=showtag&tag=%E8%B3%87%E6%96%99%E5%BA%AB" class="wikilink1" title="tag:資料庫" rel="tag">資料庫</a>
</span></div>