如何讓網站在行動裝置更快

A recent study found that more than 80% of people are disappointed with the experience of browsing Web on mobile devices and would use their smartphones more if the browsing experience improved.

This isn’t surprising when 64% of smartphone users expect websites to load in 4 seconds or less, while the average website takes more than twice that amount, at 9 seconds. This article explains techniques you can use to make your websites faster on mobile devices.

User experience on mobile devices usually has room for improvement. (Image: Phil Campbell)
Download Speeds For Mobile Users

Let’s start by looking at what influences the loading speed of a website on a smartphone.

整套icon之icomoon.io

Browse and select icons to download them or make a font. You may import SVG images or fonts too.

SCSS入門筆記

什麼是 SASS ?

Syntactically Awesome Stylesheets 語法很棒的樣式表 SASS是css3的擴充,增加了變數巢狀繼承函式等功能 

淺談 section 運用以及與 outline 間的關聯

HTML5 正夯? 恩,其實夯很久了!而 HTML5 絕對不只有語意那麼簡單罷了,它包含了很多前端的新功能與新技術,語意只是其中的一小小小塊。

今天要跟大家分享的是<section>標籤,網路上有很多關於<section>的解說,常見的文章是拿來跟<article>比較,可是我看了很多篇都似懂非懂…,所以又跑去看了國外的文件。從今年開始,我寫的 HTML 會漸漸從 XHTML 的 !DOCTYPE 走向符合 HTML5 的 !DOCTYPE,也就是在 HTML5 DOCTYPE 文章提到的<!DOCTYPE html>

隨著 HTML5 的規格釋出,語意會是我優先嘗試的部份,從整個網頁結構以及 SEO 來看,語意是 HTML5 的必備基礎知識,所以我們就先從<section>開始吧!

字體的心理學

Crafting an invitation or a ticket is an art. We have to take into account things like layout and structure, color scheme, text boxes and of course the appropriate font! Here's an infographic on the psychology of fonts and the type of events certain fonts are suitable for. 

Google 已經從Blink移除了880萬行的WebKit程式碼!

Google’s decision to fork WebKit and launch its own Blink rendering engine came as a surprise when the company made the announcement just over a month ago. Yesterday at the Google I/Odeveloper conference, the Blink team provided an update about the state of the engine. As Alex Komoroske, a product manager on Chrome’s Open Web Platform told the audience, the team has already removed 8.8 million lines of code from the original WebKit repository.