狠狠撸shows by User: ssuser7fd2ef

狠狠撸shows by User: ssuser7fd2ef / http://www.slideshare.net/images/logo.gif 狠狠撸shows by User: ssuser7fd2ef / Mon, 23 Jan 2017 17:12:25 GMT 狠狠撸Share feed for 狠狠撸shows by User: ssuser7fd2ef Grid - 新時代的排版利器 /slideshow/grid-71297956/71297956 grid-170123171225
於 2017/01/23 在 F2E & RGBA Meetup 分享 ( 活動網址：http://f2e.kktix.cc/events/f2e6-56d17c-0f9e5b-3997b7-a9203f-d684fd-886f38 ) 隨著網頁的版面越來越多變，我們有了專門用於二維排版的 CSS Layout 屬性 -- Grid。 Grid 在設定元素的位置、尺寸時，比過去常用的方法 ( table / inline / float / flexbox / ... ) 方便許多。目前各個瀏覽器支援度雖然低，但也馬上要陸續跟進了，之後我們將可以使用 Grid 寫出更精簡、直覺，也更有彈性的 HTML 與 CSS，十分令人期待！非常感謝能有機會分享，也感謝大家不嫌棄 =艸=]]>
於 2017/01/23 在 F2E & RGBA Meetup 分享 ( 活動網址：http://f2e.kktix.cc/events/f2e6-56d17c-0f9e5b-3997b7-a9203f-d684fd-886f38 ) 隨著網頁的版面越來越多變，我們有了專門用於二維排版的 CSS Layout 屬性 -- Grid。 Grid 在設定元素的位置、尺寸時，比過去常用的方法 ( table / inline / float / flexbox / ... ) 方便許多。目前各個瀏覽器支援度雖然低，但也馬上要陸續跟進了，之後我們將可以使用 Grid 寫出更精簡、直覺，也更有彈性的 HTML 與 CSS，十分令人期待！非常感謝能有機會分享，也感謝大家不嫌棄 =艸=]]> Mon, 23 Jan 2017 17:12:25 GMT /slideshow/grid-71297956/71297956 ssuser7fd2ef@slideshare.net(ssuser7fd2ef) Grid - 新時代的排版利器 ssuser7fd2ef 於 2017/01/23 在 F2E & RGBA Meetup 分享 ( 活動網址：http://f2e.kktix.cc/events/f2e6-56d17c-0f9e5b-3997b7-a9203f-d684fd-886f38 ) 隨著網頁的版面越來越多變，我們有了專門用於二維排版的 CSS Layout 屬性 -- Grid。 Grid 在設定元素的位置、尺寸時，比過去常用的方法 ( table / inline / float / flexbox / ... ) 方便許多。目前各個瀏覽器支援度雖然低，但也馬上要陸續跟進了，之後我們將可以使用 Grid 寫出更精簡、直覺，也更有彈性的 HTML 與 CSS，十分令人期待！非常感謝能有機會分享，也感謝大家不嫌棄 =艸= <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/grid-170123171225-thumbnail.jpg?width=120&height=120&fit=bounds" /> 於 2017/01/23 在 F2E & RGBA Meetup 分享 ( 活動網址：http://f2e.kktix.cc/events/f2e6-56d17c-0f9e5b-3997b7-a9203f-d684fd-886f38 ) 隨著網頁的版面越來越多變，我們有了專門用於二維排版的 CSS Layout 屬性 -- Grid。 Grid 在設定元素的位置、尺寸時，比過去常用的方法 ( table / inline / float / flexbox / ... ) 方便許多。目前各個瀏覽器支援度雖然低，但也馬上要陸續跟進了，之後我們將可以使用 Grid 寫出更精簡、直覺，也更有彈性的 HTML 與 CSS，十分令人期待！非常感謝能有機會分享，也感謝大家不嫌棄 =艸=

Grid - 新時代的排版利器 from Jocelyn Hsu

]]> 8306 10 https://cdn.slidesharecdn.com/ss_thumbnails/grid-170123171225-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post

