Web-design

Highcharts Error #15 原因-處理方式

Highcharts Error #15 原因 發生這個錯誤的原因是因為 Highcharts 預期資料應該已排序過 若輸入的資料中, x 軸沒有進行由小到大(asc)排序 就會出現Error #15 解決方式 (1) 若 Highcharts 需要倒序顯示 Highcharts 倒序 order desc 的方式顯示資料 在 xAxis 或 yAxis 只要加上 reversed: true 就可以倒序顯示

Continue Reading

讓網站設計更符合 Mobile Friendly 的12項原則

(圖片來源 Business Catalyst Blog)

雖然智慧手機及平板出現的時間還不到10年,卻只用了很短的時間就趕上了桌機瀏覽量。並且,根據Google 發佈的訊息,已經有超過10個國家在移動裝置的搜尋量超過電腦(包含美國、日本)。

從去年至今,可以觀察到Google越來越頻繁的發佈調整搜尋演算法及搜尋排名(Rank)計算方式的相關訊息,讓搜尋引擎偏好於有針對Mobile Friendly進行設計的網站,也因為這樣大幅度的調整,讓很多名列前茅的網站名次瞬間滑落,而這種Google懲處仍頑固不化的作法,通常都被稱為"Mobilegaddon"。

因此,如果你是Designer或RD,都應該將這些因素納入考量,也就是說,網站除了要做得好看之外,同時也要考慮為客戶未來的發展及便利性,讓Mobile Friendly成為設計或開發的基本作法。

Continue Reading

社群網站設計尺寸大補帖 (Facebook, Twitter, Google+, Linkedin..)

當網站上線之後,接下來就是想辦法讓網站的流量增加及增加產品的曝光度,因此思考如何有效率的進行內容佈署及塑造完美形象的過程,對於公司、獨立品牌或個人都非常重要。

通常,在這個階段正式啟動之前,都會先仔細思考幾個重點,包含:了解目前的網路設計趨勢、決定要將內容放在哪些流行的社群平台(例如 Facebook、Pinterest、Instagram、Twitter…),如何精準的讓內容呈現在社群平台,以及適當的挑選出重點內容、流行字體、製作成圖片、裁切設計等工作。

2015年 社群網站設計尺寸大補帖

由於網路發展速度相當快,新生代的流行社群不斷浮出檯面的情況下,我們也必須督促自己,讓自己跟進社群經營發展的標準。

Continue Reading

18 個 CSS 鬼斧神工之作! 用CSS打造出的小小兵,你看出來了嗎?

對於一般網頁設計師而言,對CSS的刻板印象只在於樣式設計方面,能讓你更容易設計出具有吸引力的網頁,但事實上,他的能力比你想像中還來得複雜,用CSS一樣可以做出豔麗的效果,例如純動畫及互動元件,當然,如果搭配HTML、Javascript,又能激發更多的創意變化。

瀏覽器就像是一個空白的畫布,最重要的還是你能不能運用靈感,在這張畫布上發揮你的創意,在這裡,將介紹18個使用CSS來打造的創意作品,從最簡單的字體到動畫 ,相信都能讓你對CSS有所改觀。

Continue Reading

移動App 開發人員應該關注的7 件事

Apple App Store裡有130萬的app,而Google Play則託管了140萬的app。在競爭如此激烈的移動應用環境中如何確保我們製作的app能獲得大量的下載量呢?廣受用戶歡迎,並創下了上百萬的下載量是每一個移動app開發人員的終極夢想。但是,這談何容易呢!在最近的一次研討會上,Rahui Nischal,Nucleus Software Exports公司的高級產品經理,就談到了開發人員要想創建有吸引力的移動app,所需要關注的幾個關鍵方面。 圖片來源: http://d.ibtimes.co.uk 理念是根本 一個移動app的成功取決於它是建立在什麼樣的核心理念上的。對於開發人員而言,第一步要做的是像目標用戶那樣思考,用他們的眼光去看待問題,並在此基礎上構建移動app,構建可以讓他們的生活更簡單的app。步步為營,不斷地檢查app與最終用戶的相關性,積極調整產品以滿足用戶的需求。 單一的服務 單一的服務目標一個移動app只需要具備單一的功能。確定你app的主要目的,然後鑽研能否只通過一到兩次點擊就可以訪問進入。 保持簡單 保持簡單保持一切簡單化其實是最難的。如果移動開發人員可以成功地將復雜的技術隱藏在簡單界面的後面,那麼他就越靠近成功。 圖片來源:http://www.asianscientist.com 保持輕量級 三年前,Facebook的應用程式重達35-40M。現在,它只有大約10M。之所以會產生如此大的變化,是因為Facebook認識到,在印度和非洲——甚至連3G還尚未普及的區域,下載重量級的移動應用程式往往需要一段又長又難捱的時間。由於現在的移動app都是面向全球的,所以開發人員最好能夠創建輕量級的應用程式以便適應不同地域。 乾淨和簡單的UI UI很重要 WhatsApp在推出之前從來不做廣告。雖然現在網上提供了許多的聊天應用程序,但是WhatsApp的用戶使用量還是達到了成倍的增長。它成功的秘訣就是乾淨和簡單的UI。為了確保界面友好,我們在創造移動應用的時候需要關註三件事——愉悅性、實用性和功能性。 傾聽用戶的聲音 傾聽用戶的聲音應用程式在發布之後,開發人員應該時刻關注用戶的反饋,更新進步,努力提供更新更好的功能。 了解用戶行為 遊戲“憤怒的小鳥”的開發人員發現,Android用戶不喜歡為下載應用程式付費,而iOS用戶,大多數則願意購買app,但卻討厭在免費app上面看到任何廣告。了解不同的用戶行為,有助於移動開發人員為不同類型的用戶創建令人滿意的消費體驗。 文章來源: http://goo.gl/KscvW4 翻譯來源: http://www.codeceo.com/article/7-things-mobile-app-developers-should-focus-on.html

