如何在 Safari 中快速瀏覽你的手機網頁樣貌!

如何在 Safari 中快速瀏覽你的手機網頁樣貌!

最近發現在 Safari 的 9.0 版本中新增了 “可適性的檢視功能”。這對於前端網頁設計來說可以說幫助不少!過去為了確認網站在各種行動裝置的設計時,可能需要到提供模擬檢視的網站,或是使用各種設計程式提供的可適性檢視功能。但現在 Mac 用戶多了一個新選擇,那就是直接使用 Safari 來檢視你的網站,在各行動裝置的呈現。

這對於自己開店使用 Wix 或是 WordPress 的小編來說,應該也算是個很方便的功能吧?可以檢視自己的網站在 “手機”、“平板” 上看起來是什麼樣子~(不錯吧!)

 

 Step.1 開啟 [開發] 選單功能

How To View web design in Safari2

Safari 中 [開發] 這個功能通常是預設關閉的,必須在 [偏好設定] (快捷鍵: Command + ,)中勾選 [在選單列中顯示“開發”選單] 的選項後,才能在 Safari 的頂部選單中看見此功能。

 

Step.2 進入回應式設計模式

How To View web design in Safari4

接著就可以在 [開發] 的選單中,點選 [進入回應設計模式] 開啟 Apple 各種行動裝置的網頁檢視了。

 

Step.3 選擇需要模擬的行動裝置

How To View web design in Safari5
接著就可以在 Safari 中看到所有 Apple 的行動裝置預覽模式了。是不是很方便呢?(筆記)

 

 

身為 Mac 用戶,你不可不知道的 24 個 Spotlight 搜尋技巧!

身為 Mac 用戶,你不可不知道的 24 個 Spotlight 搜尋技巧!

mac-spotlight今天想跟大家分享一下我在書上看到的一些 Spotlight 小技巧;也就是如何更快速的搜尋你想到找的檔案!

Spotlight-in-macbookpro

Spotlight 是在 OS 系統的檔案搜尋功能,有點類似 Google  的網頁搜尋功能,能協助我們尋找 Mac 中的相關檔案,除了輸入檔案名稱外,你還能用 “標籤” 的方式來加強你想搜尋的檔案內容。舉例來說…如果輸入:author:wuli date:2015 的話,你就可以找到作者是 Wuli ,製作日期在 2015 年間的檔案!怎麼樣~是不是很方便呢?

 

Spotlight 搜尋標籤整理

lastused檔案最後使用的日期

主要搜尋條件
author 檔案作者
comment 檔案備註
created 檔案製作日期
data 檔案日期
filename 檔案名稱
form 從☐☐☐寄來的郵件
subject 標題是☐☐☐的郵件
intext 包含的☐☐☐字樣的檔案內容
kind 檔案的種類
label 標籤的顏色
modified 檔案最後更新的日期
多重搜尋條件
AND 搜尋包含OO和OO
AND NOT 搜尋OO但不包含OO
NOT 不包含OO
OR 搜尋OO或OO

movie影片檔案music音樂檔案pdfPDF檔案

Kind:對應的檔案類型
app 應用程式
email 電子郵件
folder 檔案資料夾
image 圖片、相片檔案

不負責總結

是不是很方便呢? 誒…那如果這樣的話,那是不是就算不用 EVERNOTE 都可以很快速的找到自己的筆記、資料與檔案了呢?只要記住這寫指令,不管是文字、圖片、音樂全部都可以快速的搜尋,不需要再一個一個資料夾翻開來找了!

雖然..還是沒有 EVERNOTE 的網頁擷取方便,也沒有圖像文字辨識….

喔!對了~ Spotlight 的快捷鍵是 [Control] + [空白鍵]

為什麼一接上外接鍵盤,我的觸控板失效了?

為什麼一接上外接鍵盤,我的觸控板失效了?

最近因為重新安裝 Mac 才發現『誒? 我的觸控板壞掉了嗎?為什麼怎麼滑都沒有作用!』甚至還把電腦關機,把 MacBookPro 反過來拍拍,想說是不是內部有零件卡住了@@a ..{才剛買沒多久噎!不會就這樣壞了吧?)

 

 

mac-setup

觸控板失效應變辦法

經過一番折騰才發現!原來是只要接上外接滑鼠或是繪圖筆,觸控板就會自動失效(無視する)。解除此設定的方法必須先進入在 【 系統偏好設定 】  中的 【 輔助使用 】 設定。

 

mac-setup2

接著進入 【滑鼠與觸控板設定中】 後把 “使用滑鼠或無線觸控式軌跡版時忽略內建控制式軌跡板” 勾選取消即可;但如果你不希望外接 “繪圖筆” 或是 “滑鼠” 打字時誤觸軌跡板,也可以勾選此選項關閉它。

 

 

 

網站設計 – 從企劃開始

網站設計 – 從企劃開始

你有自己的網站嗎? 你的網站上都放些什麼資訊呢?有沒有想過你想傳達的訊息,客戶真的在乎嗎?

如果你想要為自己的商品以及品牌製作一個網站,或許可以先想想 “製作網站的目的” & ”有誰需要我的商品“?

 

製作網站的目的

  • 增加行為
    • 增加品牌知名度
    • 增加品牌忠誠度
    • 增加曝光率
  • 引起行為
    • 購買網站商品
    • 使用網站服務
    • 分享網站資訊
  • 減少行為
    • 簡化流程
    • 減少客服成本

 

 

 

