2015年4月21日 星期二

WWDC 裡跟 UI 有關的 Session

WWDC
雖然是跟 UI 有關,但我發現裡面有些其實是有講程式要怎麼寫的,我知道很多 Designer 完全不會寫程式,所以我把它們分開來。

沒有程式

2014
  • Session 211 : Designing Intuitive User Experiences
  • User Interface Design for iOS 7 Apps
2013
  • Session 201 : Building User Interfaces for iOS 7
  • Session 208 : What's New in iOS User Interface Design
  • Session 225 : Best Practices for Great iOS UI Design

2012
  • Session 221 : iOS User Interface Design
  • Session 243 : iPhoto for iOS: UI Progression and Animation Design
  • Session 523 : Best Practices for Color Management

2011
  • Session 110 : Designing User Interfaces for iOS and Mac OS X Apps

2010
  • iPad and iPhone User Interface Design


有程式

2014
  • Session 211 : Creating Custom iOS User Interfaces - Make your app stand out
  • Session 232 : Advanced User Interfaces with Collection Views
  • Session 236 : Building Interruptible and Responsive Interactions

2013
  • Session 213 : Best Practices for Cocoa Animation
  • Session 214 : Customizing Your App’s Appearance for iOS 7
  • Session 226 : Implementing Engaging UI on iOS
  • Session 405 : Interface Builder Core Concepts

2012
  • Session 211 : Building Concurrent User Interfaces on iOS

2010
  • Session 305 : Designing Apps with Interface Builder
  • Automating User Interface Testing with Instruments
  • Designing Apps with Scroll Views
  • API Design for Cocoa and Cocoa Touch
  • Building Animation Driven Interfaces


Tech Talks World Tour:另外除了 WWDC 外,每年還有 Tech Talks World Tour,我也整理在下面
2013
  • User Interface Design for iOS 7 Apps
  • User Interface Design for iOS 7 Games

2012
  • Ingredients of Great Apps:這個主要在講UX

2011
  • Designing User Interfaces for iPhones and iPad Apps



其實我也沒有每一個都看完,如果分類有誤或是列在裡面的話請跟我說,謝謝!

2015年4月12日 星期日

資安相關的資源

Got Your PW 是專門為對資安有興趣的人士整理的資源,包含常用的工具,適合初學者的入門教材,好用的後門程式,和許多值得追蹤的資安相關網站。

Android Security Development - Part 1: App Development
Android Security Development - Part 2: Malicious Android App

收集一些我覺得不錯的 APP

功能
Snapseed 2 最神奇的修圖 App 不可錯過七大新功能
青創接力賽 哈利劫盜地圖登場

創意



說明一下為什麼這篇文章我也會把它加上「iOS開發筆記」的標籤,因為我覺得透過看別人的App怎麼寫也可以增加自己的功力,當然主要是在 UI 跟 UX 上啦,程式方面的話有時候就會去想「他到底是怎麼做到的?」。

REST 介紹及相關資源

淺談 REST 軟體架構風格 (Part.I) - 從了解 REST 到設計 RESTful!

RestKit:RestKit is a framework for consuming and modeling RESTful web resources on iOS and OS X.

2015年4月10日 星期五

開發 APP 前要思考的幾件事

之前有朋友找我做 APP,後來我大概整理了一下開發 APP 前要思考的幾件事
  1. 商用還是自用?
  2. 要大幹一場還是就是想做個 APP 出來?
  3. 有市場嗎?
  4. 調查市面上的相關產品(你不可能是世界上第一個想到這個點子的人,而一個產品會脫穎而出常常不是因為他的點子很棒,往往都是「細節」)
  5. 預算有多少
  6. 確定是要寫在 Mobile 而不是在 Browser 或是 Desktop?不同平台有不同的特性。
  7. 確定是 Mobile 平台的話,還要選擇在哪個 Mobile 平台上開發(Windows, Android, iOS)
  8. 盈利模式(一次購買、in-App purchase、廣告或其他)
  9. 行銷策略(架網站、拍宣傳影片、粉絲專頁、參加比賽或其他)

Markdown 介紹及相關資源

簡介


這是官方網站上介紹
Markdown is a text-to-HTML conversion tool for web writers. Markdown allows you to write using an easy-to-read, easy-to-write plain text format, then convert it to structurally valid XHTML (or HTML).

Thus, “Markdown” is two things: (1) a plain text formatting syntax; and (2) a software tool, written in Perl, that converts the plain text formatting to HTML. See the Syntax page for details pertaining to Markdown’s formatting syntax. You can try it out, right now, using the online Dingus.

The overriding design goal for Markdown’s formatting syntax is to make it as readable as possible. The idea is that a Markdown-formatted document should be publishable as-is, as plain text, without looking like it’s been marked up with tags or formatting instructions. While Markdown’s syntax has been influenced by several existing text-to-HTML filters, the single biggest source of inspiration for Markdown’s syntax is the format of plain text email.

