"June, 2016" 有16篇文章

首頁  /  2016  /  June

當只有一張圖片的時候、隱藏Bootstrap Carousel 的箭頭和按鈕

現今有許多網站都會使用輪播圖片的方式來傳達訊息,網頁瀏覽者也可自行左右移動圖片,但如果在圖片只有一張的情況下,多餘的箭頭或按鈕只會混淆瀏覽者,這時候我們就可以將他們隱藏起來。 <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel"

一次搞懂AS2!

在個人電腦普及的今天,紙本書信已漸漸減少,取而代之的是以網際網路為基礎的電子文件傳輸/交換,舉例來說像是E-mail,即時通訊軟體等等。而企業與企業之間的溝通上,為節省成本及時間而漸漸改用無紙化作業,一切資料往來盡可能使用電子的方式傳輸。 然而,問題來了!由於網際網路的普及及方便性,且任何人都能夠使用,資料在傳輸時有被竊取的風險,甚至可能發生有人假冒你要傳輸資料的對象的情況發生,嚴重威脅企業的資安保密。   那到底該怎麼辦呢?!難道要放棄回去改用傳統紙本文件嗎?! NO!只要有了AS2,企業間就可以安全的交換電子資料了!   什麼是AS2?

設計網站時,你是否考量過Ad Blockers的情況?

Smashing Magazine統計指出,有75%使用者都安裝了廣告阻檔軟體(Ad Blockers) 當你網站使用廣告區塊,卻被阻擋掉時,是否考慮過畫面會變成怎麼樣呢? 嚴重的可是會讓整個網頁版面跑掉喔。 由於現今有許多提供資訊的網站,免費讓讀者接收知識,這些網站會需要藉由廣告區塊來增加收入,但由於廣告的濫用導致使用者反感度大增,讓廣告阻檔軟體安裝量不斷攀升,根據Smashing

Photoshop教學【CC 影片編輯】圖層樣式動畫

今天astralweb要與大家分享使用Photoshop CC 2015做圖層樣式的動畫,一起來看看如何製作吧! ※本教學使用版本Adobe Photoshop CC 2015 ※本教學需先對工具使用有基本認識   1. 開啟動態介面   2. 開啟我們要的視訊規格   3. 點選建立視訊時間軸   4. 此時時間軸上有個圖層1,是原本的背景   5. 我們可以直接增加物件   6. 然後開啟該物件的圖層樣式   7. 對圖層樣式做設定   8.

Photoshop教學:【影片編輯】透明度動畫

今天astralweb要與大家分享使用Photoshop CC 2015製作透明度動畫,一起來看看如何製作吧! ※本教學使用版本Adobe Photoshop CC 2015 ※本教學需先對工具使用有基本認識 1. 開啟動態介面   2. 置入要製作的影片   3. 置入要做透明度的圖片   4. 將它拉出視訊群組資料夾圖層   5. 在時間軸上調整位置   6. 將時間長度做修改   7. 展開時間軸中的選項   8. 點選不透明度前的”計時器圖示”   9.

在行動裝置上避免點擊輸入框時畫面放大

您有沒有遇過這樣的情況:當使用手機瀏覽網頁時,點擊輸入框準備輸入文字時,畫面放大了。若是不希望畫面放大該怎麼做呢? Astralweb在這邊提供您二個作法。 使用meta tag 禁止畫面縮放 在<head>標籤內輸入 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> 使用方法不止點擊輸入框時畫面不會放大,就連其他的畫面縮放功能也一併禁止了。   幫輸入框設定字級 使用CSS幫輸入框設定字級

如何解決網站圖片在iPad和iPhone上方向不正確的問題

您有沒有遇過這樣的情況、上傳到網站的照片明明在各種裝置都能正常顯示、偏偏在iPad和iPhone上就是倒的。 當我們使用數位裝置拍攝照片時、會同時在圖片中存入EXIF資訊、其中包含了相機的製造商及型號、快門光圈、照片的方向等。之所以會有照片只在iPad和iPhone上倒置的情況出現、原因就是因為在判斷照片方向性的這個資訊上,Apple的裝置和其他裝置得到了不一樣的結果。最簡單的解決方法就是先清除掉照片的EXIF資訊再上傳。  

Magento: 如何自訂交易郵件的Header及Footer

本篇文章要跟大家分享如何在Magento後台自訂交易郵件的Header及Footer。 設計新的Header及Footer   1. 進入System > Transactional Emails   2. 點選Add New Template   3. 載入預設的Header 模板(Template)   4. 編輯新的Header 您也可以略過載入模板的動作、直接在Template Content裡編輯內容。重覆2-3的動作設計新的Footer模板。   設定新的Email Header及Footer   5. 進入

SASS: 如何幫產生的css指定編碼為UTF-8

font-family: Arial, '微軟正黑體'; 如果您的css檔案跟上面一樣使用了「中文名稱」字型,為了讓瀏覽器正確辨識字型名稱,我們必須要在css檔案的最前面指定編碼為UTF-8編碼   @charset "UTF-8"; 那在使用sass時要怎麼幫產生的css設定編碼呢? 只要打開專案設定檔config.rb,加上底下這一行設定、再重新compass watch就可以了   Encoding.default_external = 'utf-8' 只要加上這一行、就會讓sass產生的css檔案最前面出現@charset