http://activitystrea.ms/schema/1.0/posted

0 VueJs 簡介 /slideshow/vuejs-69990265/69990265 vuejspdf-161209144929
之後的專案想使用看看 VueJs，因此先稍微學習了一下，並於組內分享。]]>
之後的專案想使用看看 VueJs，因此先稍微學習了一下，並於組內分享。]]> Fri, 09 Dec 2016 14:49:29 GMT /slideshow/vuejs-69990265/69990265 ssuser7fd2ef@slideshare.net(ssuser7fd2ef) VueJs 簡介 ssuser7fd2ef 之後的專案想使用看看 VueJs，因此先稍微學習了一下，並於組內分享。 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/vuejspdf-161209144929-thumbnail.jpg?width=120&height=120&fit=bounds" /> 之後的專案想使用看看 VueJs，因此先稍微學習了一下，並於組內分享。

VueJs 簡介 from Jocelyn Hsu

]]> 993 3 https://cdn.slidesharecdn.com/ss_thumbnails/vuejspdf-161209144929-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post

http://activitystrea.ms/schema/1.0/posted

0 CSS Animation：簡介 & 簡易 DEMO /slideshow/css-animation-demo/66768405 cssanimation-161005143447
參與 Modern Web 2016，聽了 Amos 的分享後，多瞭解了一些關於 CSS3 animation 的知識，並聽到了之前沒注意到的面向。因此在做個簡單的介紹，並以最近做到的小動畫作為範例，分享製作過程中的碰到的問題以及所使用的解決方法。]]>
參與 Modern Web 2016，聽了 Amos 的分享後，多瞭解了一些關於 CSS3 animation 的知識，並聽到了之前沒注意到的面向。因此在做個簡單的介紹，並以最近做到的小動畫作為範例，分享製作過程中的碰到的問題以及所使用的解決方法。]]> Wed, 05 Oct 2016 14:34:47 GMT /slideshow/css-animation-demo/66768405 ssuser7fd2ef@slideshare.net(ssuser7fd2ef) CSS Animation：簡介 & 簡易 DEMO ssuser7fd2ef 參與 Modern Web 2016，聽了 Amos 的分享後，多瞭解了一些關於 CSS3 animation 的知識，並聽到了之前沒注意到的面向。因此在做個簡單的介紹，並以最近做到的小動畫作為範例，分享製作過程中的碰到的問題以及所使用的解決方法。 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/cssanimation-161005143447-thumbnail.jpg?width=120&height=120&fit=bounds" /> 參與 Modern Web 2016，聽了 Amos 的分享後，多瞭解了一些關於 CSS3 animation 的知識，並聽到了之前沒注意到的面向。因此在做個簡單的介紹，並以最近做到的小動畫作為範例，分享製作過程中的碰到的問題以及所使用的解決方法。

CSS Animation：簡介 & 簡易 DEMO from Jocelyn Hsu

]]> 590 3 https://cdn.slidesharecdn.com/ss_thumbnails/cssanimation-161005143447-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post

http://activitystrea.ms/schema/1.0/posted

0 SVG 初心者分享 @ PIXNET SmallTalk /slideshow/svg-pixnet-smalltalk/65741075 svg-smalltalk-160906143442
PIXNET 內部分享，希望之後手機上能有更多的 SVG 應用 =D]]>
PIXNET 內部分享，希望之後手機上能有更多的 SVG 應用 =D]]> Tue, 06 Sep 2016 14:34:42 GMT /slideshow/svg-pixnet-smalltalk/65741075 ssuser7fd2ef@slideshare.net(ssuser7fd2ef) SVG 初心者分享 @ PIXNET SmallTalk ssuser7fd2ef PIXNET 內部分享，希望之後手機上能有更多的 SVG 應用 =D <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/svg-smalltalk-160906143442-thumbnail.jpg?width=120&height=120&fit=bounds" /> PIXNET 內部分享，希望之後手機上能有更多的 SVG 應用 =D