OpenFoundry 上的介紹
Markdown 是一個輕量的標記語言,主要用於讓人們可以不用 HTML 複雜繁長的語法就能夠標記格式而達到管理文件的目的。Markdown 是由 John Gruber 跟 Aaron Swartz 所創造出來的。他們希望能夠讓人們可以用易讀,易寫的簡單文件格式,透過工具格式化轉成 HTML。經過多年的發展,Markdown 已經成為許多人做筆記的第一選擇了。原因除了其簡潔直觀的語法還有就是長期來慢慢累積出來的周邊工具。Markdown 已經不再僅僅只是用於標記基礎格式的語言了。圍繞著 Markdown 產生出來的工具組已經可以讓這個標記語言作到細緻的排版。已經有為數不少的人用 Markdown 來創造他們的數位著作。知名的源碼版本控制服務網站 GitHub 用 Markdown 作為他們預設支援的文本格式。其它還有許多的服務都支援 Markdown 作為他們優先支援的格式。

Markdown其實是 (1) 一種文本語法 (2) 一個轉化文件成HTML格式的軟體工具,他的工具是用Perl寫成。


教學

  1. markdowntutorial.com:這個網站透過說明跟實際操作分成 italics and bold、Headers、Links、Images、Block quotes、Lists、Paragraphs、Conclusion 八個部分學習 Markdown 的語法及其運作的原理,非常棒的教學網站。
  2. Markdown 官方語法說明 繁體中文版
  3. 简单的Markdown指南:這篇部落格寫得非常簡單一目了然
  4. 簡單易學的Markdown文字標記語法:這篇更簡單XDD


編輯器(註一)

Web
  1. Cmd Markdown:編輯閱讀器,支援即時同步預覽,區分寫作和閱讀模式,支援線上儲存,分享文稿網址。 
  2. Dillinger:一個 Markdown 的線上編輯器,可以即時顯示結果,提供即時預覽以及到 GitHub 和 Dropbox 的拓展連線。 
  3. IPython Notebook:以IPython為後台,利用瀏覽器做IDE,支援Markdown與LaTex公式。
  4. tmpvar:This is an adaption of the github markdown previewer and uses github readme styling
  5. http://jbt.github.io/markdown-editor/:Live (Github-flavored) Markdown Editor,Open Source。
  6. Markable

Desktop
  1. Mou:一個Mac OS X上的Markdown編輯器,十五美金。
  2. MacDown:OS X 上的 Markdown 開源編輯器,作者稱其深受 Mou 啟發。 
  3. WMD:a Javascript "WYSIWYM" editor for Markdown (from AttackLab) 
  4. PageDown:一個 Javascript 寫的 "WYSIWYM" Markdown編輯器 (來自 StackOverflow) 
  5. MarkdownPad:Windows,需要安装 Microsoft .NET Framework 4.0。 
  6. MarkPad
  7. Markdown textarea:GreaseMonkey 脚本,此脚本会在文本域的左下角新增一个 Markdown 按钮,输入各种包含 Markdown 的文字之后,点击它就可以把代码转化为为 HTML。
  8. ReText:Linux,Ubuntu 安裝方法参考这里


GitHub Flavored Markdown

  • GitHub uses "GitHub Flavored Markdown," or GFM, across the site--in issues, comments, and pull requests. It differs from standard Markdown (SM) in a few significant ways, and adds some additional functionality.
  • If you're not already familiar with Markdown, take a look at Markdown Basics
  • If you'd like to know more about features that are available in issues, comments, and pull request descriptions, such as task lists, read Writing on GitHub.
  • Mastering Markdown:這是另一份 Github 教 Markdown 的文件。


相關討論文章

为什么作家应该用 Markdown 保存自己的文稿
Markdown写作浅谈


其它

CommonMark:有人試著標準化 Markdown,這是在他們官網上寫的:「We propose a standard, unambiguous syntax specification for Markdown, along with a suite of comprehensive tests to validate Markdown implementations against this specification. We believe this is necessary, even essential, for the future of Markdown.」。當初他們好像想要用 Standard Markdown 的名字,但讓 Markdown的原創者非常 infuriating,這篇文章是他們的道歉。


註一:工具大部份都整理自台版維基百科


-------------------------------------------------這條線以下未整理QQ------------------------------------------------

Syntax Guides


Converters

The implementations above by default refer to Markdown to XHTML conversion. Converters to and from other formats are also available.
  • Markdown to LaTeX, Markdown+LaTeX to MathML, etc.
  • XHTML to Markdown:
    • html2text.py (in Python)
    • Markdownify (in PHP)
    • Make.text (a bookmarklet which converts any web page into Markdown.)
    • XHTML-to-Markdown XSLT (a stylesheet, works with XHTML only)
    • Pandoc (a Haskell library that can convert between many formats including Markdown, HTML, reStructuredText, LaTeX, MediaWiki and others)
    • html2x (web form and bookmarklet, based on Pandoc)
    • kramdown (Ruby)
  • Other formats to Markdown:
    • Pandoc (a Haskell library that can convert between many formats including Markdown, HTML, reStructuredText, LaTeX, and others)
    • odt2txt (a Python script to convert OpenDocument text files to Markdown)
    • word_markdown_macro (a Microsoft Word macro that converts some of Word’s formatting into Markdown)


