2017年11月15日 星期三

關於一開始的CSS樣式一致化

以前要寫網頁第一件事就是先Reset CSS
這個原因其來有自,也相當的重要
最懶惰的作法當然是直接下載無人不知無人不曉Eric A. Meyer大師的reset.css了。
詳見:https://meyerweb.com/eric/tools/css/reset/
這個做法我用了很多年,沒麼問題

不過隨著時代的變遷
業界在Reset CSS上面有著新的觀點
也就是「並非所有的CSS都需要重置,優化這些瀏覽器所自帶的樣式比重置更重要」
於是就有了Normalize.css

2017年10月3日 星期二

提升網頁質感的CSS動畫

原來在在網頁中加入動畫效果並不難
現成的模組可以套
筆記一下:
使用CSS來完成動畫的-Animate.css
使用JS完成動畫的-D3js

相關介紹:

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日 星期四

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/