2017年2月3日 星期五

讓PC使用PS3/PS4無線控制器(DS3/DS4)

時間是金錢,先上結論XD
DS3控制器推薦使用『ScpToolkit
DS4控制器推薦使用『DS4window

全文:
一直以來~在PC上玩模擬器時
都是使用PS2的DualShock2(以下簡稱DS2)控制器(也可稱作手把、手柄,以下簡稱手把)
透過一個很古老的USB轉接器在使用
轉換的過程除了震動功能外,鍵位、類比跟靈敏度上都沒有任何損失
使用起來也很方便
但是日前在客廳的小米盒子3增強版裝上小雞模擬器
配合藍芽手把都發現有約1/2秒的延遲
換成有線照樣延遲
這樣的延遲玩RPG或是SLG等不含操作技術的遊戲是沒啥影響
但若是玩諸如:超級馬力歐、泡泡龍、魂斗羅....等動作遊戲(ACT)
根本是完全不行!!
最後爬文發現其實是小米盒子輸出本身就有延遲了.....
手把其實是沒有問題的.....
只好放棄小米盒子玩模擬器的想法
替換成當初與電視連接的PC來實現
當然最重要的還是手把的問題了!

2016年12月15日 星期四

自動Footer高度並置底的方ㄈㄚ

終於.....解決了這個問題
最終還是靠JS啊~

不囉嗦!上語法!

2016年9月11日 星期日

eMule-養農場應該要試一下Kad網路

基於種種理由
現在藉由eMule連結上eD2K server尋找海量的資源.....
已經不再是那麼的安全....囧
而且事實上....已經很多eD2K server都被查封了.....更囧
所幸還有Kad網路
以下將簡單說明一下如何使用這最後的一條生路~


2016年3月9日 星期三

如何在Blogger插入程式碼?

好吧~我承認有點後知後覺....
這其實不是一個時麼很新穎的功能
只是做為一個學習筆記而已

沒人在看的部落格不囉嗦~
直接上教學!

思源黑體終於邁進Google Font啦!

之前曾經為了讓網頁能順利的用上漂亮的中文字型
爬了不少文章
後來參考百家之作法後自己組了一個還算堪用的字型定義順位如下:

font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "微软雅黑", "Microsoft YaHei", "メイリオ", Arial, "標楷體", DFKai-SB, sans-serif;

雖然不是什麼好方法,但也不無小補....
原本還想加上思源黑體的選擇
不過也想說他應該遲早會進入Google Font的服務範圍內吧?
就等吧~XD

終於......這一刻即將來臨~!!

2015年8月26日 星期三

開放原始碼的『思源黑體』

一直以來,都是習用慣用微軟正黑體以及Adobe黑體
不過現在應該多了一個新的選擇
來自Google與Adobe的合作
設計了一套適合亞洲的免費開源字體『思源黑體』

前一陣子使用會導致Photoshop CS5 嚴重當機
聽說現在不會了~
再來試試吧~

來自Adobe的介紹:隆重介紹 思源黑體:開放原始碼 Pan-CJK 字型

下載:Google Noto Fonts

2015年4月28日 星期二

載入ga.js超級無敵慢!?

一直以來...都覺得用bootstrap寫的網頁載入速度怎麼都莫名的慢...?
尤其是在本機測試的時候....
一開始以為是自己的CSS改的不夠好
想不到升級到bootstrap v3之後問題依舊!
終於.....忍無可忍去研究到底是載入哪個部分有問題?
起初認為是自己的CSS定義跟bootstrap衝突(因為我大多用覆蓋的...)
但想不到幾次測試後竟然找不到可改善的部分!?
只好用探測器看看了.....
想不到~原來是Google Aalytics的ga.js有問題!?
光載入到完畢就22.4秒!!
拿掉後果然神速秒開!!Orz

但...問題來了~
會加入ga.js當然是有它的必要性.....
那有沒有辦法改善ga.js的載入特性呢?
所幸....上網找到了方法~
在此特別紀錄一下!

三种提高Google Analytics效率的方法

以下內容轉載自數碼維基
原文網址:該如何載入google-analytics(或其他第三方)的JS


2015年3月12日 星期四

免費下載高解析度圖片的 15 個最佳圖庫網站--轉載

在最佳圖庫裡,你可以免費下載高畫質的照片或圖片素材。這些圖片可以用於個人或商業項目。選擇好的、高解析度的圖片可以為你的網站加分。另一原因,因為社群網站的分享功能已經愈來愈重要,為網站使用正確圖片,將有助於在社群網站上獲得更好的成效。

免費下載高畫質圖片

從 Google 搜尋可以找到數十億張的照片,當圖片屬於公共領域,或是在 Creative Commons 授權下,才能被使用而不會有版權問題。

目前的問題是 Google 並不會只提供你免費的圖片,至少在圖片搜尋方面,Google 演算法往往會漏失掉一些優質的免費圖庫網站。如果無法透過 Google 來幫助你找到圖片,這裡有一些不錯的圖庫,可以找到免費、高解析度圖片。

