Complete Anatomy 使用 3D 了解人類身體結構

Complete Anatomy 使用 3D 了解人類身體結構

維護生體健康,不是只靠醫生,更要從自己做起,對很多人來說,會認為人的身體結構,那是醫生該去了解與研究的事情,但事實不然,如果能在日常生活中,透過學習來了解如何保健、自身身體結構狀況,更能讓自己在所接觸到的健康資訊中,判斷出真偽,而非盲目跟從。Complete Anatomy 是一套 Windows App,其將人類骨骼、肌肉、器官等組成使用 3D的方式來呈現,並使用圖層的方式,抽絲剝繭,讓不是讀醫學的我們也能從中窺知一二,甚至當小朋友問起時,做家長的我們也更容易讓孩子理解。

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 參考手冊,內容從語法、參數、使用方法、瀏覽器相容性到語法範例均有詳細說明,是相當好的入門手冊。

線上 CSS 參考手冊,包含範例演示

線上 CSS 參考手冊,包含範例演示

對於要編排網頁的格式、美化網頁的外觀,不懂 CSS 大概很難做出,想要學習 CSS 語法,當然就要有本語法手冊,有了語法手冊,最好還要有範例可以參照,而且這個範例還要能夠在瀏覽器執行並且可以看出立即的效果,最後,當然還要能顯示出範例與語法所支援的瀏覽器種類,免得做白工,以上這些,你都可以在線上參照 CSS 參考手冊來達成。

Enjoy CSS 線上 CSS 語法產生器

Enjoy CSS 線上 CSS 語法產生器

CSS 是可以用來排版與美化網頁內各種元素的腳本語法,不論是整體布局或是內含元素的美化,均需要透過 CSS來完成,而 CSS 語法說難不難,說簡單也不簡單,尤其是對專攻程式或初學者的用戶來說,還是有學習門檻的,但還好網路上這方面的輔助工具有不少,EnjoyCSS 便是其中的一個,透過該網站所設計的介面,使用者僅需調整所需要參數,便可以輕鬆產生網頁常用到的元素,像是文字、輸入欄、按鈕、區塊會使用到的 Text、Background、Shadows、Border and Radius、Transition、Transform 等效果的 CSS 或是 LESS、SCSS 腳本語法,且還提供各瀏覽器所支援的程度,讓你可以快速佈局到自己的網頁內。

CSS3 Animation 套用 CSS 3 動畫語法範本,就讓網站輕鬆動起來

CSS3 Animation 套用 CSS 3 動畫語法範本,就讓網站輕鬆動起來

以前想要讓網頁有動畫效果,多數要靠 JaveScript、GIF 或是 Flash,而現在則可以透過 CSS 3,不過想要透過 CSS 3 語法來做動態特效,其學習門檻著實不低。但若只想在網頁放一些較為簡單的特效,可以來參考 CSS3 Animation 這個網站所提供的 CSS 3 動畫語法免費範本,下載後,只要經過簡單的語法加工,就能套用範本,讓自己的網頁輕鬆動起來。

CSS Animate 線上 CSS3 動畫產生器

CSS Animate 線上 CSS3 動畫產生器

CSS 是用來控制網頁的布局與樣式,對圖檔與動畫的支援都不多,因此,大家看到網頁所呈現的圓角、陰影、漸層、半透明...等特殊效果,幾乎都由圖片來完成,當然網頁載入的速度也就會慢一些,而 CSS3 除了 CSS 原有的屬性外,大幅增加對圖像與動畫的語法支援,以前要用圖片處理的圓角、漸層、陰影...等等,都可以靠 CSS3 來完成,另外,為增加網頁的可看與互動性,CSS3 的動畫屬性,也讓製作者減輕製作的成本,更讓觀看的用戶,免去瀏覽器安裝擴充程式所帶來的資安風險與惡意程式的假藉更新名義實則進行勒索攻擊等問題。CSS3 立意很好,但對初學者來說門檻很高,我們可以透過像 CSS Animate 這類的線上免費工具,加快我們的學習並製作出具水準的動畫。

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

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

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

Cyotek Spriter 自動產出圖片型網頁的 CSS 及 HTML程式碼

Cyotek Spriter 自動產出圖片型網頁的 CSS 及 HTML程式碼

如果不熟悉 HTML 與 CSS ,卻想要將自己所拍攝或蒐集來的圖片,放到網頁上,該如何做呢?Cyotek Spriter 這套免費的應用程式應該可以幫到你,從網頁布局、圖片挑選、CSS 套用、特效等,都可以透過圖形化的介面來操作,完成後,可預覽,並自動產生 HTML 及 CSS 程式碼,省去學習門檻,專注在攝影領域。

DevDocs - Web 開發者必備的線上文件手冊

DevDocs - Web 開發者必備的線上文件手冊

對於要開發 Web 應用程式的初學者而言,要學的範圍很廣,最基礎的就有 HTML、JavaScript 與 CSS,若是還想結合資料庫,那可能還會選擇 PHP 或是 ASP.NET 等的開發工具來搭配所選的資料庫,因此,就基礎來說,一套有系統的整理各語法的使用方法與使用範例,絕對是初學者最快入門的方式。DevDocs 整理出 HTML、CSS、JavaScript、DOM、DOM Event、HTTP 等 Web 開發必須用到的各種語法並配上使用範例,縮短你在 Web 開發上摸索的時間與加快學習的腳步。

distort images 將圖片加上網格後,利用滑鼠扭曲圖像

distort images 將圖片加上網格後,利用滑鼠扭曲圖像

覺得照片中的人物或景象,不盡理想,例如想要讓相片中的人物,有喜、怒、哀、樂的感覺,那該如何調整呢?如果是使用圖片編輯軟體,那可能需要一輪的摸索與學習才能上手,而且未必能做出心中所想像的。distort images 是一個線上的免費工具,主要功能就是來扭曲圖片中的圖像,用戶可以根據要調整的位置,自訂打在圖片上的網格數,透過網格的輔助,再利用滑鼠來調整圖像,一次就能上手,簡單又輕鬆。

douban.fm 豆瓣電台 線上免費隨機不間斷播放華語、歐美及粵語音樂

douban.fm 豆瓣電台 線上免費隨機不間斷播放華語、歐美及粵語音樂

「douban.fm 豆瓣電台」 是一個可以線上收聽華語、歐美及粵語音樂的網路免費服務,其特色在於不需要任何播放列表,也不用費心想要聽什麼類型的音樂,只要打開「douban.fm 豆瓣電台」 ,便可藉由該服務隨機撥放音樂,若是註冊用戶,「douban.fm 豆瓣電台」 的後臺機器人還會不斷紀錄及學習你個人所喜愛的音樂類型,模擬出你真正想聽的好音樂。