iT邦幫忙

網頁設計相關文章
共有 583 則文章

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

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

鐵人賽 開發技術 DAY 1

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

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

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

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

鐵人賽 開發技術 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」,一個擁有超過十萬...

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

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

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

鐵人賽 開發技術 DAY 3
30天掌握Sass語法 系列 第 3

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

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

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

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

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

鐵人賽 開發鐵人 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 17
30天掌握Sass語法 系列 第 13

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

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

鐵人賽 DAY 1

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

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

鐵人賽 Modern Web DAY 11
前端工程師養成手冊 系列 第 11

達標好文 技術 如何設計吸引人的前端履歷

履歷是你與職場接軌的重要門票,許多資深 HR (人資部門) 也曾經說過,他們看履歷只要不到十秒就決定你的履歷是否有參考的價值。就算你空有實力,但不了解該如何包裝...

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

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

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

鐵人賽 Modern Web DAY 28
前端工程師養成手冊 系列 第 28

達標好文 技術 如何規劃前端職涯,成為百萬前端

我自己是在決定成為前端工程師的第五年才達到百萬年薪的,這個時間點僅供參考,有時候選對公司或是有遇到貴人的話可以加速很多,像是初期我根本沒有任何資源,也沒遇到 m...

鐵人賽 Modern Web DAY 1

達標好文 技術 [Day01] ASP.NET Core 2 系列 - 從頭開始

來勢洶洶的 .NET Core 似乎要取代 .NET Framework,ASP.NET 也隨之發佈 .NET Core 版本。雖說名稱沿用 ASP.NET,但...

鐵人賽 開發技術 DAY 11
30天掌握Sass語法 系列 第 11

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

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

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

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

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

鐵人賽 開發技術 DAY 4
30天掌握Sass語法 系列 第 4

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

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

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

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

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

鐵人賽 Modern Web DAY 1
前端工程師養成手冊 系列 第 1

達標好文 技術 初出社會:沒有人一開始就知道自己要做什麼

寫這篇文時,我其實蠻羨慕現在看這篇文章的你/妳,因為我花了四、五年時間才確認自己要投入前端工程師的方向。相信大家在決定要投入什麼工作領域時,都會不斷地自我懷疑,...

鐵人賽 DAY 4

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

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

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

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

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

鐵人賽 開發技術 DAY 5
30天掌握Sass語法 系列 第 5

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

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

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

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

鐵人賽 Modern Web DAY 30

技術 [Day30] ASP.NET Core 2 系列 - Kestrel Web Server

ASP.NET Core 有兩種運行方式: HTTP.sys (Windows Only) Kestrel (跨平台) ASP.NET Core 預...