1. unsplash.com (Unsplash) – 這是下載高解析度圖片網站裡我最喜愛的一個。訂閱 Email 電子報可以每 10 天收到 10 張新的圖片更新。所有圖片皆為 CC0 授權,意味著你可以自由使用這網站裡的圖片素材。

延伸閱讀:Unsplash 高解析度免費圖庫素材,適用於個人或商業專案

2. google.com (LIFE) – Google 圖片網站收錄了數百萬計來自 LIFE 圖庫的歷史照片。你可以在 Google 圖片搜尋加入 source:life 及任何搜尋字串來進行查找,這些圖片可以免費用於個人或非商業專案。

3. flickr.com (The British Library) – 英國國家圖書館已上傳超過一百萬張現為公共領域的的老照片和掃描圖片,並鼓勵重新使用它。

4. picjubmo.com (Picjumbo) – 在這裡可以找到許多高品質的照片,可用於個人或商業用途。

5. pixabay.com (Pixabay) – 所有在 Pixabay 的圖片皆為 CC0 授權,可以被用於任何地方。就像 Flickr,有提供選項來瀏覽特定相機型號所拍攝出來的照片。

6. publicdomainarchive.com (Public Domain Archive) – 這是一個令人印象深刻的網站,將許多公共領域的圖片分門別類整理在網站裡。它所收錄的高解析度相片有時間限制。

7. commons.wikimedia.org (Wikimedia Commons) – 此網站收錄 21 萬張以上的圖片,有些為免費授權,有些則屬於公共領域。這些圖片分門別類,可使用搜尋關鍵字來進行查找。

8. superfamous.com (Super Famous) – 另一個為你網站或設計專案尋找高解析度圖片的來源。這些圖片是根據 Creative Commons 授權且必須有姓名標示。

9. nos.twnsnd.co (New Old Stock) – 在這裡可以找到由公共資料館所有的老照片,可自由使用且無版權限制。如果你試著建立一個 Twitter feed 像是 @HistoricalPics,這或許是個不錯的圖片來源。

10. freeimages.com (Stock Exchange) – 這是免費圖片、照片的最大資料庫之一,你可以任意使用。只是你必須登入才能下載圖片,這網站之前是托管於 schx.hu 底下,目前為 Getty Images 的一部分。

11. morguefile.com (Morgue File) – 這網站托管超過 30 萬張免費圖片,你可以自由使用它們至個人或商業項目,而無須標示姓名。相簿也內建一個剪裁工具,你甚至可以直接把圖片置入自己的網站。

12. gettyimages.com (Getty Images) – 如果你正在為你的網站尋找專業圖片,而不想支付昂貴的授權費用,Getty 為你而生。你可以從 Getty Images 直接內嵌圖片至你的網站,不過在未來這個計畫可能會加入廣告。

13. pdpics.com (Public Domain Photos) – 該網站收錄成千上萬的免版權的圖片,可以用於個人和商業項目,但必須標註姓名。

14. imcreator.com (IM Free) – 集合所有類型的高解析度圖片,可免費用於商業用途。這些圖片來源大多為 Flickr,必須要參考其授權方式。

15. photopin.com (Photo Pin) – Flickr 是網路上最大的照片資料庫,Photo Pin 幫助你來查找 Flickr 內以 Creative Commons 授權的圖片。如果你不想把圖片托管在自己的伺服器,還能產生內嵌語法。

提示:如何避免使用到常見圖片

你可能發現一張相當棒的圖片,非常適合你的專案,但不確定是不是其他網站已經採用相同的圖片,這時候你不妨試著利用 Google 圖片搜尋「以圖找圖」方式,來查查看這張圖片於網路上被使用的情形。

轉載自 http://free.com.tw/15-find-free-images/

2015年1月14日 星期三

不安裝軟體下載Youtube法

方法一、ClipConverter 推薦指數★★★★★
  ClipConverter一個綜合性的音視頻線上解析下載網站,支援包括YouTube、MySpace、優酷等網站視頻下載。
  使用只需將視頻網址輸入,點擊Continue繼續,然後可以更改檔案名、選擇視頻品質、檔案格式,最後就是等待解析轉換下載了,最牛叉的是支持1080p以及2k、4k,是這裡面我認為最好用的。
  ClipConverter地址:http://www.clipconverter.cc/

方法二、FetchVideo 推薦指數★★★★
  FetchVideo使用方法也和上面那個大同小異,輸入網址點擊下載,需要安裝JAVA外掛程式支援。有個快捷下載方式,在youtube視頻頁面直接將功能變數名稱替換,即可轉到解析下載頁面。
  FetchVideo地址:http://fetchvideo.com/

方法三、LinkYoutube 推薦指數★★★
  在Youtube網域前面加上"link"即可,ex:http://www.linkyoutube.com/xxxxxxx,這個彈出廣告比較多,不過能使用還是介紹下吧,多個總是有備無患。看網站說明是需要安裝JAVA外掛程式支援的,不過我試了下,不安裝也可以下載。

方法四、寄居蟹 推薦指數★★★
  這是個中文網站,提交youtube視頻網址可以離線下載,等遠端伺服器下載完成後再下載取回,就和迅雷離線下載原理一樣。不過由於使用的人比較多,往往下載需要排隊等待好一段時間。

