• 這是一篇加密文章,請輸入密碼
  • 密碼提示:
  • 請輸入密碼:

在Google Analytic裡面最常用到的就是-「進階區隔」

再設定的時候會有幾個比較常用的進間區隔變數,這邊來做個小筆記:

 

進階區隔變數 要打的搜尋內容

主機名稱   就是你完整的網域名稱(ex: www.sony.com.tw)

cabuchi 發表在 痞客邦 留言(0) 人氣()

 系統操作指令 

重開機

reboot

列出之前打過的指令(存在個人目錄下的 .bash_history裡面)

文章標籤

cabuchi 發表在 痞客邦 留言(0) 人氣()

這次介紹的Scrolling Parallax jQuery Plugin

主要是用在可以把背景div,在捲動卷軸時,可以有不一樣的速度

達到視差滾動的效果(Parallax scrolling

 

說了這麼多,先來看範例最快吧:

文章標籤

cabuchi 發表在 痞客邦 留言(0) 人氣()

<!DOCTYPE html>
<html>
<metahttp-equiv="Content-Type"content="text/html; charset=UTF-8">
<title></title>
<head>
<script type="text/javascript">
/*
 * indexOf():回傳第一個符合條件的字元位置
 * lastIndexOf():從最後一個字串開始搜尋符合條件的字元位置
 */
var str1 = 'ilonaliao@gmail.com';
document.write("str1.indexOf('a'):"+str1.indexOf('a') +'<br>');//從第一個字元開始找 第一個為[0]
document.write("str1.indexOf('ilona'):"+str1.indexOf('ilona') +'<br>');
document.write("str1.indexOf('ilona',10):"+str1.indexOf('ilona',10) +'<br>');//第10個字元開始找ilona字元 因為已經超過->找不到故為-1

document.write("str1.lastIndexOf('l'):"+str1.lastIndexOf('l') +'<br>');//一樣從左邊數來右邊
document.write("str1.lastIndexOf('gmail'):"+str1.lastIndexOf('gmail') +'<br>');
document.write("str1.lastIndexOf('gmail',15):"+str1.lastIndexOf('gmail',15) +'<br>');
</script>
</head>

<body></body>
</html>

 

前台顯示:
str1.indexOf('a'):4
str1.indexOf('ilona'):0
str1.indexOf('ilona',10):-1
str1.lastIndexOf('l'):14

cabuchi 發表在 痞客邦 留言(0) 人氣()

Smooth scrolling demo

<script src="smoothscroll.js" type="text/javascript"></script>

<a href='#tag1'>click</a>
<a name='tag1'>title name</a>

 

cabuchi 發表在 痞客邦 留言(0) 人氣()

利用css裁剪圖片有兩種方法,如下:

【方法一】

可以利用overflow: hidden;屬性,把多出來的圖片隱藏起來

在最裡面那層img,利用margin去調整圖片要顯示出來的位置  

div.field-content {

cabuchi 發表在 痞客邦 留言(0) 人氣()

由於各瀏覽器不同公司各自為政,沒有依照W3C的規定標準作,

所以才會有同一個語法,但在不同瀏覽器呈現的卻不同的問題

因此才會有reset.css這支成是去幫你做統一的動作!很方便唷!

 

下面是目前最多人使用的Eric Meyer v2.0版本

cabuchi 發表在 痞客邦 留言(0) 人氣()

<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" src="jquery.backgroundPosition.fixed.js"></script>

 

<style type="text/css">
div {

cabuchi 發表在 痞客邦 留言(0) 人氣()

若你要讓自己的網站,可以在google上面有更好的曝光率

我們可以加入google sitemap計畫

Google網站管理員工具裡面建立你網站的sitemap,你可以參考這裡建立

讓google搜尋引擎知道你網站的架構以及權重

進而增加搜尋引擎蜘蛛Bot檢索你網站的效率!

文章標籤

cabuchi 發表在 痞客邦 留言(0) 人氣()

當你的圖片是用<img src=''>置入div時可以利用此方法

來裁切掉你的圖片

(ps 所以當你是用background的方式用css置入圖片的話

就可以利用css指令background-position與設定width操控你要顯示的位置瞜)

 

cabuchi 發表在 痞客邦 留言(0) 人氣()

  • Apr 09 Mon 2012 20:55
  • 4/8

明明很多時候可以提出來溝通  為什麼做不到

說出來可以改變很多狀況

其實很多事情都不是表面上的如此 你知道的

那為何不做點解釋

 

cabuchi 發表在 痞客邦 留言(0) 人氣()

transform: rotate(20deg);
-webkit-transform: rotate(20deg); Chome
-moz-transform: rotate(20deg);      Firefox
-o-transform: rotate(20deg);

圓角

cabuchi 發表在 痞客邦 留言(1) 人氣()

<body>
  <header>...</header> <nav>...</nav>
  <article>
   <section>
   ...
   </section>
  </article>
 <aside>...</aside>
  <footer>...</footer>
</body>

文章標籤

cabuchi 發表在 痞客邦 留言(0) 人氣()

當你使用最新的HTML5標籤

<header></header>
<nav></nav>
<article></article>時

開啟Firefox Chome時都沒問題

cabuchi 發表在 痞客邦 留言(1) 人氣()