pCloud Partner Program

線上幸運抽獎-手機版

程式技術/Javascript 2016/11/11 11:38
views: 83329 times
之前一直要找時間做一個手機用的版本, 終於昨天花點時間寫好了, 有需要的朋友們歡迎多加利用, 網址如下:

http://sample.diary.tw/lucky-draw/m

功能與原來的版本相同, 只是介面用了 jQuery mobile 的方式呈現, 分別將說明、名單、獎項與抽獎放在4個分開的介面上, 利用下方的切換功能來進行切換, 一樣可以隨時加碼. 抽獎結果的部分, 考慮手機介面較小, 所以最後抽出的放在最上面, 而且上方會出現目前待抽的獎項與剩餘人數, 剩餘獎項與已得獎組數等資訊.

最後還是希望大家能多多利用, 也提供建議, 謝謝.

原來的電腦版介紹: http://diary.tw/tim/991
top

好用Google中文字體

程式技術 2016/10/12 11:07
views: 71539 times
製作網站時, 前端的中文字體真的是很傷腦筋, 又沒有那麼多的選擇, 又需要考慮使用者端是否有對應的字型. Google Font 計畫提供了許多字型可供應用, 也有不少繁體字型可供應用.

先來看看有哪些吧:

https://fonts.google.com/earlyaccess

上面是目前所有新增的 Google Font 的字體(非英文與拉丁文為主的), 我們可以用 Chinese 來查看看有哪些:

楷體 cwtexkai
圓體 cwtexyen
仿宋體 cwtexfangsong
Noto Sans TC notosanstc
明體 cwtexming
黑體 cwtexhei

這6種字體可供應用, 使用方式也很簡單, 直接使用對應的 CSS 即可, 以楷體為例, 可以看到他的 CSS 引入語法如下:

@import url(http://fonts.googleapis.com/earlyaccess/cwtexkai.css);

之後只需要在對應的 class 下 font-family 語法即可, 如下:

font-family: 'cwTeXKai', serif;

為方便一次檢視所有字體, 可以參考範例資料:

http://sample.diary.tw/42/index.htm

繼續閱讀:
http://www.ithome.com.tw/news/108941

top

略縮語(ellipsis)的html特殊字元與直排走文

程式技術 2016/09/26 12:03
views: 62522 times
略縮語, 也就是... (這裡用三個點來表示, 但在 html 裡, 有特殊字元可用, 分別是水平用的 … 與垂直的 ⋮ 兩個特殊字元 (參考完整版本: https://dev.w3.org/html5/html-author/charref)

另外直排走文的部分可以使用 writing-mode 這個屬性來指定, 如 vertical-rlvertical-lr, 一般中文若為直式走文, 應為從右至左, 所以是 vertical-rl.

不過有趣的是, 在原本的水平走文時, 使用 … 與 ⋮ 都可以正常顯示方向, 但在垂直走文時, 這兩個略縮語, 反而會造成相反的方向, 這點在使用上要特別注意, 或是反過來說, 只需要使用 … 即可, 走文方向控制會處理好這個略縮語的走向.

參考這個在 jsfiddler 的範例:
https://jsfiddle.net/timhuang/jxhhyxkz/2/

用戶插入圖片



另外也請參考略縮語的 css 自動截字的語法: 網頁排版文字排不下的略語語法 http://diary.tw/tim/1041

writing-mode語法參考: http://ithelp.ithome.com.tw/articles/10139081

top

持續維持開發者的熱情與學習

程式技術 2016/09/26 11:18
views: 55716 times
從這裡看來的:
每位開發者都該看:如何在四十歲後還能繼續從事軟體開發?  http://www.inside.com.tw/2016/09/21/being-a-developer-after-40

的確開發者需要一定的熱忱維持才行(其實任何工作也是如此), 其實年齡一直都不是問題, 而是心態, 不過面對變化快速的技術, 開發者需要隨時把握時間來積極學習(哪個工作不是如此呢?), 面對這樣的挑戰.

找個自己喜愛的技術領域, 持續關注與學習, 多研究相關的應用領域, 另外教學相長也是很重要的, 參加讀書會或是 open source 聚會等, 都能讓自己保持活力與學習的心情, 這個也是一種持續進步的方法.

文章中提到的種種, 也都是很棒的建議方向, 大綱如下:

1. Forget The Hype (忘記各種程式語言與架構的炒作與熱潮)
2. Choose Your Galaxy Wisely(慎選你的星系)
3. Learn About Software History(了解各種軟體的歷史)
4. Keep on Learning (持續學習!)
5. Teach(指導其他人)
6. Workplaces Suck(工作場所糟糕透了)
7. Know Your Worth(了解自我的市場價值)
8. Send The Elevator Down (虛心地接受任何意見)
9. LLVM(一個自由軟體專案,是一種編譯器的基礎建設,以 C++ 寫成)
10. Follow Your Gut(相信你的直覺)
11. APIs Are King(API 是王道)
12. Fight Complexity(將複雜的事情簡單化)

加油, 每一個你都是最棒的.
top

[數學]快算答案的算式

數學 2016/09/23 17:02
views: 51179 times
題目: 1999 x 19981998 - 1998 x 19991999

答案是 0

算式:

more..



top

PREV : [1] : [2] : [3] : [4] : [5] : [6] : [7] : [8] : [9] : ... [95] : NEXT



Nextbit Robin 5.2吋六核心智慧型手機 Microsoft Office 365 中文家用版PKC (無光碟)
ASUS華碩 AC1900 雙頻無線路由器 RT-AC68U 美國 VORNADO 533 渦流空氣循環機 (黑色)
御茶園 每朝健康綠茶(650mlx24入) 每朝健康 雙纖綠茶(650mlx24入)


 Waiting...