Github如何在二階段驗證啟用時進行版本庫的更新

因為網路安全性越來越受重視,當然各種網路服務也都為了加強而增加各式各樣的防護,就例如二階段驗證。 過去上網只要登入帳號密碼,後來為了防止被暴力破解登入,多出了驗證碼;而最近很多網站服務又多了大家都已經很耳熟的二階段驗證,簡單來說就是登入後再透過手機簡訊或是撥免費電話號碼解鎖的方式,讓帳號安全更多一層保障。 只是問題是,二階段驗證的模式是增加了安全性,可是有很多時候,帳號會有別的功能用途,技術上是無法透過二階段驗證的方式來使用的,就例如今天的例子,Github版本控制。 Github的帳號如果設定二階段驗證,想要推送版本時,會出現驗證不通過的錯誤:

讓網頁連線加密(https)!如何讓網頁伺服器取得免費SSL憑證(Let’sencrypt)

HTTPS在現在已經是個不算太陌生的名詞,現在大多數人都知道透過HTTPS瀏覽網頁能更加保障自己的上網隱私,降低被人從中竊取資訊的風險。 所以瀏覽網頁當然是透過HTTPS瀏覽比較好啦! 只是做過網站的都知道,通常HTTPS要SSL憑證是要花錢的,因此一直以來HTTPS在小型網站或是個人網站都無法普及,不過現在只要你會一些伺服器的指令操作,Let′s Encrypt就可以提供有條件的免費SSL憑證。 此介紹範例環境以,Ubuntu Linux,Nginx為例,會將新增的測試資料置放於/home/test/下。   1.安裝Let′s Encrypt。

關於PayPal支付,你該知道的七件事情

相信大部份人對於PayPal這間公司應該不陌生,它提供了一個非常簡便的付款渠道,且支援大多數的國家付款,對於有跨境電商需求的廠商來說更是非常便利。但是,關於PayPal的一些小知識,你都清楚了嗎? 以下我們將列出幾個使用者經常會提到的問題:   1. 當客戶付款後,我要多久才能收到款項呢? Ans:基本上,當客戶完成付款後,PayPal都會即時到帳的。   2. PayPal Standard, Express, Pro有什麼不一樣?

簡易SEO入門(三)-SEO是在網路成功的關鍵因素

SEO是在網路成功的關鍵因素 不斷變化的SEO 當搜尋引擎在1990中期開始出現後,手動提交內容(manual submittion),Meta Keywords Tag, 以及關鍵字堆砌都是必要的戰術。2004年開始,極儘可能地創造連結和錨點文本(anchor text),從部落格中購買自動的垃圾評論注射器(就是以前在無名小站看到的那些垃圾留言機器人),瘋狂創造內部連結的網站農場等等均可提升流量。 2011年開始,社群媒體行銷,以及專精於垂直搜索成為SEO的主流方式。直到現在,搜尋引擎一路以來改進了很多規則,換句話講,十年前的SEO手法到現在反會成為傷害你網站的主因。

簡易SEO入門(二)-Crawling&Indexing

  搜尋引擎有兩個主要的功能:抓取(Crawling)跟索引(Indexing)。為了解答用戶的疑問,藉由抓取WWW網路上幾十億文檔,網頁,文件,消息,影片,媒體等等,並提供正確的索引,來提供給搜索用戶最相關的回覆和網站排名列表 Crawling(抓取)跟Indexing (索引) 是做什麼用的? 試想虛擬網路是一個大城市內的地鐵系統。搜尋引擎行進的方式是Links (連結),網頁的連結結構用於將所有的網頁綁在一起(地鐵網),每個站點是一個頁面(通常是一個網頁,有時候為PDF, JPG或其他文件)。搜尋引擎用一種特殊自動化機器人,簡稱“Crawlers“(爬蟲)或

如何備份Magento的系統與資料

備份是非常多人常常會需要做的動作,像是學生時代需要備份學期報告、上班時需要備份電腦資料等,尤其像是伺服器、系統等資訊檔案,更是需要定期備份,或是在進行二次開發時以及資料轉移時,也都需要進行備份的動作。 下面我們就教大家在Magento上如何快速備份資料 首先登入你的Magento後台,並進到 system > Tools > Backups           選擇欲備份的資料 接著你會看到右上角有三個備份按鈕,分別是: Syste Backup 系統備份 Database and Media Backup 資料庫與多媒體資源備份

HTTPS 跨時代的網路資安新方法

在數位世界中,如何確保個人隱私的保密及安全一直是大家都非常關注的議題。同時,電商經營者也希望藉由安全性能的提升,確保他們的客戶能享有最安全的瀏覽及購物經驗。 從過去的一年到最近,有幾起關於保護個人數位資訊隱私的新聞值得讓我們留意:FBI要求Apple提供破解iPhone的程式但遭到後者拒絕、知名通訊軟體WhatsApp將所有通訊內容改為使用加密連線傳輸、極受歡迎的部落格平台wordpress.com將所有註冊在其網域下的部落格改為HTTPS連線、甚至搜尋引擎巨擘Google也宣布將會對全站採用HTTPS連線的網站提升排名。這些全球知名企業對於資訊傳輸安全性的重視實質上反應了使用者的需求。