原创 基於HTML5實現的在線3D虛擬試衣系統(試衣間)解決方案

3D虛擬試衣系統的使用場景主要是在線電商或數字營銷,爲品牌服裝、服飾、飾品添加高端3D虛擬購物動效,提升用戶感官體驗和交互體驗。要研發這樣的在線系統,有2個方向,一個是使用Flash或Unity3D這些第三方網頁插件,第二個就是純Web方

原创 學習使用CSS做進度條

進度條是基礎的界面控件,可用於多種場合,比如任務完成進度,手機充電狀態等。本文介紹一個簡單實用的進度條製作方法。預期效果如下圖所示:直觀上,我們可以把該進度條控件分爲2個部分,外部的邊界用來表示固定的目標範圍,裏面的條形部分用來表示當前進

原创 使用Canvas繪製不完美/不規則的圓形

真實世界是不完美的,當我們需要模擬真實世界時,經常需要引入不完美/不規則的形狀。比如隕石、雨滴、行星、樹葉、綿延的海岸線、雲朵等。本文介紹如何基於Canvas生成隨機大小的不完美圓形,所用方法適用於很多場合,一個典型的用例如逼真的下雨場景

原创 CSS3特性查詢(Feature Query: @supports)功能簡介

這是2017年不能不瞭解和學習的一個CSS新特性,非常實用,考慮到現實世界瀏覽器的複雜性,該特性本應該先於其他新特性出來。我們已經知道使用媒體查詢(Media Query)來檢測屏幕尺寸,從而實現響應式界面設計。而特性查詢則用來查詢用戶代

原创 Yii1中Model中Relation定義和with、together方法使用注意點

在Yii中如果使用Model(ActiveRecord)來完成聯合查詢,我們首先需要在Model中定義關聯關係。Yii並不會默認進行關聯查詢,我們需要使用類似如下的代碼:Article::model()->