上述四種方法的優點主要是:不需要裝任何軟體和外掛程式就可以下載youtube上的視頻,直接通過流覽器打開此類網站,輸入視頻的youtube位址,就可以解析出下載位址,並且支援各種解析度240p、360p、480p、720p以及1080p。

缺點主要是:有的視頻需要先轉碼,才能下載,轉碼要耗費不少時間。

※轉載自艾薇百科http://www.aiweibk.com/514.html

2014年9月11日 星期四

2014 年 15 款最棒的 HTML CSS 框架



现在,我们来介绍 2014 年推荐给 Web 设计师的 15 款 HTML&CSS 框架。阅读下面的框架列表,跟我们分享你的看法吧:)
CSS 框架

1) Toast
Toast 是一款让所有设计都尽可能简单的 CSS 框架,但它又一点也不简单。一个全英文响应式网格很容易就构造一个简单的布局,box-sizing 功能允许用户自由的填充网页和网格边界,而不需要改变其他任何一个地方的设计。


2) Yaml
Yaml 是一个模块化的 CSS 框架,可以用来构造灵活,可访问和响应式的页面。YAML 提供一系列完整的匹配构建模块来创建复杂的网页界面。网格,导航,表格,字体排版模块和所有附件都能进行无缝的协同合作。所有的布局模块都能兼容 HTML5 和 CSS 3,还很容易兼容其他最新的 web 开发技术。
特性:

  • 灵活的网格系统
  • 主题支持的灵活形式的工具包
  • 聚焦于 web 标准和可访问性
  • 为所有标准元素进行排版优化
  • 利用匹配构建模块进行快速的原型开发
  • 命名空间避免与第三方 CSS 冲突
  • 为 HTML5 和 CSS3 做好了充分的准备
  • 非常小的框架核心 (5.9 kB)
  • 建立在 Sass 基础上



3) Gumby
Gumby 2 是建立在 Sass 的基础上的,Sass 是一款非常强大的 CSS 预处理器,允许用户自主快速的开发扩展 Gumby — 同时提供很多新的工具来自定义和扩展 Gumby 框架。Gumby 是一个响应式的以及 960 像素宽度的 CSS 网格框架,支持 PC、平板和手机屏幕显示。类似 Twitter 的 Bootstrap,它包括一个Web UI工具包,有好看按钮,表格,导航+标签和一个很小的JavaScript文件Gumby 2 是一个非常棒的响应式 CSS 框架,为了更好的生存,网页应该对移动端更友好。


4) Responsive
Responsive GS 是一个流体网格 CSS 框架,用于快速开发响应式的 Web 网站。Responsive GS 提供三种风格:12、16 和 24 列,使用 media queries 支持所有标准设备。


5) Less Framework
Less Framework 是一个 CSS 网格系统,用来设计自适应网页,包括 4 个布局和 3 套字体预设置,所有都是基于单个网格的。


6) Columnal
Columnal CSS 框架是一个众多自定义代码组合成的“混合体”,是一款富有弹性的 CSS 框架,用来进行响应式网页的快速原型开发。灵感来源于 960 Grid System


7) Foundation
Foundation 5 是目前最快的 CSS 构建框架了,里面包括了丰富的特性,让你更快更好的学习里面的代码。Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件,如表单、按钮、Tabs 等等。


8) Susy
Susy 是一个基于 Natalie Downe 的 CSS Systems 的 CSS 框架,通过 Sass 实现,利用 Compass 来简化,可用于静态网站以及各种框架应用。


9) Kube
Kube 足够的简单,足够小,具有很强的自适应能力,是个响应式的 CSS 框架。它拥有最新最炫的网格和漂亮的字体排版,没有任何样式绑定,给用户以绝对的自由。


10) Bootstrap
Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。


HTML 框架
11) HTML Kick Start
HTML KickStart 拥有极简的 HTML5 ,CSS 和 JS 构建模块,能够快速生成网页。


12) HTML5 Boilerplate
HTML5 Boilerplate 能帮助用户快速的构建健壮,适应能力强的 web 应用或者页面,只需要一个小小的集成了 100 多个开发者智慧和努力的开发包就可以开发属于你自己的网页。


13) Skeleton
Skeleton 是一个小的 JS 和 CSS 文件的集合,可帮你快速开发漂亮的网站,适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。


14) Montagejs
ontageJS 是一个现代化,功能齐全的 HTML5 框架,用来快速创建一个单页应用。Montagejs 使用通过了时间考验的设计模式和软件的各种原则来开发你的项目,使用户的网页得到很好的高质量的用户体验。同时提供了很好的设计者和开发者更好的协同合作 的方式。Montage 打开web开发的新的世界的机会。


15) Zebra
zebra 是一个 web UI 设计框架,JavaScript 库,遵循简单的 OOP 设计理念,提供基于富 UI 设计的 HTML5 画布,包括 Java 到 Javascript 的转换工具。



原文 15 Best HTML & CSS Frameworks 2014 for Web Designers
翻译 oschina