Online tools (that means it works in your browser)

  • Dillinger free online markdown editor that supports syncing with Dropbox, Google Drive and Github.
  • Dingus
  • There are many of these tools so if you want to work in a browser, find the one you like best.
  • If you want to turn a website into Markdown, then its easy to do with html2text, or by using the make.text bookmarklet (also see Marky)
  • I really like using gist by github for sharing and collaborating (called forking) on documents. Here's a sample:P
  • Draft is a comprehensive online writing environment that uses Markdown. However, it requires you to create an account and is a bit confusing.


Other Software

HOWTOs

Tests

http://xbeta.org/wiki/show/Markdown
http://whatismarkdown.com

自訂 datePicker

根據 UIKit User Interface Catalog,「You cannot customize the appearance of date pickers.」。
所以如果不要用蘋果給的 datePicker 要碼自己從頭寫一個要碼套外面第三方的套件(是叫套件嗎!?)。

下面是一些我找到的第三方套件
  1. code4app2 裏的 Picker 類別
  2. MWDatePicker
  3. AADatePicker
  4. FlatDatePicker

相關討論(下面這些不要理我,我還沒整理Orz)
  1. http://stackoverflow.com/questions/10844675/custom-ios-uidatepicker-using-uiappearance
  2. http://stackoverflow.com/questions/20181225/customize-text-color-of-uidatepicker-for-ios7-just-like-mailbox-does
  3. http://stackoverflow.com/questions/20875054/change-uidatepicker-font-color
  4. http://www.experts-exchange.com/Programming/Smartphones/iOS/Q_26945102.html

專案管理軟體 for Mac




如何把 Edit 按鈕改成其他語言

這裏以台灣為例

只要把 info.plist 裡的 Localization native development region 改成 Taiwan,在 Navigation Bar 上面的 Edit 按鈕,還有在 TableView 裡向右滑動會出現的 Delete 字樣就都會自動變成繁體中文了。

2015年4月8日 星期三

經營企業相關的書單

Mark Zuckerberg推薦:

  1. Nonviolent Communication
  2. The Tao of Leadership: Lao Tzu's Tao Te Ching Adapted for a New Age

策略九說

國際相關的書單

培養國際觀
  1. 各國眼中的世界:現在就翻新你的國際觀!
  2. 緊盯美國是錯的,你需要看懂世界趨勢的新方法

歷史相關的書單


  1. 《歐洲醫療五百年》
  2. 《瘟疫與霍亂》
  3. 《鳥的命運就是人的命運》

配色相關工具

Adobe Kuler 尋找簡報設計配色靈感,免費下載色票、顏色資訊
Stylify Me 快速獲取網站配色、字型等風格資訊

語言在地化(Localization) 相關資源整理

在地話大概分成三個部分

  1. Storyboard
  2. 程式裡的字串
  3. 圖片


網路上的教學文
Working with Localization in iOS 8 and Xcode 6
Internationalization and localization of Apps in Xcode 6 and Swift

文章
Localization Highlights from WWDC

蘋果為此還有設了一個專頁:Build Apps for the World

下面是蘋果官方整理的資源:

WWDC Session Videos

論壇


文件和範例檔
iOS
Mac


Downloads
AppleGlot and Localization Glossaries
  • AppleGlot is a tool for extracting text strings to be translated and then merging them back into the localized application environment.
  • Glossaries is the files that can be used by AppleGlot as translators to help streamline the localization process.

最後面還有提供一些第三方專門負責做翻譯的廠商,這個部分我就不轉帖了,有需要的人就點進去看吧。
不過要注意蘋果有聲明這些廠商跟蘋果一點法律關係都沒有,蘋果只是提供這些廠商的連結而已喔!

融合不同張 Screenshot 的工具


https://www.facebook.com/groups/iostw/permalink/1024596314234384/

2015年4月7日 星期二

「台客」的由來【轉貼】

台客一詞早期是眷村的黑話,用來形容粗俗、沒水準的本省人的蔑稱。很少人知道台客一詞是怎麼從早期的眷村黑話,一直慢慢「復辟」變成現在社會、媒體上普及的稱謂文化。是有一對外省籍的兩姐妹,在1990年代末期開始在自己主持的節目中大量使用「台」來形容那些沒水準、低俗的台灣人開始的。
「你那麼台不會說台語?」、「你們這種會說台語的在夜市吃得比較開吧」、「好台喔」、「你這樣看起來好台,好沒水準喔」
如果是這兩姐妹節目的忠實觀眾,應該都有他們在節目中對本土文化的藐視、嘲諷與醜化的印象,一直到現在這個還在線上的節目,都常出現專門醜化本土文化的內容。

原出處:https://www.facebook.com/okinafa/posts/10204267005777039?fref=nf

2015年4月3日 星期五

崩潰的中國人

https://www.facebook.com/groups/740782675987090/827634193968604/?ref=notif&notif_t=group_comment_reply