iT邦幫忙

flex相關文章
共有 68 則文章

技術 旅館預約服務練習紀錄-訂房確認頁面練習

這次要寫的練習紀錄是選定房間後會彈跳出來的視窗,但因為小弟 JS 還在學習中,還不會寫彈跳出來的互動行為,所以先把靜態頁面做練習,這次的練習使用到 BS4 框...

技術 SASS 學習紀錄 -命名設計小試身手練習

這次的練習是用 SMASS 跟 OOCSS 還有 BEM 的概念來練習, 要呈現是下方的畫面 但我覺得有點單調,所以我就把它優化了變成這樣 HTML 本身不...

鐵人賽 自我挑戰組 DAY 22
網頁學習紀錄 系列 第 22

技術 鐵人賽 Day22 人員卡片介紹頁面-Amos 老師的教學筆記

鐵人賽寫到今天,發現到網頁的知識什麼我很熟? 什麼我很常用? 什麼東西寫過就忘了? 網頁程式資料真的很多, 打開 W3School 已經超多可以看, 還有 jQ...

鐵人賽 自我挑戰組 DAY 6

技術 Day6【主題一:Flexbox】_統整

一、屬性統整: 1-1、作用於彈性容器上: flex-direction(控制子項整體佈局方向) flex-wrap(控制子項整體單行顯示還是換行顯示) fl...

鐵人賽 自我挑戰組 DAY 5

技術 Day5【主題一:Flexbox】_彈性項目相關屬性/flex屬性/flex-grow屬性/flex-shrink屬性/flex-basis屬性/flex縮寫/order屬性

彈性項目相關屬性 儘管彈性項目的對齊、順序與彈性是透過彈性容器屬性協調運作,仍可透過幾個能夠作用在個別彈性項目的屬性做更細緻的操作。 flex縮寫屬性及其...

鐵人賽 自我挑戰組 DAY 4

技術 Day4【主題一:Flexbox】_對齊項目/align-self屬性/align-content/彈性項目

對齊項目 align-items:定義彈性項目在彈性容器交叉軸上對齊的行為。 宣告在彈性容器,而不是彈性項目。 align-items預設值是stretc...

鐵人賽 自我挑戰組 DAY 3

技術 Day3【主題一:Flexbox】_排列彈性項目/彈性內容/調整內容

排列彈性項目 預設情況下,無論flex-flow設定了什麼樣的數值,彈性容器中最後一個彈性項目之後的空間,一定是在main-end與cross-end方向...

鐵人賽 自我挑戰組 DAY 2

技術 Day2【主題一:Flexbox】_彈性容器(flex container)

2-1. flex-direction屬性 flex-direction控制彈性項目排列的主要軸向,就是彈性項目的排列方向。 .flex-container...

鐵人賽 自我挑戰組 DAY 1

技術 Day1【主題一:Flexbox】_Flexbox基礎

【主題一:Flexbox】單元: Flexbox基礎 彈性容器(flex container) 排列彈性項目 彈性內容 調整內容 對齊項目 align-sel...

技術 Apache Royale 的官方網站與介紹

相關的介紹、開發進度與內容展示都在這網站裡,歡迎大家點進去了解唷 ^^ Apache Royale

技術 Apache Royale - 啟程

Royele是Apache的Flex開源項目(base on ActionScript3.0),從2011年至今目前幾近完成(0.9.4)。這項程式語言能夠高效...

鐵人賽 自我挑戰組 DAY 24

技術 Day24 Flex 空間分配 flex-grow / flex-shrink / flex-basis

關於 Flex 空間分配上的三個重要屬性 如題,今天來說說與 Flex 空間分配密切相關的三個屬性 flex-grow / flex-shrink / flex...

鐵人賽 影片教學 DAY 13

