View allAll Photos Tagged HandsOn!
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
A prekindergarten student plays on a train mat during a center rotation at UCLA Community School. Photo by Allison Shelley for EDUimages
Martin & Jenny are friends on the battlefield but cousins in real life. Martin is a U.S. soldier and Jenny plays a Filipina freedom fighter.
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
Nervous after discovering the missing narwhal, I hear something suspicious coming from the storage cupboard. Fortunately, I have a swordfish!
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
Priv trong tiếng Anh là viết tắt của từ Privacy và Privilege (riêng tư và đặc quyền). Đây là smartphone đầu tiên chạy hệ điều hành Android của BlackBerry. Tuy nhiên, hãng tự tin tuyên bố đây là smartphone Android bảo mật tốt nhất thế giới.
BlackBerry Priv chạy giao diện tùy biến nhẹ của bản Android 5.1 Lollipop, bổ sung thêm một số ứng dụng đặc trưng của hãng như BlackBerry Messenger, BlackBerry Hub, tính năng bảo mật DTEK. Phần màn hình 5,4 inch Quad HD của máy sử dụng cơ chế trượt, để lộ phần bàn phím QWERTY vật lý. Bàn phím này có tích hợp cảm ứng cho việc cuộn hoặc trượt trang dễ dàng hơn, giống với BlackBerry Passport. Đây cũng là một trong số ít smartphone có màn hình cong ở 2 cạnh bên.
Về cấu hình, BlackBerry Priv sử dụng chip Snapdragon 808, RAM 3 GB, dung lượng lưu trữ 32 GB và pin 3.410 mAh. Thiết bị này sở hữu camera độ phân giải 18 megapixel với thấu kính Schneider-Kreuznach 6 thành phần giúp tạo ra những tấm ảnh tuyệt đẹp, trong trẻo và sắc nét.
18,5 triệu đồng là số tiền người dùng phải bỏ ra để sở hữu BlackBerry Priv...
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
Priv trong tiếng Anh là viết tắt của từ Privacy và Privilege (riêng tư và đặc quyền). Đây là smartphone đầu tiên chạy hệ điều hành Android của BlackBerry. Tuy nhiên, hãng tự tin tuyên bố đây là smartphone Android bảo mật tốt nhất thế giới.
BlackBerry Priv chạy giao diện tùy biến nhẹ của bản Android 5.1 Lollipop, bổ sung thêm một số ứng dụng đặc trưng của hãng như BlackBerry Messenger, BlackBerry Hub, tính năng bảo mật DTEK. Phần màn hình 5,4 inch Quad HD của máy sử dụng cơ chế trượt, để lộ phần bàn phím QWERTY vật lý. Bàn phím này có tích hợp cảm ứng cho việc cuộn hoặc trượt trang dễ dàng hơn, giống với BlackBerry Passport. Đây cũng là một trong số ít smartphone có màn hình cong ở 2 cạnh bên.
Về cấu hình, BlackBerry Priv sử dụng chip Snapdragon 808, RAM 3 GB, dung lượng lưu trữ 32 GB và pin 3.410 mAh. Thiết bị này sở hữu camera độ phân giải 18 megapixel với thấu kính Schneider-Kreuznach 6 thành phần giúp tạo ra những tấm ảnh tuyệt đẹp, trong trẻo và sắc nét.
18,5 triệu đồng là số tiền người dùng phải bỏ ra để sở hữu BlackBerry Priv...
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
Priv trong tiếng Anh là viết tắt của từ Privacy và Privilege (riêng tư và đặc quyền). Đây là smartphone đầu tiên chạy hệ điều hành Android của BlackBerry. Tuy nhiên, hãng tự tin tuyên bố đây là smartphone Android bảo mật tốt nhất thế giới.
BlackBerry Priv chạy giao diện tùy biến nhẹ của bản Android 5.1 Lollipop, bổ sung thêm một số ứng dụng đặc trưng của hãng như BlackBerry Messenger, BlackBerry Hub, tính năng bảo mật DTEK. Phần màn hình 5,4 inch Quad HD của máy sử dụng cơ chế trượt, để lộ phần bàn phím QWERTY vật lý. Bàn phím này có tích hợp cảm ứng cho việc cuộn hoặc trượt trang dễ dàng hơn, giống với BlackBerry Passport. Đây cũng là một trong số ít smartphone có màn hình cong ở 2 cạnh bên.
Về cấu hình, BlackBerry Priv sử dụng chip Snapdragon 808, RAM 3 GB, dung lượng lưu trữ 32 GB và pin 3.410 mAh. Thiết bị này sở hữu camera độ phân giải 18 megapixel với thấu kính Schneider-Kreuznach 6 thành phần giúp tạo ra những tấm ảnh tuyệt đẹp, trong trẻo và sắc nét.
18,5 triệu đồng là số tiền người dùng phải bỏ ra để sở hữu BlackBerry Priv...
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
一小時網站安全就上手
網站的安全是目前大眾非常重視的議題，而如何建置一個安全的網站則是大哉問。我們身為防禦者，若是不知道駭客的思維及技巧，將無法有效達到真正的安全。本課程將由資安的角度，講解如何從建置到防護，建構安全的網站。內容包括安全建置網站、防護、基礎自我檢測，並且包含簡單的練習。
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。