SVG 初心者分享 @ PIXNET SmallTalk from Jocelyn Hsu

]]> 280 3 https://cdn.slidesharecdn.com/ss_thumbnails/svg-smalltalk-160906143442-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post

http://activitystrea.ms/schema/1.0/posted

0 SVG 初心者分享 /slideshow/svg-63785801/63785801 svgforpdf-160706172722
當初會開始閱讀 SVG 文件，是因為想要再優化 SVG 檔案． 1. 不管怎麼使用自動化工具，仍然沒辦法非常有效的最佳化． 2. 開始好奇為什麼 SVG 檔可以這麼肥 ( 圖形明明很簡單，用 css 也可以達成 ) 後來才發現原來它很厲害~!! 身為 SVG 初心者，我整理了一下這陣子閱讀與練習的心得，有幸與大家一起分享討論．對於沒使用過的人，希望能藉此簡介 SVG 的厲害之處；對於已經是箇中高手的人，則希望能拋磚引玉讓之後有更多人一起討論 =D]]>
當初會開始閱讀 SVG 文件，是因為想要再優化 SVG 檔案． 1. 不管怎麼使用自動化工具，仍然沒辦法非常有效的最佳化． 2. 開始好奇為什麼 SVG 檔可以這麼肥 ( 圖形明明很簡單，用 css 也可以達成 ) 後來才發現原來它很厲害~!! 身為 SVG 初心者，我整理了一下這陣子閱讀與練習的心得，有幸與大家一起分享討論．對於沒使用過的人，希望能藉此簡介 SVG 的厲害之處；對於已經是箇中高手的人，則希望能拋磚引玉讓之後有更多人一起討論 =D]]> Wed, 06 Jul 2016 17:27:22 GMT /slideshow/svg-63785801/63785801 ssuser7fd2ef@slideshare.net(ssuser7fd2ef) SVG 初心者分享 ssuser7fd2ef 當初會開始閱讀 SVG 文件，是因為想要再優化 SVG 檔案． 1. 不管怎麼使用自動化工具，仍然沒辦法非常有效的最佳化． 2. 開始好奇為什麼 SVG 檔可以這麼肥 ( 圖形明明很簡單，用 css 也可以達成 ) 後來才發現原來它很厲害~!! 身為 SVG 初心者，我整理了一下這陣子閱讀與練習的心得，有幸與大家一起分享討論．對於沒使用過的人，希望能藉此簡介 SVG 的厲害之處；對於已經是箇中高手的人，則希望能拋磚引玉讓之後有更多人一起討論 =D <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/svgforpdf-160706172722-thumbnail.jpg?width=120&height=120&fit=bounds" /> 當初會開始閱讀 SVG 文件，是因為想要再優化 SVG 檔案． 1. 不管怎麼使用自動化工具，仍然沒辦法非常有效的最佳化． 2. 開始好奇為什麼 SVG 檔可以這麼肥 ( 圖形明明很簡單，用 css 也可以達成 ) 後來才發現原來它很厲害~!! 身為 SVG 初心者，我整理了一下這陣子閱讀與練習的心得，有幸與大家一起分享討論．對於沒使用過的人，希望能藉此簡介 SVG 的厲害之處；對於已經是箇中高手的人，則希望能拋磚引玉讓之後有更多人一起討論 =D

SVG 初心者分享 from Jocelyn Hsu

]]> 646 4 https://cdn.slidesharecdn.com/ss_thumbnails/svgforpdf-160706172722-thumbnail.jpg?width=120&height=120&fit=bounds presentation White http://activitystrea.ms/schema/1.0/post

http://activitystrea.ms/schema/1.0/posted

