利用影片來做背景動態效果

malagege published on 2014-07-06 included in 網頁特效

最近逛到未確認進行式動畫官網
看到背景是動態畫面，第一個直覺這是Flash
但右鍵不是!!!!
奇怪就算是HTML5播放影片右鍵應該可以控制影片

說話框放大縮小特效、背景置中

malagege published on 2014-07-06 included in 網頁特效

前幾天逛到暗殺教室動畫官網

指要把滑鼠移到暗殺老師頭，旁邊就會跑出說話框

記錄網頁特效動機

malagege published on 2014-07-05 included in 網頁特效

最近看到一些日本動畫網站做的越來越厲害
以前看到動態以為是Flash做出來的東西
但仔細一看，竟然是HTML5+JavaScript合出來的東西
於是我對一些網站製作手法開始有興趣了

AngularJS讀取載入檔案資訊

malagege published on 2014-07-03 included in AngularJS

http://www.dotblogs.com.tw/regionbbs/archive/2012/06/28/html5.file.api.aspx http://odetocode.com/blogs/scott/archive/2013/07/05/a-file-input-directive-for-angularjs.aspx http://stackoverflow.com/questions/16579427/html5-file-upload-with-angularjs http://plnkr.co/edit/JPxSCyrxosVXfZnzEIuS?p=preview http://plnkr.co/edit/HEA7wYq8Uv0Ee0J4SX7u?p=preview html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!doctype html> <html ng-app="plunker" > <head> <meta charset="utf-8"> <title>AngularJS Plunker</title> <script>document.write('<base href="' + document.location + '" />');</script> <link rel="stylesheet" href="style.css"> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.js"></script> <script src="app.js"></script> </head> <body ng-controller="MainCtrl"> <input type="file" filelist-bind multiple="multiple" name="files"/> <br> files : <pre>{{ files | json }}</pre> </body> </html> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 var app = angular.

last登入資訊不見了!!!

malagege published on 2014-07-01 included in Linux

今天在宿舍連家裡的動物機連不進去，後來就用真實IP連線去了
登入後馬上下意識用last去看一下登入狀況
結果發現只有一條剛剛登入的訊息!!!

Bootstrap相關不錯的工具網站

malagege published on 2014-06-26 included in 網站記錄

http://www.webmart.tw/blog/15-best-bootstrap-tools-for-designers/ http://bootswatch.com/

瀏覽器播放影片控制開始時間和結束時間

malagege published on 2014-06-25 included in HTML

最近在想有沒有瀏覽器播放MP4控制播放時間
結果一搜尋還真的有耶!!!

在(Start HTML5 video at a particular position when loading?)[http://stackoverflow.com/questions/5981427/start-html5-video-at-a-particular-position-when-loading]這篇找到相關方法

Apache設定區域IP免BASIC認證就直接進入網頁

malagege published on 2014-06-21 included in Apache

最近厭煩在家還要輸入Basic認證才能線上聽到我的Raspberry Pi上音樂
看了大多數htaccess設定都沒辦法達成我想要的結果

最後在.htaccess - Allow IP address without authentication - Stack Overflow這篇找到正解

不同桌面解析度用CSS調整圖適中的方法(max-width)

malagege published on 2014-06-14 included in CSS

今天用平板電腦看Glayer
發現橫向、直向看某圖大小非常不一樣。
起先我以為是我的錯覺，在經過用Firefox確實大小不一樣。

AngularJS新手小試

malagege published on 2014-06-14 included in AngularJS

AngularJS是一個MVC架構JavaScript Framework，是這幾年比較紅的。詳細介紹維基

最近簡單做了簡單輸入檔案計算，如下

程式狂想筆記