iT邦幫忙

網頁設計相關文章
共有 579 則文章
鐵人賽 DAY 1

達標好文 技術 Day1- 入門AngularJS筆記與前端領域的學習筆記分享介紹

我是AnnaSu、是剛進入前端領域不久、努力學習中的初級F2e, 本身是個網路素人、沒有深厚的背景,沒有太多寫技術文的經驗。 期望透過三十天的不間斷筆記,用力...

達標好文 技術 不要把網頁 cache 起來的語法

一些動態網頁,可能會被瀏覽器 cache 起來,而看不出其變化,原來有以下幾個語法可防止被 cache ,而每次 query 就都到網站來抓該網頁。 一般HTM...

鐵人賽 DAY 8
30天掌握Sass語法 系列 第 8

達標好文 技術 30天掌握Sass語法 - (8)Sass、Compass環境安裝流程教學

之後會講到Compass的功能, 它是一個支援Sass的強大工具, 所以這裡就順道講一下該如何在windows的環境下使用Sass, 同時錄製安裝流程影片,提供...

技術 利用Firebug的console功能作JavaScript偵錯

Firebug是Firefox上的一個超好用plugin,在開發網頁時,不管是用來檢視DOM,修改CSS、甚至是Ajax程式的資料遞送,都能透過它來增加開發效率...

鐵人賽 DAY 6
30天掌握Sass語法 系列 第 6

技術 30天掌握Sass語法 - (6)利用Sass「@mixin」,讓你省去重複撰寫相同CSS樣式的時間

在以前寫CSS的時候, 我們時常會遇到以下的情境, 在開發多種CSS樣式時,會講第一次寫的程式碼複製貼上後, 再進行修改,但當樣式整個大修時(例:圓形改方形),...

鐵人賽 DAY 2
30天掌握Sass語法 系列 第 2

達標好文 技術 30天掌握Sass語法 - (2)SASS該怎麼寫?會和純CSS寫法差很多嗎?

寫過CSS的朋友都知道, CSS並不像是其他程式語言 擁有類似變數、條件等方式來撰寫, 僅只能一行行來進行編輯,所以當今天有很多地方需要去做修正時, 就必須花很...

鐵人賽 DAY 13
網路趴趴走 系列 第 13

技術 網路趴趴走-13:超過十萬首免費音效素材的「soundsnap」

有趣、巧妙、獨特又適合的音效素材要到哪裡找呢?別一個頭兩個大了,「soundsnap」輕鬆解決你的難題,讓你笑逐顏開。 「soundsnap」,一個擁有超過十萬...

達標好文 技術 網站架設怎麼做?23篇不藏私教學(網頁製作流程、Blog推薦、公司費用 ..)

****** 「網址」+「主機」+「wordpress安裝」一次完成 ******* 全文請看:網站架設怎麼做? 網域是什麼? 網域也稱為「Domain N...

鐵人賽 DAY 18
網站系統規劃實務 系列 第 18

達標好文 技術 網站系統規劃 - 說明網站基礎建置(CodeIgniter 篇)

本篇文章作為第三週的第四篇,我們要原訂是要談視覺跟資料表共舞,但是由於撰文進度落後, 所以我們今天將改談 CI 網站基礎建置,將我們的測試專案基礎建置起來, 明...

鐵人賽 DAY 5
ASP.NET技巧 系列 第 6

技術 ASP.NET 2.0如何使用Login來存取自己的使用者資料庫

緣起: ASP.NET 2.0有許多增加的功能。其中有關於Login控制項的部份,可以粉神奇的,透過一些設定的方式,就可以不寫任何一句程式碼的情況下做到會員的存...

鐵人賽 DAY 3
30天掌握Sass語法 系列 第 3

達標好文 技術 30天掌握Sass語法 - (3)如何透過「變數」提升撰寫CSS效率

這一天要講的是SASS「變數功能」, 首先模擬一些寫純CSS容易會遇到的情境 1.一個網站內有四組文字連結顏色樣式,總CSS程式碼有5000行,有文字連結顏色的...

鐵人賽 DAY 7
HTML5試試看 系列 第 7

技術 [HTML5試試看-7] audio媒體播放

