https://2016.cssconf.asia/
--------------------------------------------------------------------------------------------------------------------------
Laying Out The Future With Grid And Flexbox
@rachelandrew
重點:
display: grid將會是下一個熱門的排版方法,但這些新的方法都需要去了解,用來解決各種排版問題。
講者詳述了很多新型的排版解法,可以好好去研究一下
http://codepen.io/collection/DVKrKJ/
錄影
https://www.youtube.com/watch?v=hj355PRbwSQ
Syntax Highlight Everything
@Kenneth Ormandy簡報尚未出來,再講關於CSS FONT 的設定,讓一些手寫或是連體能在網頁上漂亮的顯示出
來,提到TTF和OTF檔的應用,講者應該是一個字體大師。
有一些新的CSS屬性控制字體
例如 font-variant-ligatures: common-ligatures , font-feature-settings: "calt";
但是我嘗試了一下這些屬性,需要那套OTF字型有支援...
總之如果順利的話
1. 選擇字體
2.LOAD WEB FONT
3.啟用OTF字體設計的特色(就是使用上面那些新屬性
想要進一步了解可以去看一下錄影,因為本場次尚未公布,所以只好看講者在其他場相同主
題的影片..............
https://www.youtube.com/watch?v=s_ooNo2EmMI
Access All Areas
@Chris Lienert
有點難懂,
總之在講: <button aria-label="關閉">×</button>
裡頭的 aria-label aria-hidden
這個東西比較常用來作盲人版的web
另外也有講一些 data-list 的設定 可以用來製作關鍵字篩選的簡單設定
多多利用這些屬性做能減少使用者key in的設計,並且減少使用jquery等等的套件
增加易用性,也就是"Access" 更能對使用者友善。
總之在講: <button aria-label="關閉">×</button>
裡頭的 aria-label aria-hidden
這個東西比較常用來作盲人版的web
另外也有講一些 data-list 的設定 可以用來製作關鍵字篩選的簡單設定
多多利用這些屬性做能減少使用者key in的設計,並且減少使用jquery等等的套件
增加易用性,也就是"Access" 更能對使用者友善。
Make websites, not apps
@Soledad Penades
https://soledadpenades.com/files/t/2016_mwna/#2
這場比較像是一個概念的分享,在講這個世代的網頁設計師如何建造他們的網站,
從telnet時代開始,然後你開始寫html 加上css 最後再加上javascript等等,
其中有一句經典的話語是:"不要讓他們說你不是一個真正的開發者,只因為你只會寫css"
(css也是很博大精深的),最後他勉勵大家至少我們不用寫軟體,已經有個瀏覽器在那邊
了,做出你覺得最好得網站吧!
這場比較像是一個概念的分享,在講這個世代的網頁設計師如何建造他們的網站,
從telnet時代開始,然後你開始寫html 加上css 最後再加上javascript等等,
其中有一句經典的話語是:"不要讓他們說你不是一個真正的開發者,只因為你只會寫css"
(css也是很博大精深的),最後他勉勵大家至少我們不用寫軟體,已經有個瀏覽器在那邊
了,做出你覺得最好得網站吧!
The Evolution of CSS4 Color
@Chris Lilley
作者前面花了很多時間在講lab色彩學,
總之CSS4會出現一個新的色彩定義: 像是 background: lch(50 0 0);
把lch 想成類似 rgb的東西就可以了,簡報的前半段是在跟你說lch是怎麼定義的呢?
小小結論是,用lch定義色彩可以快速的把網頁顏色轉換成印刷色彩!
把lch 想成類似 rgb的東西就可以了,簡報的前半段是在跟你說lch是怎麼定義的呢?
小小結論是,用lch定義色彩可以快速的把網頁顏色轉換成印刷色彩!
LIGHTING TALK 連發時間
有人介紹他學CSS的經過,有人說CSS可以做到很多JS能做的事情,有人在講D3.js,以後3D
軟體也可以雲端化~~這邊就先跳過。
只有 學CSS經過的講者有分享簡報
只有 學CSS經過的講者有分享簡報
How I Learn to CSS @hj_chen
https://www.chenhuijing.com/slides/css-conf-2016/#/
Real World HTTP/2
@Michael Mifsud
這篇跟CSS的關連不大,在講HTTP 1 跟 HTTP 2 的差異,對於使用者看到頁面呈現的幫助,
HTTP1 和 HTTP2 ,載入網頁的request 先後順序是不同的, HTTP2 可以確保小圖片都能在第
一時間載入,HTTP 1 比較像是直覺的一個載完在換下一個,講者在說明這個複雜的工程流程(?)
CSS Variables: var(--subtitle)
@Lea Verou
Lea Verou 是 CSS secret的作者,相信他的炫技實力已經名聲顯赫了,
這次主題圍繞在css variable上, 示範了很多種 variable在 CSS上的應用,例如單純的顏色,
背景URL ,但實際使用上仍然有很多的限制,講者教你突破這些限制的一些稀奇古怪的解
這次主題圍繞在css variable上, 示範了很多種 variable在 CSS上的應用,例如單純的顏色,
背景URL ,但實際使用上仍然有很多的限制,講者教你突破這些限制的一些稀奇古怪的解
法。最後利用variable結合js,做出與平常javascript邏輯相反的動態效果!
本文結束,詳細請自行端詳資料連結來源~
0 意見:
張貼留言