技術 金魚都能懂網頁設計入門 : 排版的聖品 (鐵人賽第十三天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 關於Flex 預設子項目不換行 預設子項目寬度自動縮減 換行使用的...

鐵人賽 Modern Web DAY 20
前端新手村 系列 第 20

技術 前端新手村 flex grow & shrink 演算法

「當你迷惘的時候,就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章,宗旨並不在技術本身的教導,重點放在技術與技術之間的脈胳關係。讓零碎的網...

鐵人賽 Modern Web DAY 19
前端新手村 系列 第 19

技術 前端新手村 flex (下)

「當你迷惘的時候,就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章,宗旨並不在技術本身的教導,重點放在技術與技術之間的脈胳關係。讓零碎的網...

鐵人賽 Modern Web DAY 18
前端新手村 系列 第 18

技術 前端新手村 flex (上)

「當你迷惘的時候,就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章,宗旨並不在技術本身的教導,重點放在技術與技術之間的脈胳關係。讓零碎的網...

鐵人賽 Modern Web DAY 5
新手也能懂的JS30 系列 第 5

技術 JS30-Day5-Flex Panels

Day5-課題內容 今天進入JS30的第五天,今天將透過非常酷炫的畫面特效,來認識CSS3中的Flex屬性。[1] 實作連結 首先在作者給的範例當中,我們可以看...

鐵人賽 Modern Web DAY 30
CSS 實戰心法 系列 第 30

技術 CSS 鐵人賽的結束與接下來的研究

相較於 Javascript 來說,CSS 的演進速度算是非常緩慢的,主要原因當然是瀏覽器的相容性,瀏覽器不太能因為新的特色加入而毀了以前所建置的網站。 在這個...

技術 HTML5需要與Flash兼容並用

HTML5是現在HTML4的新里程碑,在網頁應用上,不可忽視。 HTML5是否可以完全取代Flash? 都不用Flash? 這答案應是: 視你是網站內容是什麼...

技術 11/6我們聽見您的聲音了,Flex 4 / Flash builder 4(含AIR+facebook) 全新課程

11/6我們聽見您的聲音了,Flex 4 / Flash builder 4(含AIR+facebook) 全新課程 <span style="...

技術 5/22(六):Flex 4 / Flash builder 4 全新課程 (第十三班開始報名)

(假日班)最新、最令人期待的Flex 4 / Flash Builder課程來了! Flex 4 / Flash builder 4 課程完整大綱 一、Flex...

技術 讓你,「無痛昇級至Flex 4」!

詳全文<:http://forum.j2eemx.com/flex/6540-flex3-0-flex-4-a.html> 花2個多小時撰寫整理的...

技術 3/27(六)Flex第十二班課程:Flex 3.0 / 突破Web 2.0擴展AIR(同時學好AS3)

************************************** (假日班)令人期待最完整的Flex 3課程來了!! 報名請從速! ********...

技術 Flex介紹 , 什麼是 Flex , 應用的優點及功能領域.

隨著WWW的興起,應用程式不再侷限於一台電腦上執行,逐漸演化成一個個的網頁,使用者端只需安裝瀏覽器跟一些插件,輸入網址,一切完成。但網頁應用程式究竟與一般傳統應...

技術 精彩Adobe Flash Platform 2009-10介紹(含Flash Builder及Flash Cataly

文本以Adobe Connect平台播放,包含了Adobe 在Flash Platform的設計與開發策略與工具軟體框架,整個內容完全釋出,希望讓想學Flas...

技術 3D牆展示(研討會實紀):RUN!PC技術菁英分享會--解剖 AIR / Flex / FMS

這是2009/8/26由RUN!PC舉辦的一場難得活動,內容主要是以Adobe AIR / Flex /Flash Media Server為主,時間有限只有二...

技術 9/12(六)Flex第十班課程:Flex 3.0 / 突破Web 2.0擴展AIR - 同時學好AS3

(假日班)最完整的Flex 3課程來了!! 報名請從速! ************************************** 課程名稱:Flex 3....

技術 Adobe Flex & AIR & Flash media server最新技術與範例

Adobe Flex & AIR & Flash media server最新技術與範例 Flex 結合Alchemy所做作的Demo影片,看了...

技術 教你免費使用ColdFusion

ColdFusion免費? 時候到了,你可以放心使用ColdFusion,因為... 從開發到佈署完全免費替代方案 - 誠摯推薦 Railo 3.X commu...

技術 正式使用Flash Builder 4 Beta(含新功能介紹)

完整文章:http://forum.j2eemx.com/flex/4186-flash-builder-4-beta.html Flex Builder官方更...