有誰需要我的商品?

網站是一個呈現資訊的平台,但這些資訊是要給誰看的呢?又有誰會對這些資訊有興趣?

一個好的網站需要設計的不只是美觀而已,先想好策略可以讓你的網站發揮更大的效益。

 

你的客戶是誰?(年齡、性別、個性、喜好..)

客戶習慣的聯絡方式?(電話、電子郵件、即時訊息..)

客戶需要解決的問題是什麼?

你要如何幫助客戶解決他的問題?

如何讓客戶相信你能解決他的問題?

你希望網站給人什麼樣的印象?

你的商品與其他人有什麼不同?

 

 

使用手機、平板瀏覽資訊的人越來越多,不論是在通勤的路上、或是在等朋友的空檔,我們開始利用瑣碎的時間來搜尋、瀏覽需要的資訊。在這短暫的時間裡你網站要如何快速、精準的傳達顧客需要的訊息,讓用戶舒適的瀏覽並在短時間內留下印象?

以上是目前對於網站設計與規劃的小心得..

精選工具程式: Mac 有哪些超值又好用的軟體!

精選工具程式: Mac 有哪些超值又好用的軟體!

還沒確定這裡要寫什麼…目前是打算寫一些自己在用的一些軟體心得、順便做個筆記。分享一些好用的軟體。(洗一下自己的版..因為我有 “半強迫式” 推薦別人用某些軟體的怪僻..)

以下先推薦一下最近在用的幾套軟體:

電繪:Affinity DesignerAffinity Photo

主要是打算學會後取代 Adobe 的 Photo Shop 和 illustrator..(畢竟租一年也要一萬多!)

Affinity Designer 目前有提供 30 天試用,付費版也只要 $1,190 台幣;Affinity Photo 則是提供免費測試版本,只要註冊 Email 就可以使用,不需要任何費用也可以更新。直到官方推出正式付費版本為止。

(詳細使用心得之後再分享)

音樂:Logic Pro XStudio One

音樂類的相關軟體訊息還是會以 LiSWEi.com 為主要介紹平台,有興趣的朋友可以去那邊看看。

剪接:Final Cut Pro

曾經用過它幫學生的成果發表剪過紀錄片、也剪過求婚影片..雖然不是我的求婚紀錄拉~
但基本上算是一套蠻簡單好學的剪接軟體,費用稍微高了一點大概 $8,990;如果用的順手的話,可以幫檢出做很影片紀錄,畢竟回憶是無價的。

記帳:MoneyWiz

老實說…幾乎所有的 Mac 記帳軟體我都用試用過了!但真的有付錢購買的只有 ”麥克錢包“(MacMoney)、 Money Jumsoft 以及現在用的 MoneyWiz 這三套軟體

  • 麥克錢包的使用方式比較像會計課學的借貸法則、是非常注重科目管理的一套軟體。如果會計理論沒有搞懂的話,用起來可能會需要一點時間摸索。
  • Money Jumsoft 是我用了超過兩年以上的記帳軟體,功能非常豐富、介面也設計的漂亮,如果你記帳記得夠細的話,還可以看到自己的股票投資狀況;唯一的缺點是在不同平台同步時,偶而會出現帳款對不起來的問題。英文不好的朋友可能會在跟官方溝通時覺得麻煩(英文不好的人就是我!)

後來也就是因 Money Jumsoft 的同步又出現問題,才開啟了我再次 ”尋找完美記帳軟體“ 的旅途!在大部分的軟體都用過的情況下,就只有 MoneyWiz 還沒有用過(因為它還蠻新的)…於是喜愛投資軟體的我心一橫就買了最便宜的手機版先試試看…

沒想才剛試玩不到 1小時,就被它的快速同步與便利性給吸引了!完全不需要複雜的設定,只要註冊好帳號就可以自動同步,不必擔心需要做什麼雲端設定;記帳流程也很 ”智慧“ ,只要是曾經出現過的消費內容就會自動幫你填入收款人、消費項目..等資料。因此非常推薦給喜歡記帳的朋友。

PS.現在加入 SetApp 會員就可以免費試用 MoneyWiz 以及其他高達 240 款 Mac 優質軟體!

筆記:AlternoteEvernote

如果你是一個喜歡做筆記、整理資料的人,那你一定聽過 Evernote 這套軟體。我使用 Evernote 整理我的筆記應該有快一年了,這對我在搜集資料以及撰寫教材時有很大的幫助。Alterote 則是一套衍伸自 Evernote 的一套軟體。介面設計得更漂亮,支援夜間瀏覽模式,讓我可以不必再用 Instapaper 的服務來看文章;在文字編輯時也比較整齊。

程式:Sublime Text

最後 Sublime Text 這套軟體是我在寫網頁語法時使用的軟體。它比 Adobe 的 Dreamweaver 輕盈,也沒有複雜的介面,還可以安裝很多 Plugin ,讓英文不好的我也可以輕鬆寫出一堆語法。

特別值得一提的是 Sublime 這套軟體的開發者啾甘心A!你可以一直免費使用到你滿意購買為止,在免費使用期間沒有任何功能限制,也沒有使用期限。就是要讓用戶喜歡在購滿!

以上,就是開版一來的第一篇。謝謝收看!

Pin It on Pinterest