JQuery Mobile在使用上有哪些需要注意的地方 ●Javascript使用須知: 1.jQuery Mobile是採用ajax方式運作,除了第一次loa...
我是AnnaSu、是剛進入前端領域不久、努力學習中的初級F2e, 本身是個網路素人、沒有深厚的背景,沒有太多寫技術文的經驗。 期望透過三十天的不間斷筆記,用力...
我們常常會看到國外的有名大神們都會釋出CSS framework, 只要引入他的CSS檔案後,你就可以使用他的樣式進來。 而這次的主題則便是跑一次相關的流程給大...
太陽要面對的問題有兩個,第一個問題比較小,就是「他不會美工」。第二個問題比較大,那就是「他不會網頁程式開發...」。 早在1987年美商Apple公司,所提出的...
jquery mobile事件 ●pageinit:頁面初始是針對每個data-role=”page”去做,每讀取一個page就會在重新讀取。 →作法:$(‘#...
這次的主題主要是要分享自己是如何透過Sass&Compass來支援動畫效果, 一共會分享Compass Transition,以及國外分享出來的Anim...
在早期如果我們必須要撰寫一個最基礎的圓弧效果時, 是必須要寫很多瀏覽器前綴詞的,譬如這樣: .box{ -webkit-border-radius: 100...
行種網站設計按鈕是很常使用到的樣式,所以要分享幾個按鈕修改的方法 就按鈕修改的方法,下面小小分享幾個基本修改。 ●設定圖示類型:JQuery Mobile有預設...
轉眼間已經到了第14天了,然後我也快沒梗了>>>> 感謝大家前13天的支持,這麼冷門的文章還有人捧場,實在太感動了... 今天要介紹的...
行動網站上表單元件的用法基本上和HTML的表單元件沒有太大差異, 而在標籤上可以依據行動裝置可以去做一些設定。 在行動網頁裝置可以去做水平和群組化的設定。 ●&...
Sublime text 2 網站連結: http://www.sublimetext.com/2 首先Sublime text 2是沒有提供Sass、Scss...
介紹JQuery Mobile設定的搜尋方法,關鍵字搜尋、自訂搜尋。 下面介紹設計在行動網頁上的搜尋功能,JQuery Mobile搜尋的設定。 ●List S...
相信網頁設計師們都知道bootstrap這個前端framework, 載入它的js與css後, 之後只要在你的html tag加上他寫好的class樣式即可。...
這邊要介紹一些JQuery Mobile元件的清單,有哪些清單可以做使用 ●基本List:可以當一個清單選單,分為有序和無序清單。 作法:使用<ul>...
有些人或許對SASS這種太乾淨的寫法有點無法適應, 因為他是靠TAB推進來寫CSS與階層性的, 如果你覺得SASS你不習慣, 那你可以試試看SCSS! 舉例來說...
以目前坊間最有名的Reset CSS不外乎是 myer所發表的Reset.css http://meyerweb.com/eric/tools/css/rese...
JQuery Moblie網頁上的常見的元件使用。 在行動網頁上常看見的元件使用 1.NavBar[導向工作列]:<div>+<ul>或...
今日教學重點: (1)用_mixin.sass來整理自己曾經寫過的CSS (2)使用Compass CSS3一鍵匯出多種瀏覽器支援語法 (3)你相信嗎?Comp...
之後會講到Compass的功能, 它是一個支援Sass的強大工具, 所以這裡就順道講一下該如何在windows的環境下使用Sass, 同時錄製安裝流程影片,提供...
以one month rails (https://onemonthrails.com)的線上課程及codecademy的Ruby課程,紀錄及分享一個月來學習的...
要使用JQuery Mobile前需做哪些事情,基本的頁面結構有哪些標籤 下面開始要建立一個JQuery Mobile頁面,建立前要記得先去下載它的函式庫。 【...
有的時候我們為了不要讓CSS太龐大, 所以有class用到相同樣式時, 都會將其合併起來, 如下CSS碼: /* 第200行位置 */ .header h1,...
現在有各種不同的行動裝置,每個畫面大小不一樣,為了可以應用這種現象,所以便有響應式設計的概念出現,讓網頁可以隨著不同裝置變動,方便瀏覽。 響應式網站(Respo...
在以前寫CSS的時候, 我們時常會遇到以下的情境, 在開發多種CSS樣式時,會講第一次寫的程式碼複製貼上後, 再進行修改,但當樣式整個大修時(例:圓形改方形),...
設計行動網頁還是有需要注意的地方,主要是說確定網站的形象還有頁面設計上有什麼需要注意的地方還有一些技巧。 設計行動網頁需要注意的10項要素: 1.網站類型: (...
在以往寫CSS時, 動輒數百、數千行, 寫多了就會很難找各CSS片段的位置, 且滾輪都必須滾很久才會找到對應的程式碼, 所以都會在CSS上寫註解, 至少用搜尋或...
行動網頁要如何的製作,從以前只接觸一般網頁開發,現在想來試試建置手機網站,來練習練習。 近年因為智慧型手機幾乎人手一機,手機瀏覽的功能大家也漸漸越來越注重,一直...
寫套件的時候,我們會用宣告一個物件來存預設值。 但是,有時候我們要全域改設定值的時候。 是不用打開JS改的,類似$.ajaxSetup <文章列表>...
Sass還有一個很特別的功能,也就是內建擁有加減乘除的語法, 但是,他究竟能支援設計師寫CSS什麼樣的工作呢? 首先我們先來假設情境: 1.你的網頁寬度是100...
這一天要講的是SASS「變數功能」, 首先模擬一些寫純CSS容易會遇到的情境 1.一個網站內有四組文字連結顏色樣式,總CSS程式碼有5000行,有文字連結顏色的...