今天看了一下audio標籤,發現他繼承了一個特別的介面,專門用來控制媒體:[Media elements](http://www.w3.org/TR/html5...

鐵人賽 Modern Web DAY 30

技術 [End] ASP.NET Core 2 系列 - ASP.NET Core vs ASP.NET MVC

ASP.NET Core 2 系列文的結尾想了好幾個,也換過好幾次主題。 最終還是決定用,常被問到的問題來做總結。 『ASP.NET Core vs ASP....

鐵人賽 DAY 7
30天掌握Sass語法 系列 第 7

技術 30天掌握Sass語法 - (7)利用Sass「@extend」,讓你無痛合併CSS樣式

有的時候我們為了不要讓CSS太龐大, 所以有class用到相同樣式時, 都會將其合併起來, 如下CSS碼: /* 第200行位置 */ .header h1,...

鐵人賽 DAY 1

技術 獎金獵人是做啥咪的?網址是什麼意思?

獎金獵人bhuntr.com 從今年七月中開始活起來,但這個網站到底是要尬麻呢? 獎金獵人 http://bhuntr.com 獎金獵人是一個完全Web 2.0...

鐵人賽 DAY 45
Sass3.3 & CSS設計模式 系列 第 46

技術 90天掌握Sass語法完賽心得 & 章節目錄

【課程宣傳】 今年2015年在北中南皆有開設課程, 有興趣的朋友歡迎前往了解, 如果周遭的朋友有意深入這塊, 也歡迎代為轉貼與宣傳^_^ 今年與去年變動差異較...

鐵人賽 DAY 17
30天掌握Sass語法 系列 第 13

技術 30天掌握Sass語法 - (17)使用@content建構RWD網頁設計

esponsive Web Design(RWD) 又稱為響應式網頁設計, 它可以因應網頁解析度上的不同, 進而改變網頁上的樣式, 如果你不了解什麼是RWD的話...

鐵人賽 DAY 21
網站系統規劃實務 系列 第 21

達標好文 技術 網站系統規劃 - 很多重複的程式碼?談網頁內容重用、模組化。

本篇文章作為網站實戰開發的第七篇,我們將繼續實作更多細節, 在繼續往下開始之前,我們計畫先聊聊 View 的重用、模組化。 --------系列簡介------...

鐵人賽 DAY 12
jQuery外掛特輯 系列 第 12

技術 [jQuery]外掛特輯12:3個File Upload外掛-讓檔案上傳沒有Postback

更詳細的內容請至我的部落格finalevil's blog瀏覽 昨天介紹了filestyle這個jQuery外掛,如同文末所說,其實我對這個外掛不是很滿意,除了...

鐵人賽 DAY 11
30天掌握Sass語法 系列 第 11

技術 30天掌握Sass語法 - (11)覺得Sass的寫法不適合你寫CSS嗎?那試試看SCSS吧!

有些人或許對SASS這種太乾淨的寫法有點無法適應, 因為他是靠TAB推進來寫CSS與階層性的, 如果你覺得SASS你不習慣, 那你可以試試看SCSS! 舉例來說...

鐵人賽 DAY 4

技術 ::進入Flex的異想世界(4):: 下載Flex Builder和SDK

不知道看過那些網站之後,各位邦友們對於Flex為何物是不是已經有更具體的概念了。 先來複習一下我們現在已經了解Flex哪些東西。 1.Flex能做到和Flash...

技術 一個超輕量的國產php framework

用php做開發的應該許多人都知道Jace Ju吧? http://www.jaceju.net/blog/ 他最近因為自己的需要,開發了一個超輕量的php fr...

鐵人賽 DAY 37
30天掌握Sass語法 系列 第 33

達標好文 技術 Sass開發流程設計 - (7) susy grid教學(1)

由於行動裝置的逐步普及, Responsive Web Design(RWD)也逐漸變為市場趨勢, 所以這裡也來聊一下關於RWD的Sass格線系統, 在以前Sa...

鐵人賽 DAY 4
30天掌握Sass語法 系列 第 4

達標好文 技術 30天掌握Sass語法 - (4)利用Sass「內建計算機」,讓你不用再重複計算CSS像素

Sass還有一個很特別的功能,也就是內建擁有加減乘除的語法, 但是,他究竟能支援設計師寫CSS什麼樣的工作呢? 首先我們先來假設情境: 1.你的網頁寬度是100...

鐵人賽 DAY 17
Javascript面面觀 系列 第 17

技術 Javascript面面觀:網頁篇《jQuery inside - selector》

jQuery有幾個重要的組成部分,其中一個重要部份就是selector,讓你可以利用CSS3 selector的語法快速找到目標的dom node,然後加以操作...

鐵人賽 DAY 14
ASP.NET技巧 系列 第 17

技術 在GridView中使用CSS固定上、左表頭(似Excel凍結視窗)(限IE)(含操作錄影)

小喵這次想在ASP.NET中達到類似Excel凍結視窗的效果。但是中間遇到了幾個狀況,要一一排除掉,小喵將排除的方式記錄如下: 1.首先這樣的方式並非標準的CS...

鐵人賽 DAY 5
30天掌握Sass語法 系列 第 5

技術 30天掌握Sass語法 - (5)利用Sass「@import」進行CSS檔案模組切割

在以往寫CSS時, 動輒數百、數千行, 寫多了就會很難找各CSS片段的位置, 且滾輪都必須滾很久才會找到對應的程式碼, 所以都會在CSS上寫註解, 至少用搜尋或...

鐵人賽 DAY 6
ASP.NET技巧 系列 第 7

技術 如何透過JavaScript來觸發LinkButton的PostBack,呼叫後端的程式

這一篇最終的目的,是希望能夠透過JavaScript來觸發Server端的Function來做一些事情,在這個過程中,我們透過觀察LinkButton的Post...

技術 為什麼我們跳過Photoshop-37Signal談UI開發

「為什麼我們跳過Photoshop」(Why we skip Photoshop )是37Signal談UI開發設計的一篇簡要文章,強調不要浪費時間用Photo...

鐵人賽 DAY 4
Javascript面面觀 系列 第 4

技術 Javascript面面觀:核心篇《物件導向》

物件導向是現代程式語言很被重視的能力,Javascript可以怎樣支援物件導向呢? 封裝(encapsulation) 封裝的目的是要隱藏實作的細節,只讓抽象的...