「Mobirise」不懂網頁語法,拖拉就可完成精美、酷炫的RWD網頁工具

  先前曾分享過幾款視覺化的Bootstrap自適應開發工具,透過拖拉就可快速的完成RWd自適應網頁,大幅的降低學習的門檻,雖然透過拖拉的方式很簡單,但要修改版面區塊或元素時,還是得具備基本的網頁語法,才能進行修改與調整,這對於視覺設計人來說,還是有一定的難度與門檻,並沒有辦法像影像軟體那麼的視覺化。

  之所以現在製作網頁會愈來愈麻煩的原因,就在於現在的行動裝置愈來愈普及,再加上行動裝的螢幕尺寸也很不一,因此要如何讓網頁在各裝置不跑版外,同時還能有酷炫的特效,還真是考驗設計師的功力,而現在竟然有如此簡易的工具,透過Mobirise不但一樣也是透過拖拉的方式,甚至要修改設定與樣式時,也全部圖形化,且完全無需寫到半個原始碼,立即就可完成高互動的RWD自適應網頁喔!同時Mobirise裡面除了有Bootstrap外,還有許多酷炫的網頁特效,讓網頁質感、動感兼具,同時該軟體不但跨平台還免費,有沒有這麼佛心的呀!因此身為網設人員現在也一塊來看看吧!






「Animate.css」讓Boostrap導覽列的下拉選單動起來

  Bootstrap是目前最受歡迎的RWD套件,除了有強大又好用的網格系統外,再來就是內建了許多實用的互動功能,而網站中最常使用到就是導覽列選單,透過選單使用者就可以快速的找到所需的項目,同時這個導覽列選單,在建立上相當的簡單,更重要的是完全不用寫到任何的Javascript,只需依照它的選單HTML結構,就可快速的產生出所需的導覽列選單。

  當建立好導覽列選單後,點撃選單時,就會開啟或隱藏選單,完全沒有任何花俏的特效,而現在只要將Animate.css的動畫引用後,立即就可讓Bootstrap的導覽列選單動起來,像是常見的淡入淡出或是彈跳、旋轉、飛進飛出.....等,完全不會CSS3動畫也能輕鬆上手,至於要怎麼將Animate.css這個動畫套件,整合到Bootstrap中現在就一塊來看看吧!...





「EIZO EV2730Q」超正螢幕,網頁設計、影音剪輯、影像後製都超好用

  說到EIZO的螢幕,梅干對它一點都不陌生,先前在公司時,就是使用EIZO的螢幕,當時梅干還將它轉成直向,這樣在寫網頁檢視原始碼超方便的,幾乎滾動捲軸的機率不太高,甚至在瀏覽文件時也是,再加上EIZO的螢幕是霧面材質,因此長時間盯著螢幕時,也不會感到眼睛不舒服,但自從換了Macook Pro Retina後,外接螢幕時,就相當的麻煩,所以當初則選擇了MAC的27吋螢幕,雖然亮面螢幕很漂亮,且也解決了解析度的問題,但長時間使用下,眼睛就會感到有些疲累,再加上螢幕的比例,讓視窗在分割上,並沒有很理想,所以先前好友LEO曾推坑LG的21:9,這比例有別於以往的16:9,等於一顆抵二顆使用,螢幕變得相當寬,因此在長時間使用下,脖子還蠻酸的,再加上也是亮面螢幕,所以眼睛還蠻容易疲累的。

  今年的攝影器材展中,梅干一樣充當了四天的工作人員,當工作人員的好處,就是可以四處交朋友,而此次的攝影器材展中,沒想到梅干顧的攤位旁邊就是EIZO,讓梅干可以好好的了解aRGB與sRGB的差異性,除此之外在EIZO的展場中,發現有顆螢幕的比例與其它的特別不一樣,竟然長的方方正正的,立即引起梅干的好奇,就過去玩了一下,沒想到一玩就上癮,這1:1的方正螢幕竟然會如此的好用,無論是寫網頁還是影像後製,或是影音剪輯都很方便,可以說是把二顆寬螢幕,上下疊在一起的感覺,因此最近有想換螢幕的朋友,不妨也先來看看這款方正的螢幕囉!....