顯示具有 RWD網頁設計 標籤的文章。 顯示所有文章
顯示具有 RWD網頁設計 標籤的文章。 顯示所有文章

2019年11月8日 星期五

最新課程優惠整理

近期最新上架的一些網路線上課程整理,如有「設計發案 / 實體課程」需求,歡迎加LINE洽詢:

2019年10月17日 星期四

「RWD網頁設計線上數位課程基礎入門」九折折扣卷,最多為期1個月,數量有限,僅有100組,送完為止。因為一人只有一組折扣,因此請意者私訊小弟,小弟會直接傳折扣卷給您!
課程簡介與購買在此:https://9vs1.com/go/?i=475ce3d4f898

2017年7月29日 星期六

[網路應用]集結眾多軟體的線上工具---RollApp


兩天看到一個不錯的線上網站:RollApp,它集結了許多我們平常會使用的軟體,而且只要登入Facebook或是Google帳號,即可直接線上使用,存檔方式也是利用我們大多人使用的Onedrive或是GoogleDrive雲端硬碟,相當方便;不論你是要用Office文書、或是Gimp繪圖工具,應有盡有,不妨趕快來試試吧!這邊鼻涕仔就先用個人寫網頁的「SublimeText」做說明。

2017年3月29日 星期三

[Chrome擴充套件]讓Google Docs成為WordPress的文章編輯器---WordPress.com for Google Docs

相信許多使用WordPress的朋友而言,都會有取代後台內建編輯器的方案,例如:Open Live Writer!然而,前幾天WordPress推出了一項全新與Google雲端文件結合的編輯工具:WordPress.com for Google Docs,讓使用者可以直接在Google Docs編輯文章,同時還可以多人共同編輯協作(哈,不過鼻涕仔的部落格沒有共同的管理者,而且最近太忙疏於經營,所以共同協作就留待各位朋友去玩囉!XD)。

2016年6月20日 星期一

[RWD網頁設計] GoogleFont全新介面以及提供免費字型下載

平常有在設計網頁的朋友應該都知道,目前的html5+css3技術,可以直接將google大神提供的「GoogleFont」直接套用到網頁中,不僅可以因為減少網頁字型的容量而提昇載入速度,也可以不用擔心使用者看不到網頁套用的字型;最近這幾天,GoogleFont網站不僅更新了介面,同時還提供給使用者800多種字型的下載服務,還等什麼,需要的朋友快來下載吧!

2016年6月15日 星期三

[網路應用]輕鬆壓縮圖片的容量,而且可以生成webP格式---智圖

平常不管事網頁設計也好,或是一般要在電腦存放備份自己的照片也好,之前鼻涕仔有向大家介紹過「 Compressor.io線上圖片壓縮」以及「 RIOT圖檔壓縮軟體」兩種幫圖片減肥的方法,當然,前提是不能失真太嚴重,今天,鼻涕要再介紹一個更新功能、更方便使用的圖片減肥線上服務:智圖。

2016年6月7日 星期二

[RWD網頁設計]利用Google大神幫忙測試行動裝置版本網站的最佳化指標

當我們設計了一個RWD網站之後,究竟在各個不同載具上呈現的效能如何,當然都會影響到使用者的優使性與友善度,所以今天鼻涕仔介紹各位朋友一個Google推出的網站檢測工具:Mobile Website Speed Testing Tool,我們只要輸入網站的網址,就可以幫我們檢測網站的行動裝置友善度,還有網站在電腦、行動版網頁上的速度表現分數指標,當然我們可以經由這些指標,幫網站做進一步的效能優化。

2016年6月4日 星期六

[網路應用]架設網站好用的虛擬空間推薦--- Hostinger

