原创 canvas學習1

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> #myCanvas

原创 Canvas製作 撞球遊戲 簡單易學

http://jsfiddle.net/DkNb4/ 首先基本的canvas api 要掌握 var canvas = document.getElementById('canvas'); var x = 50; var y = 5

原创 css3讓div隨鼠標移動而抖動起來

最近發現一個網站,感覺用戶體驗不錯,特別是一些背景圖片隨着鼠標的移動的反向的移動,感覺跟不錯,於是就試着寫了個小demo模仿一下 http://www.kennedyandoswald.com/#!/failure-intro-a-po

原创 阿薩斯的

啊颯颯大師阿薩德

原创 Android 開源框架Universal-Image-Loader完全解析(一)--- 基本介紹及使用

轉載請註明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/26810303),請尊重他人的辛勤勞動成果,謝謝! 大家好!差不多兩個來月沒有寫文章了,

原创 nodejs less 配置相關

less 全稱 lesscss 看名字就知道跟css有關了, 我的理解 less就是爲了簡化大量的css代碼而出現的,當你用了less之後,可以把你的css代碼, 規範化,模塊化,便於維護和重構。 less分爲客戶端和服務器端。

原创 Javascript基本概念梳理

javascript裏的數據類型: 原始類型:數字,字符串,布爾值。(原始值:null,undefined) 對象類型:鍵值對,數組,function,全局對象(MATH,JSON) 保留字: abstract boolean byt

原创 box2d 初識 強大的物理碰撞引擎 結合canvas

一個小的Demo http://jsfiddle.net/qAjPt/ Box2D是一個用於模擬2D剛體物體的C++引擎。作者爲Erin Catto。Box2D使用zlib許可。zlib許可是一個自由軟件授權協議,但並非copylef

原创 PHP CutyCapt生成網頁url截圖

Requirements: 1,需要一個linux系統。 2, X-Server。(在命令行下實現對X-server的模擬,渲染圖形進行緩存)-在沒有安裝X-Server的環境下提供圖像渲染) Agenda: 以ubuntu系統爲

原创 css3仿天貓側邊欄

演示:http://jsfiddle.net/Adce2/ 主要思路:  1, 首先畫出側邊欄的html。  2, 利用css3屬性分別爲close sidebar-content添加顯示和隱藏的動畫。  3, 利用css3的keyfr

原创 BFC是什麼?

BFC 已經是一個耳聽熟聞的詞語了,網上有許多關於 BFC 的文章,介紹瞭如何觸發 BFC 以及 BFC 的一些用處(如清浮動,防止 margin 重疊等)。雖然我知道如何利用 BFC 解決這些問題,但當別人問我 BFC 是什麼,我還

原创 css3 animation動畫事件

當使用css3時,會遇到利用@keyframes來定義動畫事件,利用下面3個事件,可以捕捉當前元素的動畫: AnimationEnd //動畫結束時 AnimationStart  //動畫開始 AnimationIteration

原创 關於顏色的

文字的強調 1.行首的強調 將正文的第一個字或字母放大並作裝飾性處理,嵌入段落的開頭,這在傳統媒體版式設計中稱之爲“下墜式”。此技巧的發明溯源於歐洲中世紀的文稿抄寫員。 由於它有吸引視線、裝飾和活躍版面的作用,所以被應用於網頁的文字編排中

原创 ss

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Phaser - Getting started</t

原创 css僞類before after 實現立體效果

div { width:200px; height:200px; border:1px solid #ccc; position: relative; background-color:#fff; float: left;