iT邦幫忙

網頁設計相關文章
共有 840 則文章
鐵人賽 開發技術 DAY 11
30天掌握Sass語法 系列 第 11

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

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

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

達標好文 技術 30天掌握Sass語法 - (10)如何建立自己的Sass Reset CSS

以目前坊間最有名的Reset CSS不外乎是 myer所發表的Reset.css http://meyerweb.com/eric/tools/css/rese...

鐵人賽 開發技術 DAY 6
學習手機網站開發 系列 第 6

技術 JQuery Mobile元件-Day 6

JQuery Moblie網頁上的常見的元件使用。 在行動網頁上常看見的元件使用 1.NavBar[導向工作列]:<div>+<ul>或...

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

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

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

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

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

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

鐵人賽 開發技術 DAY 1
一個月學會Ruby on Rails 系列 第 1

技術 One Month Rails - Day1 - Intro

以one month rails (https://onemonthrails.com)的線上課程及codecademy的Ruby課程,紀錄及分享一個月來學習的...

鐵人賽 開發技術 DAY 4
學習手機網站開發 系列 第 4

技術 建立一個JQuery Mobile 基本雛型-Day4

要使用JQuery Mobile前需做哪些事情,基本的頁面結構有哪些標籤 下面開始要建立一個JQuery Mobile頁面,建立前要記得先去下載它的函式庫。 【...

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

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

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

鐵人賽 開發技術 DAY 3
學習手機網站開發 系列 第 3

技術 響應式設計(Responsive Design)-Day3

現在有各種不同的行動裝置,每個畫面大小不一樣,為了可以應用這種現象,所以便有響應式設計的概念出現,讓網頁可以隨著不同裝置變動,方便瀏覽。 響應式網站(Respo...

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

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

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

鐵人賽 開發技術 DAY 2
學習手機網站開發 系列 第 2

技術 行動裝置網頁開發需要注意的要素-Day2

設計行動網頁還是有需要注意的地方,主要是說確定網站的形象還有頁面設計上有什麼需要注意的地方還有一些技巧。 設計行動網頁需要注意的10項要素: 1.網站類型: (...

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

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

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

鐵人賽 開發技術 DAY 1
學習手機網站開發 系列 第 1

技術 初始-行動裝置網站開發~Go-Day1

行動網頁要如何的製作,從以前只接觸一般網頁開發,現在想來試試建置手機網站,來練習練習。 近年因為智慧型手機幾乎人手一機,手機瀏覽的功能大家也漸漸越來越注重,一直...

鐵人賽 開發技術 DAY 4

技術 jQuery套件開發之(四),預設值與設定值的差別。

寫套件的時候,我們會用宣告一個物件來存預設值。 但是,有時候我們要全域改設定值的時候。 是不用打開JS改的,類似$.ajaxSetup <文章列表>...

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

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

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

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

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

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

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

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

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

技術 網頁設計-口碑 X 網路行銷 X 寫手門?!

<span style="color: green;">2013年的網路行銷發生一件上了新聞的事件,就是有名的三星寫手攻擊對手的...

技術 在Web顯示3D

部分內容將不定時整理到 http://zh.wikipedia.org/wiki/Web3d 以下, 不定時補充或修正: 1.WebGL http://www....

技術 2013年網頁設計最新優化搜尋引擎技巧

如果您正在尋找啟動一個新的網站,部落格或優化您當前的網站,你必須至少了解一些基本的搜尋引擎優化。了解如何優化你的網站,將有助於更快的排名在搜尋引擎中,這是非常...

技術 Intel 感知計算挑戰賽開始報名嘍~!

在感知運算的領域裡,你想要和世界上的高手切磋一下技術嗎? 你想要挑戰一下自己技術的極限嗎? 還有機會可以獲取10萬美金的獎金喔!快來參加Intel 感知運算挑...

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

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

技術 extjs 4 系列 2/5:使用 extjs 必須了解的重要觀念與 javascript 技巧與知識

在使用類似 extjs 這樣的 framework 時,一定會被他的方便性還有物件化所吸引,但是如果你對 javascript 的一些基礎或是進階技巧不了解,可...

技術 【CSS課程】Responsive網頁排版技術課程

Responsive Web Design(RWD)為2010年Ethan Marcotte所發表的創新網頁技術。 RWD的設計理念為使用HTML與CSS3 M...

技術 網路行銷人員使用火狐瀏覽器的必要性

網路行銷人員使用火狐瀏覽器的必要性 /馮英健 火狐瀏覽器(Firefox)(什麼是火狐瀏覽器?)推出之後,儘管很快獲得了部分使用者的好評,不過並沒有預期的那麼火...

技術 火狐瀏覽器(firefox)與IE瀏覽器的相容性問題

火狐瀏覽器(firefox)與IE瀏覽器的相容性問題 2006-3-6 01:27:11 By:馮英健 google的火狐瀏覽器(firefox)由於集成了go...

技術 介紹編寫CSS直接看到結果的學習網站

底下的網址,可以讓您編寫CSS3.0(包括CSS2.0)直接看到效果喔。 但要注意的是,IE瀏覽器是不支援HTML5的,所以網站中的範例,用CSS 3.0編寫,...

技術 寫一支能在一般電腦與手機螢幕切換兩用的網頁設計

http://7club.ithome.com.tw/article/10037030/1 http://7club.ithome.com.tw/article...

技術 申請無障礙網站標章認證之XXX

因客戶要求網站要符合無障礙網頁設計 故須申請無障礙網站標章認證 以 Google 用「無障礙」、「網頁」、「申請」關鍵字去找 得知行政院研考會有提供「無障礙網頁...

鐵人賽 IT技術 DAY 30

技術 待完成的相關議題

回顧檢討一下這個系列,還有什麼該加強。 這系列的主題是「建立API為中心的輕量級網站」, 試著想把 sinatra、redis、knockout.js 各別介紹...