iT邦幫忙

網頁設計相關文章
共有 824 則文章
鐵人賽 開發技術 DAY 13
學習手機網站開發 系列 第 10

技術 JQM開發要注意事項-Day 13

JQuery Mobile在使用上有哪些需要注意的地方 ●Javascript使用須知: 1.jQuery Mobile是採用ajax方式運作,除了第一次loa...

鐵人賽 開發技術 DAY 1

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

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

技術 30天掌握Sass語法 - (16)如何將別人撰寫的CSS Framework轉換成Sass格式

我們常常會看到國外的有名大神們都會釋出CSS framework, 只要引入他的CSS檔案後,你就可以使用他的樣式進來。 而這次的主題則便是跑一次相關的流程給大...

技術 東之宿_開發日誌-1

太陽要面對的問題有兩個,第一個問題比較小,就是「他不會美工」。第二個問題比較大,那就是「他不會網頁程式開發...」。 早在1987年美商Apple公司,所提出的...

技術 JQuery Mobile 事件-Day 12

jquery mobile事件 ●pageinit:頁面初始是針對每個data-role=”page”去做,每讀取一個page就會在重新讀取。 →作法:$(‘#...

技術 30天掌握Sass語法 - (15)如何透過Sass&Compass支援CSS3動畫效果

這次的主題主要是要分享自己是如何透過Sass&Compass來支援動畫效果, 一共會分享Compass Transition,以及國外分享出來的Anim...

技術 30天掌握Sass語法 - (14)透過Compass CSS3 Mixin輕鬆撰寫CSS3靜態樣式

在早期如果我們必須要撰寫一個最基礎的圓弧效果時, 是必須要寫很多瀏覽器前綴詞的,譬如這樣: .box{ -webkit-border-radius: 100...

技術 JQuery Mobile 按鈕做調整-Day 11

行種網站設計按鈕是很常使用到的樣式,所以要分享幾個按鈕修改的方法 就按鈕修改的方法,下面小小分享幾個基本修改。 ●設定圖示類型:JQuery Mobile有預設...

技術 Day14 package.appxmanifest 檔,設定你的 Window 8 App

轉眼間已經到了第14天了,然後我也快沒梗了>>>> 感謝大家前13天的支持,這麼冷門的文章還有人捧場,實在太感動了... 今天要介紹的...

技術 JQuery Mobile 表單標籤設定-Day 10

行動網站上表單元件的用法基本上和HTML的表單元件沒有太大差異, 而在標籤上可以依據行動裝置可以去做一些設定。 在行動網頁裝置可以去做水平和群組化的設定。 ●&...

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

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

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

技術 JQuery Mobile 清單搜尋元件-Day9

介紹JQuery Mobile設定的搜尋方法,關鍵字搜尋、自訂搜尋。 下面介紹設計在行動網頁上的搜尋功能,JQuery Mobile搜尋的設定。 ●List S...

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

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

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

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

技術 JQuery Mobile List清單元件-Day8

這邊要介紹一些JQuery Mobile元件的清單,有哪些清單可以做使用 ●基本List:可以當一個清單選單,分為有序和無序清單。 作法:使用<ul&gt...

鐵人賽 開發技術 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行,有文字連結顏色的...