發表文章

目前顯示的是有「網頁」標籤的文章

甚麼是RWD

圖片
RWD是指Responsive Web Design,翻譯成響應式網頁設計,他的意思就是會根據畫面的條件呈現不同結果,例如在電腦上是一個樣子,在手機上是一個樣子,在平版上又是一個樣子,那該怎麼做這樣的設計,目前主要都是透過CSS技術來達成,在CSS語法中指定螢幕寬度來決定要用甚麼方式呈現,一般大都會分為 PC:寬度在768px以上一般都會被當成PC 平板:一般是指寬度在768px以內的螢幕 手機:一般是指寬度在360px以內的狀況,不過大都會讓手機和平板設計一樣,所以分介一般式在768px 所以我們會在CSS中針對寬度作設定,下面是個範例 @media only screen and (max-width: 768px) { display: block; } @media only screen and (max-width: 480px) { display: flex; } @media only screen and (max-width: 320px) { display: inline-flex; } 上面這一段就是分別對不同的寬度作不同的dispay風格作設定,不過這只是個小範例,如果你沒用過CSS,看不懂是正常的,只是讓你知道程式設計師平常條畫面時大概是在幹嘛,而且真正的CSS調整不會是單純這樣的格式,比較可能像下面這個樣子,他的目的是把一張底圖放進某個區塊 @media screen and (max-width: 768px) #banner_toolbar .logo { height: 0; width: 0vw; background: url(/logo-phone.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; object-fit: contain; } 我要在那邊一個一個解析度設定真的很麻煩,那有簡單一點的方法嗎?當然有,大家比較常用的是Twitter Bootstrap,他提供一個網格系統,他把電腦平板和手機都分成12格,這樣我可以自己決定這邊要幾格那邊要幾個,不用自己去記憶那些解析度,他將畫面分成四種 xs: <768px sm: >=768px md

群組版規實務

圖片
社群媒體發達,生活中到處都有群組的影子,群組運作就了就會有越來越多光怪陸離的現象發生,為了解決這些問題,通常會進行管理團隊的推派與版規的建立,並不是所有的社群媒體都會有真正的群主(或稱之為群組管理者),例如Line群組就是個人人是版主、人人有權力的世界,所以第一個動作就是推派群主,雖然這個群主的操作權限不一定跟別人一樣,但是大家會約定成俗地由這些群主進行一些特殊的工作 警告 提出群組 制定群規 那群規有哪些東西要制定呢? 群組目的:至少要把當初建立群組的目的說清楚,這是接下來所有群規的依據 群規: 第一個群規大都是約束大家不要有情緒性字眼以及不尊重他人的字眼或指控 接下來會建議大家那些話題儘量避免,一般就是幾個:政治、宗教與違法議題 也會請大家避免進行借貸或者邀請大家投資等議題,如有需要就建立其他群組 如果真的要討論一些避免提及的議題,請詳細描述個人意見,不要只是轉貼 規定邀請機制,是要設定群組為公開或者封閉邀請制 不得任意修改群組名稱 懲罰規則制定:幾次違規要如何處理,幾次違規會踢出群組等等 群主權力的賦予,所有人約定成俗 尊重他人,所有人都有發言權,你沒有資格要求別人不要提出任何議題,除非版規有嚴格規定 是否禁止廣告或者限制發廣告的方法 是否允許早安圖、問候文等等 是否允許接龍 是否建立記事本收集成員資訊或者建立記事本提供成員分享資訊 以上是幾個比較常在板規中出現的資訊,但也可能因為實際狀況而增加相關資訊,大家就參考看看吧!

To App or To RWD?

圖片
手機的問市帶來許多便利,所有手機的功能統稱為App,對用戶而言很方便,但卻為開發工程師帶來無止盡的問題,是要開發成原生App還是做成RWD網頁?這個答案取決於你的目的與需求。 談到App,可以再次證明軟體是無價的,沒甚麼價值的,因為每一個人聽到一套App的開發價格要一百萬都覺得不可思議,但這是有道理的,他的複雜度包括 要一次開發兩個平台系統─iOS和Android 每一個平台都要支援最新的幾個版本 每一隻手機的解析度都不一樣,都要做通盤考量 上架有很多規範,尤其是Apple App Store,很難一次就通過審查 手機畫面較小,所以使用者體驗和網頁是完全不一樣的,需要有很長的需求確認時間 那如果我採用RWD網頁呢?如果以下功能並不是你的主要需求,那你只要建置RWD網就就好了 需要即時提供訊息給用戶 需要很方便地使用手機硬體元件,例如項機、麥克風等等 需要可以離線使用 (網頁一定要上網才能用) 想利用手機的支付系統 需要很特殊的使用者體驗(網頁所辦不到的) 如果以上功能不是你覺得重要的功能,就可以使用RWD自適應網頁就好了,用手機的瀏覽器就可以達成目的了,也不用高昂的開發費用。 另外還有一個關鍵因素要考量,就是你的App功能是否會經常更新,如果是,就不建議用原生App,因為App上架都需要審核,而網頁不需要,所以如果你的服務是需要經常更新的,那就不適合原生App了。 以下做個簡單的表格比較 這邊簡單介紹到這邊,之後再找時間介紹甚麼叫原生App?甚麼叫RWD網頁?