Continue Reading

前進 RWD Grid 設計 - 談Photoshop CS5 網格設計擴充

圖片來源: dudamobile

響應式網頁設計(Responsive Web Design)在這幾年越來越火紅,剛好,這次要開發項目的程式面會比較單純,所以想說,之前沒畫過RWD的畫面,就來試著畫一下,因此,就開始陷入Photoshop Guid這塊。不知道大家在使用 Photoshop設計時,都會怎麼處裡?

在製作過程,我使用的是 Photoshop 中的網格的擴充套件,由於,公司跟家裡使用的Photoshop CS版本不一樣,並且安裝的方法也不同。因此,在本篇主要以如何在Photoshop CS5裡面安裝Grid 網格擴充功能:

Continue Reading

Swift 開發 - SwiftColorArt 圖文色彩互動式擴充套件 [推薦]

這次,推薦一款容易上手的 Swift 圖文色彩互動擴充套件- SwiftColorArt

SwiftColorArt 最大的特點是它能自動偵測圖片的主色系,並且讓文字及介面背景的顏色與主色系一致(做法和iTunes類似)。

Continue Reading

開發跨平台(iOS/Android/Windows)的APP - 談 Visual Studio 2015 整合 Apache Cordova 的原因

經由本篇文章,將可以了解Apache Cordova 是甚麼?以及為什麼他會被整合到Visual Studio 2015。

圖片來源: visualstudio

在開始前,我們先來聊聊幾個問題: - 網頁技術領域中,專業開發者佔有的比例為何? - 原生APP開發者佔有的比例為何?(跨平台工具使用者除外) - 擁有網頁及原生APP開發能力的人有多少? - 在這些人當中,能開發跨平台APP的比例有多少?

這些問題,如果單純從工程師的角度出發,可以發現,具有全方位開發能力的工程師比例很低,而其中主要的原因就在於時間成本及技術門檻過高。

Continue Reading

2015年 TIOBE程式語言排行榜出爐~

根據TIOBE在2015年1月最新公布名單中,正式宣布Javascript為最佳TIOBE年度語言。其中,Javascript得獎的主要原因,在於2014年當中,它的變化指數成長了1.7%,其次是PL/SQL(+1.38%)、Perl(+1.33%)。

Javascript能從醜小鴨演變成為標準瀏覽器語言,其中扮演最關鍵的函式庫及框架為jQuery、Node.js和GWT,這也代表著正式宣布Full stack全端時代已經成為重要的流行趨勢。

Continue Reading

網頁設計10大趨勢預測

時間過得非常快,不知道你知道去年所流行的網頁趨勢的內容。經過這一年的驗證,這些趨勢確實已經成為主要的指標之一。但是,除了這些之外,還有一些重要的趨勢在這一年誕生,並且預計將會成為關鍵的指標項目:

Continue Reading

擁抱Javascript全端開發 - MEAN stack 工程師,你跟上了沒~

圖片來源:softuni

Javascript 從1995演變至今,已經成為主要最流行的程式語言之一。其中,主要的革新關鍵在幾項特點: 非阻斷式(non-blocking)、事件驅動(event-driven)、使用多數人較熟悉的語言格式,以及可以在伺服端及資料庫運作。關於這種前/後端開發相關趨勢,介紹如下:

Continue Reading

移動趨勢時代來臨,立刻檢測你的行動網站友善度!

根據Google搜索質量團隊(Google Search Quality Team)公布的一則消息。提供了關於行動裝置網站相關的的建議策略,以改善行動裝置網站所呈現的質量。

Continue Reading

Google 聖誕老人追蹤器及地圖APP功能推薦 [News]

近期Google的最新消息中,這裡推薦幾個我認為很棒的項目:

一、聖誕老人村~聖誕老人追蹤器~

聖誕節快到了,Google也跟上腳步,讓大家一起來到數,一起追蹤聖誕老人。

->前往聖誕老人村~追蹤聖誕老人

進到網站後,你會看到一個村落的畫面

Continue Reading

9個GIF動畫 ,看懂Web 演化史

圖片來源:Froont

之前,介紹過一系列的Infographics 立即上手-高質感資訊圖表文章,這次來聊聊Web的演化歷史。

Froont位於舊金山,是一家專門開發網頁設計師製作工具的公司。他們設計了一系列的Gif圖來說明過去25年網頁設計的演進情形

如果你還不知道CSS為何會如此重要,或者Flash為何會被淘汰,以下的Gif圖將可以解釋這些過程:

Continue Reading