2016年11月29日

CSSConf Asia Singapore 2016



https://2016.cssconf.asia/

--------------------------------------------------------------------------------------------------------------------------

Laying Out The Future With Grid And Flexbox

@rachelandrew


重點：

首先要學新的layout建構方法：



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="關閉">&times;</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也是很博大精深的），最後他勉勵大家至少我們不用寫軟體，已經有個瀏覽器在那邊

 了，做出你覺得最好得網站吧！


The Evolution of CSS4 Color

@Chris Lilley


作者前面花了很多時間在講lab色彩學，
總之CSS4會出現一個新的色彩定義: 像是 background: lch(50 0 0);

把lch 想成類似 rgb的東西就可以了，簡報的前半段是在跟你說lch是怎麼定義的呢?

小小結論是，用lch定義色彩可以快速的把網頁顏色轉換成印刷色彩!


LIGHTING TALK 連發時間

有人介紹他學CSS的經過，有人說CSS可以做到很多JS能做的事情，有人在講D3.js，以後3D

軟體也可以雲端化~~這邊就先跳過。

只有 學CSS經過的講者有分享簡報






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 ，但實際使用上仍然有很多的限制，講者教你突破這些限制的一些稀奇古怪的解

法。最後利用variable結合js，做出與平常javascript邏輯相反的動態效果!


本文結束，詳細請自行端詳資料連結來源~









0 意見:

張貼留言

訂閱： 張貼留言 (Atom)