[問題] 關於這個網站的 sidebar

[tonytonyjan (南洋大兜蟲)]

我在逛 xdite 部落格時（http://blog.xdite.net）
對他的 sidebar 很感興趣，所以也想試著自己做一個一樣的功能

不過我很在意那兩個「>>」符號（http://tinyurl.com/8ysd9w9）

我利用瀏覽器去檢查頁面元素，只看到：
<span class="toggle-sidebar"></span>

結果什麼也沒有，我在資源裡面也沒有看到下載到類似圖案
所以我想也不是圖片

那就是文字了？

可是這到底是怎麼做的……有哪位前輩可以幫我解惑嗎？

此外，我覺得我找不到這東西怎麼做的原因在於我 trace code 的能力不足
也希望前輩能分享一些好用的工具，或是如何訓練去理解一個網頁的設計方式

---
我同時也在這裡分享我的方式：

其實我大多情況下都是用 chrome 內建的 console
除了可以看到 http 的 header 之外，還能看到每個 html element 的 css 內容
甚至可以直接下 javascript

而有些情況例如我在寫網頁時，用到一些動態表單，我會改用 firefox
配合 hackbar 和 firebug 來幫助我 debug
---

（但即使如此……我還是不知道那個「>>」是怎麼來的……Orz）

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 140.113.246.1
推 pm2001:css content
→ blestadsl:.toggle-sidebar::after
推 mrbigmouth:.toggle-sidebar:after {content: "\00BB";}
→ mrbigmouth:這CSS的用法真的很少見
→ mrbigmouth:而且這作者很機車的把CSS檔壓縮過了　超難找 -_-
推 mrbigmouth:哇靠　這個css應該是靠程式生產的　不是人寫的...
→ Canboo:要研究他人網站請善用開發工具看,速度比開檔案快上千倍
推 ducksteven:那個是 Octopress 內建的 theme ...
→ ducksteven:程式碼都在這：https://github.com/imathis/octopress
→ ducksteven:而且壓縮 css 是很常見的網站加速方式吧 -_-
→ tonytonyjan:原來是 Octopress ！想不到又再次看到他了！
→ tonytonyjan:感謝眾仙的指引！我知道他的特效是怎麼做的了^^
推 pm2001:壓縮又沒差,瀏覽器搭個開發工具就看光光了
→ ducksteven:壓縮是為了加速傳輸...
推 LaPass:壓縮過後沒關係，丟進eclipse 然後ctrl+shift+f 就整理好了