大家都知道,不論是一般網站或是Wordpress,在架設之前一定要先申請一個網路空間(虛擬主機),當然,如果不是正式的網站,可能只是在練習或是測試,那麼申請一般免費的虛擬主機就夠了;所以今天鼻涕仔要跟大家介紹一個超簡便並且支援繁體中文介面的虛擬空間:Hostinger。一般測試網站我們應該都會節省成本,想要使用免費的虛擬空間,但是一般免費的虛擬空間通常在介面使用上很不習慣,利用簡體中文或是甚至僅支援英文,然而Hostinger不僅有繁體中文介面,在功能上支援PHP、MySQL,硬碟部分提供使用者2 GB容量、每月 100 GB 流量限制,且沒有煩人的廣告,因此不管您是要架設正式的動態網站,或是一般的靜態網站,都可以用這個好用的虛擬主機空間架設唷,想架設網站的朋友,不妨快來試一試吧!(P.S.在此還是提醒各位親愛的朋友,如果是正式的商業或官方網站,請還是以付費的虛擬空間為主唷!)

2016年4月25日 星期一

[網路應用]幫你的網頁圖片套用濾鏡特效的線上服務---CSS Filter

有些時候我們在寫網頁時,可能針對一些圖片要做些微的調整,例如色調或是一些特殊風格,我們都會先以Photoshop調整好再匯入網頁中,但是如果要修改,可能又得調整圖片原始檔,特別是如果已經上傳到伺服器上了,就會有點浪費時間;不過CSS3因為加了一些新的屬性,例如陰影、圓角、漸層….等,當然也有一些濾鏡特效的功能,如果今天我們要套用一些簡單的特效,不妨可以直接寫在CSS裡,或是可以試試鼻涕仔今天介紹的「CSS Filter」CSS濾鏡線上服務。

2016年3月8日 星期二

[CSS3動畫]推薦下載三個好用的CSS3動畫套件

平常在寫網頁時,CSS3是不可或缺網頁外觀元素,當然,目前Flash被淘汰之後,CSS3動畫效果的地位就更加提升,但是每次要用CSS3重新寫一組動態其實也蠻累人的,所以之前在網路上面看到幾個不錯可以直接下載套用的CSS3動畫套件,不妨可以直接下載來使用,不僅編寫方便,又可以省下不少時間,趕緊下載試用看看吧!

2015年5月15日 星期五

[網路應用]RWD網頁設計不可或缺的好網站,檢測網頁在不同解析度呈現的樣貌---Multi Screen Test

過去時代我們在設計網頁時,只要注意電腦螢幕的大小尺寸,不過現在因為手機平板是大家上網大多數的載體,因此RWD網頁也就成為趨勢潮流,當然在網頁設計的過程中,我們需要利用「CSS3的media query」控制不同的螢幕寬度要呈現不同的版面,但是「測試」也是十分重要的,除了利用電腦瀏覽器或是手機、平板實際測試,或是Dreamweaver軟體測試之外,不妨可以試試今天鼻涕仔介紹的好用網站:Multi Screen Test。

2015年4月6日 星期一

[網路應用]檢查網站是否掛點的好用第三方工具---Down for Everyone or Just Me?

有時候當我們要連進一個網站時,卻發現無法連結,此時我們心裡可能會出現疑惑:是網站掛了嗎?還是自己本身網路環境的問題?這種困擾特別容易出現在自己測試自己架設的網站上,因為一旦無法抓出問題,那麼訪客是否會因為網站掛掉而流失?不過別擔心,這個時候你不妨可以利用一個好用的第三方網站檢測工具:「Down for Everyone or Just Me?」,這個服務可以幫我們測試出該網站是因為伺服器關係,或是自己網路環境IP的關係而無法連結,幫助我們可以更快找出問題點。

2015年2月1日 星期日

[RWD網頁設計]---網頁設計必存的Google線上嵌入字型服務---Google Fonts

從事網頁設計的朋友都知道,在過去我們要在網頁中設定文字的字體,必須考量普遍的瀏覽者電腦是否有該字型,例如「微軟正黑體」、「verdana」等字型,如果瀏覽者電腦沒有該字型,那麼就會使用預設的新細明體,不僅對網頁版型可能有影響、美觀上更是大打折扣。但目前CSS3開始可以讓網頁內嵌字型,對於美觀視覺設計上大大地加分。