iT邦幫忙

網頁設計相關文章
共有 824 則文章
鐵人賽 Modern Web DAY 13

技術 第13車廂-table界的神器!DataTables介紹篇(3)

本篇要延續DataTables介紹,如何引用拓展包呈現響應式版本 好心建議要先看: 第11車廂-table界的神器!DataTables介紹篇(1)...

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

技術 30天掌握Sass語法 - (9)如何逐步建立自己的CSS資料庫

今日教學重點: (1)用_mixin.sass來整理自己曾經寫過的CSS (2)使用Compass CSS3一鍵匯出多種瀏覽器支援語法 (3)你相信嗎?Comp...

鐵人賽 IT技術 DAY 3
只是路過 HTML5 系列 第 3

技術 HTML5的Video標籤(1)

應該要先講HTML5的結構 > < 但剛好最近在研究Video標籤。 今天分享筆記: 影片檔是什麼? 編譯解碼器是什麼? 簡單使用&lt...

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

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

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

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

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

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

鐵人賽 開發鐵人 DAY 9
ASP.NET 由淺入深 系列 第 9

技術 91之ASP.NET由淺入深 不負責講座 Day9 - Page Life Cycle

一個ASP.NET Webform工程師,一定得知道的東西,就是頁面生命週期的順序,以及在每個事件該放什麼樣的code。這幾乎已經列在每一家開發Web系統公司面...

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

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

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

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

技術 30天掌握Sass語法 - (18)規劃你的Sass結構

在上回我們曾經提到過@import的用法, 它的功用在於可以將CSS檔案進行切割, 如果是單純要被匯入整合Sass檔, 而並沒有要轉出成CSS檔案的話, 那就在...

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

技術 網站系統規劃 - 基本網頁元素介紹 表單(Form)

本篇作為第五篇,我們來談談網頁世界中, 一個絕對不可或缺,也是頁面與頁面溝通中,最常見的橋樑, 也就是網頁上的表單(form)。 --------系列簡介---...

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

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

鐵人賽 影片教學 DAY 2

達標好文 技術 金魚都能懂 網頁設計入門 : 網頁入門第一步 (第二天)

教學影片 不要錯過 CSS coke 的影片快按此訂閱CSS coke的頻道 重點回顧 網頁是甚麼? 網頁其實就是一個純文字檔案,我們利用『標記』的方式來賦予資...

鐵人賽 開發技術 DAY 28
作個網站吧! 系列 第 28

技術 作個網站吧!檔案控管-SourceTree

SourceTree是Mac上一個免費的檔案控管軟體,界面好看而且也支援Win7以上。 以下記錄一些基本的使用,有誤還請指正,謝謝。 SourceTree是Ma...

技術 extjs 4 系列 3/5:mvc 架構:繼承與模組重覆使用

兩篇對 extjs 的基本介紹後,總算要進入主菜了,也就是在 extjs 中的 MVC 架構,物件導向的觀念,在網路上或書上都可以找到相關資料,用不用的好就是一...

鐵人賽 自我挑戰組 DAY 24

技術 與工程師的協作之路-工具篇(InVision)

在「Functional map 與 UI flow」篇中,介紹過了應該要給工程師的文件~而在「溝通篇(那些難以啟齒的事)」篇裡,提到了一個在文件篇外的詞--...

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

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

鐵人賽 開發鐵人 DAY 15
HTML5試試看 系列 第 15

技術 [HTML5試試看-15] 互動機制 - drag and drop

過去在網頁裡面實現drag and drop是很麻煩的,需要配合CSS、onmousedown、onmouseup、setInterval()等,來做出元件拖曳...

鐵人賽 Modern Web DAY 6

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

ASP.NET Core MVC 跟 ASP.NET MVC 觀念是一致的,使用上也沒有什麼太大的變化。 過往 ASP.NET MVC 把 MVC 及 Web...

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

達標好文 技術 網站系統規劃 - 畫面、功能、資料表

本篇文章作為第三週的第五篇,我們續昨天談論到 controller 與 view, 今天進一步的引入 bootstrap 並開始略為進入資料庫的操作。 ----...

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

達標好文 技術 工程師是否有年紀背景限制?

想想我來寫這個題目還真是不太夠格,2017 年的我今年 31 歲,科系的話大學是 3D多媒體設計、碩士念資管,所以也算一半的本科系,所以這個篇幅,至少我能向你分...

鐵人賽 Modern Web DAY 12

技術 第12車廂-table界的神器!DataTables介紹篇(2)

延續上篇<第11車廂-table界的神器!DataTables介紹篇(1)>,今日再介紹其他參數設定 好的!延續上篇<第11車廂-tabl...

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

技術 網站系統規劃 - 資料庫聽起來很複雜很可怕?談資料庫環境建置

本篇文章作為第二週的第四篇,我們將進入資料庫的世界, 本篇說明如何使用 phpmyadmin 進行資料庫的環境建置。 --------系列簡介--------...

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

技術 30天掌握Sass語法 - (12)以Bootstrap framework淺談HTML、SASS設計模式

相信網頁設計師們都知道bootstrap這個前端framework, 載入它的js與css後, 之後只要在你的html tag加上他寫好的class樣式即可。...

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

達標好文 技術 如何有效率地 Google 尋找問題並學習新技術

當我就任三、四個月後,設計部專門負責網頁切版的大前輩離開了,知道這消息實在晴天霹靂,代表著這重責大任要落在我身上了。那時候我切出來的版型常被工程部吐槽,都會被碎...

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

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

jQuery另一個重要的組成部分就是事件處理。熟悉網頁Javascript開發的人應該都知道,IE的事件機制與Firefox及其他瀏覽器的事件機制不太一樣,jQ...

技術 30天掌握Sass語法 - (13)如何使用sublime text 2 打造撰寫Sass環境

Sublime text 2 網站連結: http://www.sublimetext.com/2 首先Sublime text 2是沒有提供Sass、Scss...

鐵人賽 Modern Web DAY 17

技術 [Day17] ASP.NET Core 2 系列 - 例外處理 (Exception Handler)

例外處理(Exception Handler)算是程式開發蠻重要的一件事,尤其程式暴露在外,要是不小心顯示了什麼不該讓使用者看到的東西就糟糕了。 要在 ASP....

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

技術 30天掌握Sass語法 - (23) 介紹Sass與Compass的config.rb設定

今天如果你創立了一個Compass專案後, 會發現資料夾內會有一個config.rb, 它的用處主要是拿來設定一些有用的參數, 透過這一次分享來進行一一的介紹。...

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

技術 30天掌握Sass語法 - (29) @for+random()創造無限可能

for迴圈不論是在哪個程式語言上都非常的常見, 這一次則是介紹Sass @for的運用方法。 我們先來一個簡單的範例 @for $i from 1 thro...

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

技術 30天掌握Sass語法 - (28)Compass圖片合併功能(CSS Sprite)

在早期網頁設計師要做CSS Sprite的時候, 除了自己手做土法煉鋼以外, 同時也會使用線上網站工具來解決這個問題, 剛好翻到六年前我自己在photoshop...

鐵人賽 技術鐵人 DAY 19

技術 [Reply] 15分鐘用ruby把android手機變成遠端間諜相機

回應 lucius Android 開發心得, 以及 ataru 所分享的 Scripting Layer for Android(SL4A) 這篇也是有趣的具...