0 SVG 實作分享 /slideshow/svg-62484414/62484414 svg-160528021006
之前對於 SVG 檔案都只有從 UI 那邊拿來 => 壓縮後丟到線上；但陰錯陽差下接到了 UX 的新需求，需要去稍微改寫既有的 SVG，因此就順便再讀了一下相關的資訊~ 藉此機會跟大家分享~]]>
之前對於 SVG 檔案都只有從 UI 那邊拿來 => 壓縮後丟到線上；但陰錯陽差下接到了 UX 的新需求，需要去稍微改寫既有的 SVG，因此就順便再讀了一下相關的資訊~ 藉此機會跟大家分享~]]> Sat, 28 May 2016 02:10:06 GMT /slideshow/svg-62484414/62484414 ssuser7fd2ef@slideshare.net(ssuser7fd2ef) SVG 實作分享 ssuser7fd2ef 之前對於 SVG 檔案都只有從 UI 那邊拿來 => 壓縮後丟到線上；但陰錯陽差下接到了 UX 的新需求，需要去稍微改寫既有的 SVG，因此就順便再讀了一下相關的資訊~ 藉此機會跟大家分享~ <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/svg-160528021006-thumbnail.jpg?width=120&height=120&fit=bounds" /> 之前對於 SVG 檔案都只有從 UI 那邊拿來 => 壓縮後丟到線上；但陰錯陽差下接到了 UX 的新需求，需要去稍微改寫既有的 SVG，因此就順便再讀了一下相關的資訊~ 藉此機會跟大家分享~

SVG 實作分享 from Jocelyn Hsu

]]> 325 4 https://cdn.slidesharecdn.com/ss_thumbnails/svg-160528021006-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post

http://activitystrea.ms/schema/1.0/posted

0 The art of readable code ( pdf ) /slideshow/the-art-of-readable-code-pdf/55360477 theartofreadablecode-forpdf-151121075938-lva1-app6892
code should be easy to understand]]>
code should be easy to understand]]> Sat, 21 Nov 2015 07:59:38 GMT /slideshow/the-art-of-readable-code-pdf/55360477 ssuser7fd2ef@slideshare.net(ssuser7fd2ef) The art of readable code ( pdf ) ssuser7fd2ef code should be easy to understand <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/theartofreadablecode-forpdf-151121075938-lva1-app6892-thumbnail.jpg?width=120&height=120&fit=bounds" /> code should be easy to understand

The art of readable code ( pdf ) from Jocelyn Hsu

]]> 2611 9 https://cdn.slidesharecdn.com/ss_thumbnails/theartofreadablecode-forpdf-151121075938-lva1-app6892-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post

http://activitystrea.ms/schema/1.0/posted

0 Es6 part2 /slideshow/es6-part2/52926246 rckbiv9fsbwywagrs9kw-signature-80edd3f9aadd098de6c4f0626b130fda98f5741b39dfda5fc2b1b4c2e1911a72-poli-150918091749-lva1-app6892
]]>
]]> Fri, 18 Sep 2015 09:17:49 GMT /slideshow/es6-part2/52926246 ssuser7fd2ef@slideshare.net(ssuser7fd2ef) Es6 part2 ssuser7fd2ef <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/rckbiv9fsbwywagrs9kw-signature-80edd3f9aadd098de6c4f0626b130fda98f5741b39dfda5fc2b1b4c2e1911a72-poli-150918091749-lva1-app6892-thumbnail.jpg?width=120&height=120&fit=bounds" />

Es6 part2 from Jocelyn Hsu

]]> 402 4 https://cdn.slidesharecdn.com/ss_thumbnails/rckbiv9fsbwywagrs9kw-signature-80edd3f9aadd098de6c4f0626b130fda98f5741b39dfda5fc2b1b4c2e1911a72-poli-150918091749-lva1-app6892-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post

http://activitystrea.ms/schema/1.0/posted

0 https://cdn.slidesharecdn.com/profile-photo-ssuser7fd2ef-48x48.jpg?cb=1570514954 https://cdn.slidesharecdn.com/ss_thumbnails/grid-170123171225-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/grid-71297956/71297956 Grid - 新時代的排版利器 https://cdn.slidesharecdn.com/ss_thumbnails/vuejspdf-161209144929-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/vuejs-69990265/69990265 VueJs 簡介 https://cdn.slidesharecdn.com/ss_thumbnails/cssanimation-161005143447-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/css-animation-demo/66768405 CSS Animation：簡介 & 簡易 ...