Advanced IP Address Calculator 子網路與遮罩計算器

Advanced IP Address Calculator 子網路與遮罩計算器

對於參加考試或網管人員,尤其是管理中、大型網路,其網段的切割、子網路及其遮罩的設置等等,都是要經過計算才能做很好的分配,然而對於新手而言,計算這些可能不是太好上手,這時可以透過 Advanced IP Address Calculator 這套免費的子網路計算器來協助,即便是用手算,也可以拿它來驗證。

Cas 實用的圖片目錄(縮圖)產生工具(免安裝)

Cas 實用的圖片目錄(縮圖)產生工具(免安裝)

若一個資料夾內儲存相當多的圖片,時間久後,常常會忘記裡面存放的那些內容,其實我們可以將該資料夾所存放的圖片,進行縮圖,並製作出一張該資料夾所有圖片的目錄,這樣,當我們要尋找該資料夾內的圖片時,也很輕易的就能找到我們想要的圖片。Cas 是一套可將資料夾內所有圖片彙整成一張圖片的免費生成工具,檔案很小,所有檔案加起來不到 100 K,且免安裝,操作又相當容易。

Chrome Screen Capture 由 Google 所開發的免費截圖 Chrome 外掛工具

Chrome Screen Capture 由 Google 所開發的免費截圖 Chrome 外掛工具

Chrome Screen Capture 是由 Google 官方所開發的 Chrome 瀏覽器免費外掛應用工具,支援網頁可視區域擷取、自訂區域擷取、整個網頁擷取成圖片及電腦螢幕擷取的四種擷取方式,擷取成圖片後,可以利用圖片編輯工具來編輯該圖片,或是利用 Chrome Screen Capture 所提供的簡易圖片編輯工具,像是加入框線、模糊、插入文字、畫線或箭頭等等,然後將編輯後的圖片儲存為 PNG 格式的圖片文件。另外,Chrome Screen Capture 可在 Windows、Linux 及 Mac 等作業系統應用,並可將擷取的圖片直接分享到 Picasa Web、Facebook 或是新浪微博,是相當方便的網頁擷取成圖片的 Chrome 擴展應用。

Collage It 實用的相片美術拼貼軟體

Collage It 實用的相片美術拼貼軟體

有很多免費軟體,像是 Shape Collage 可製做任意形狀的相片美術拼貼﹝繁體中文版﹞或是由Google所提供的 Picasa 軟體,都可以用來製作相片美術拼貼,Collage It 也是一套可以製作相片美術拼貼的免費程式,與前面所述的軟體不同的是 Collage It 除了可以自訂色彩雙搭的背景色之外,還可以透過調整圖片之間的間距、空間及相片旋轉的角度等等,靈活的產生拼貼,是一套相當實用且可自主的來產生相片美術拼貼。

Copy & Paste CSS 線上提供 Buttons、Box-shadows 及 Color palettes 已搭配好的 CSS 樣式,複製就可以使用

Copy & Paste CSS 線上提供 Buttons、Box-shadows 及  Color palettes 已搭配好的 CSS 樣式,複製就可以使用

階層樣式表 (Cascading Stylesheets;CSS) 主要用來塑造網站的特殊風格,例如有段文字要用紅色來標明重點或是網頁版面要呈現2欄或 3欄的架構等等,對初學者而言參考別人寫好的 CSS 語法,可以快速增加對 CSS 的靈活運用,「Copy & Paste CSS」 是個提供 Buttons 及 Box-shadows 的模板網站,使用者可以透過其展示的樣式,如果符合自己的需求,便可以複製其 CSS語法,然後套用到自己的網頁,另外,該網站的 Color palettes 還提供已搭配好的顏色組合,供你複製帶走。

CSS 3.0 Maker 線上 CSS 3.0 語法產生器

CSS 3.0 Maker 線上 CSS 3.0 語法產生器

Cascading Style Sheets 簡稱 CSS,這種可應用在網頁(HTML)或 XML 裡的結構式語法,能讓網頁在排版時呈現多樣式的變化、美觀網頁裡的元素(字型、字體、顏色、間距...)使其每個元素可以有自己的呈現方式,可說是網頁的排版師,也是每個網頁設計師必學課題。目前 CSS 的標準也從1.0、2.0 進展到最新的 3.0,提供了更多的樣式及效果,讓網頁可以變得更生動,對於某些要呈現的網頁效果也省去了使用像是 Flash 或是其它美工軟體來製作。CSS 3.0 Maker 就是一個相當好應用的 CSS 3.0 線上 CSS 語法產生器,對於所需要的效果,可利用其產生器進行調整設定,便能產生出針對各家瀏覽器的支援度所需要的 CSS 3.0 代碼。

CSS Grab n' Go Editor 可視化 CSS 語法產生器

CSS Grab n&#39 Go Editor 可視化 CSS 語法產生器

階層樣式表 (Cascading Stylesheets,CSS) ,最主要的功能就是讓 HTML 網頁上的元素套用不同的樣式,讓同一個元素可以有不同的樣貌呈現,不過對於初學者而言,要了解整個 CSS 語法規則並不容易,除了時間之外,如果有輔助的工具可以協助,相信可以更快的跨過門檻,CSS Grab n' Go Editor 是個可視化的 CSS 語法編輯器,其主要鎖定 border、box-shadow、text、filter、transform 常用屬性進行變化,用戶可以透過可操作的面板進行屬性值變更,且立刻可看到所產生的變化,完成整個調整,還可以快速產生 CSS、SASS、SCSS 及 LESS 相關語法,快速套用到元素上。

CSS 3.0 參考手冊 (中文版)

CSS 3.0 參考手冊 (中文版)

Cascading Style Sheets 簡稱 CSS,這種可應用在網頁(HTML)或 XML 裡的結構式語法,能讓網頁在排版時呈現多樣式的變化,目前 CSS 的標準也從1.0、2.0 進展到最新的 3.0,提供了更多的樣式及效果,讓網頁可以變得更生動,對於某些要呈現的網頁效果也省去了使用像是 Flash 或是其它美工軟體來製作。若是有學習 CSS 3.0 的需求,可以來參考這份 CSS 3.0 參考手冊,內容從語法、參數、使用方法、瀏覽器相容性到語法範例均有詳細說明,是相當好的入門手冊。

CSSDesk 可在線上編輯 CSS 並提供即時預覽的免費服務

CSSDesk 可在線上編輯 CSS 並提供即時預覽的免費服務

CSS (Cascading Style Sheets) 這種可層疊的樣式表,被應用在網頁的排版與美觀,對於網頁編輯的初學者來說,大概都會利用網頁元素中的 Style 屬性,直接定義 CSS,因為這樣最直觀也最方便, 若想要學習 CSS 語法時,當然也是能寫完就能即時預覽是最直觀的,CSSDesk 便提供了一個可在線上編輯 CSS 並提供即時預覽的免費服務,讓你所學立即能應用,值得一提的是,一進入 CSSDesk 網站後,其所提供的範例就是一個可四周圓角的 CSS 範例,讓不享用圖片來做圓角框的設計師,可以立即運用。