雖然這篇framer教學鄉民發文沒有被收入到精華區：在framer教學這個話題中，我們另外找到其它相關的精選爆讚文章
[爆卦]framer教學是什麼？優點缺點精華區懶人包
你可能也想看看
搜尋相關網站
-
#1Framer Flows 初體驗 - 設計大舌頭
建議大家不要拿Framer 來製作頁面流程的原型。因為有比Framer 更方便的工具，像是Prott、Flinto 以及Invision 等等。 還記得在開始寫Framer 教學時， ...
-
#2設計師學習Framer 第二章：從Sketch 到Framer | 設計大舌頭
Sketch 是近年來每個UI UX 設計師必學軟體。因為直覺又精簡的操作，受到大家的喜愛。本篇教學，將著重在如何把Sketch 裡面的檔案匯入到Framer，所以還沒有接觸過Sketch ...
-
#3從設計師角度學習Framer Part 1：前言與觀念 - Medium
用來分享以及收集Framer JS 中文相關的設計文章以及教學。 A collection of Framer tutorials and design process in Mandarin. This is an non-official ...
-
#4Framer X 試玩與特色功能介紹
Framer X 是一款高擬真原型的設計工具，從介面設計到原型都可以在同一套軟體裏達成，且可以透過自編程式去進行更自由地操作，先前看過幾款用Framer ...
-
#5設計大舌頭- 今晚來學一下Framer 吧！這次Chris Chen 大大要 ...
今晚來學一下Framer 吧！這次Chris Chen 大大要教大家拖拉和Pinch 手勢～ - 如果生疏了或還是新手，可參考之前的教學喔： 設計師學習Framer 第一章：前言與 ...
-
#6做Prototype 的工具framer js | 宇宙大草原
framer 教學 影片：https://www.youtube.com/watch?v=3zaxrXK7Nac. 從影片中可以看到，設計師是直接把一整張圖當成Layer 來操作。然後視覺上的元件就 ...
-
#7中文字幕Framer快速教程1：简介与界面 - BiliBili
中文字幕Framer快速教程1：简介与界面 · 知识 · 校园学习 · 课程 · 设计 · 教学视频 · framer ...
-
#8通過Framer來談談設計師學習代碼二三事 - 每日頭條
前段時間Framer改版，讓這個軟體大熱，分出了設計和代碼兩種模式。 ... 主一不做二不休，直接從Framer官方網站的簡易版手冊和部分教學視頻開始學習。
-
#9Framer（framerjs.com）如何入门？ - 知乎
一位叫David Lee 的交互设计师有写过一篇New to Framer? Just 3 Things to Get You Started，感觉是目前来说比较易懂的入门Framer 的文章。我节选了这篇教程最核心的 ...
-
#10Sketch, Figma, Adobe XD, Framer Elements- 四大原型工具的 ...
Sketch, Figma, Adobe XD, Framer Elements 雖然看起來是一個網站，但卻分四個網址，反正這就是Sketch, Figma, Adobe XD, Framer 這四大原型工具的 ...
-
#11Framer 快速上手課程– 設計、產生程式碼與協同作業 - Soft ...
學生將學習Framer的基礎知識，這是一個驚嘆的設計和原型設計工具; 介面設計，展現原本想表現的方法 ... 我想盡可能地學習和教學，Udemy是最好的平台。
-
#12三分钟了解Framer 全新版本：Framer X - 云+社区
也许官方意识到了这个问题，于是在Framer 基础上推出了Framer X，意在打造为所有人准备的交互设计工具。Interaction | 原型设计快速完成日常原型设计 ...
-
#13來點小巧思，讓Figma Prototype 大躍進| Proto Uncle #EP2
Proto Uncle，給設計師、產品經理學習製作UI Prototype 的系列分享活動。透過Figma + Framer，將腦中所構思的想法、互動操作具體呈現出來。
-
#1411月Framer Workshop+｜Accupass 活動通
歡迎一起加入Framer JS 的學習行列吧！ ... 11月Framer Workshop+｜Accupass 活動通 ... 活動分成兩個場次，教學內容相同，學員可以擇一參加即可 ...
-
#15使用Framer Motion初体验
一直以来我都热衷于使用[CSS来制作动效](//www.w3cplus.com/css3/CSS3-animation.html)，特别是随着[CSS Houdini的 ...
-
-
#17商業思維學院2021 UI 徵才
(必備) 熟悉至少2款UI設計＆原型製作工具，e.g、Sketch、Figma、Zeplin、Abstract、Protopie、Framer web、Overflow等.
-
-
#19framer-motion作品集｜CakeResume 作品集
履歷範本. 各產業、職能的履歷範本 · 履歷設計. 選擇適合的履歷格式及設計 · 如何撰寫履歷. 學習如何撰寫履歷 · 更多資源. 更多專業履歷撰寫教學. 作品集 ...
-
-
#21炸了！這些好用到爆的設計資源，怎能不分享給你們！
現在以Framer教學為主，同時也會搭配一些UI設計概念，但是隨着大家 ... 主流的Flito的教學視頻也有，所以星球很多小夥伴到處求教程的，花幾千塊錢報 ...
-
#22好用句：「That's a framer!」是什麼意思？ - Sammy 老師來幫 ...
Sammy 老師的英文教學園地. 登入 | 加入會員! ... 今天要介紹的好用句叫That's a framer! ... 而framer 就是指值得用相框裝起來的照片.
-
#23Framer 彙整 - 數位行銷大時代
12個UI/UX設計工具神助攻,成為網頁設計大師真輕鬆!(2). 掌握好這12個超好用的UI/UX設計工具,要成為網頁設計大師真的超簡單啦!(2). 本文為下篇，上篇請看此連結.
-
#24學習Framer - 10款逐步指導教程- IT閱讀
設計師們經常回避使用Framer(http://framerjs.com/) ,因為和其他原型工具相比,它的初始學習曲線更高。這是由於它是基於程式碼來實現原型,但這也恰恰是 ...
-
#25利用動畫創造易用性：動畫的UX 規範 - Intersection
擁有超過15 年的動畫教學資歷，曾擔任Amazon 高階管理職位，目前是UX in Motion 的 ... 很榮幸在過去5 年可以從我的UI 動畫工作坊和教學課程，為來自超過40 個國家的UX ...
-
#26Stylus 系列| 噴墨印表機 - Epson
下載; 常見問題(FAQ); 技術文件及保固; 教學影片; 註冊; 聯絡我們 ... EPSON Print Image Framer Tool 英文版v2.2bE ... Epson Gallery 創意教學 5:11.
-
#27Framer交互原型設計工具Framer X影片教學教程高清 - 淘宝
歡迎前來淘寶網實力旺鋪，選購Framer交互原型設計工具Framer X影片教學教程高清，該商品由shengxin店鋪提供，有問題可以直接諮詢商家.
-
#28mapbox教學的推薦與評價，FACEBOOK和網紅們這樣回答
在進入第四篇基礎教學前，想要跟大家分享一個比較進階的Framer 應用。那就是如何在Framer 上，顯示自己在Mapbox 設計過的即時地圖，並真的可以放大 .
-
#29用Framer的实例，说说设计师学习代码的那些事- 优设网
Sophia的玲珑阁：前段时间Framer改版，让这个软件大热，分出了设计和代码两 ... 于是，我一不做二不休，直接从Framer官方网站的简易版手册和部分教学 ...
-
#30巴黎人blr2002检测线路网址-「欢迎莅临」
首页 · 巴黎人blr2002检测线路网址 · 机构设置. 教学管理. 科学研究. 招生就业. 合作交流. 学团工作. 党建工作. 校园服务. 学院简介 · 历史沿革 · 学院章程 · 现任领导 ...
-
#312020 年12 月– 第4 頁
Python – Telegram 報訊機器人實戰教學(2) ... Python – Telegram 報訊機器人實戰教學(1) ... Brief intro of prototyping tool- Framer Web.
-
#32熱門FramerJS線上課程- 更新於[2021 October] | Udemy
Learn how to use framer js. Adria Jimenez. 評等︰3.9/53.9 (356). 總計9 小時97 個講座所有級別. 目前價格$59.99. 原價$74.99. Framer Crash Course – Design, ...
-
#33invision studio 教學 - Buuchau
In this tutorial，framer.js，致力於發展自己的特色教學，喚醒學員，marvel，促進了開放設計的發展，培訓，喚醒學員. InVision Studio｜官方教程+中文字幕｜最強UXD ...
-
#342021年最好用的12個UI/UX設計工具，網頁設計都該試試看
Framer 所撰寫的語言則是CoffeeScript，因此它的程式語言非常接近口語。但使用介面與工作流程對初學者會有點複雜，需要開發人員和設計師投入大量時間來學習 ...
-
#35七大high-fidelity prototype tools測試心得 - 成長筆記
framer. 別看官網上的coffeescript教學，好像語法很簡潔很好上手，開發者若不具備獨當一面的程式能力，很難隨心所欲實現腦海中天馬行空的互動原型。
-
#36office 安裝指導教學 - 蝦皮購物
一鍵安裝！内附安裝教學！Microsoft Office 2021 完整版. $230. 已售出4 · 【可移機】Framer Studio macOS開發工具設計iOS應用工具任何設備設計.
-
#37用歌謠BINGO教Phonics @ 我就喜歡這樣的妳 - 痞客邦
教學 流程一堂課. 1. WARM UP - TPR : FRAMER / DOG / CLAP. 先使用TPR 教三個動作(FRAMER / DOG / CLAP )，增加歌曲難度。然後放音樂時，學生必須邊唱邊加上動作.
-
#38I.設計師學習React 的這些坑你都踩過嗎？ - GetIt01
2018年9月份，Framer 宣布了Framer X，摒棄CoffeeScript，使用React 作為編寫原型 ... 個很帥，可以學很多語言，重點是它提供一個教學編輯器，選擇一個你喜歡的就行。
-
#39invision 教學利用Sketch於設計流程. - Rzcpe
教學 課程：Azure Active Directory 單一登入(SSO) 與InVision 整合 ... In this tutorial，framer.js，致力於發展自己的特色教學，喚醒學員，marvel，促進了開放設計的 ...
-
#40framer - 读音、用法和例句_英语字典 - 极简词典
项，最小项，最小单元，组织单元(指程序化教学一系列项目中的一项) ... I do not think Turkey can be a shaper and framer of processes on its own, and we see much ...
-
#41Loupe 设计大会见闻，以及Framer Web 初体验
... 分成Conference 和Workshop 两个部分，Conference 的内容主要涵盖互联网产品设计方面的东西，不会涉及到Framer 本身，Workshop 则主要是Framer 软件的教学使用。
-
#42資訊科技融入國小數學科教學對學童學習成就與態度影響之研究
研究生: 陳振榮. 論文名稱: 資訊科技融入國小數學科教學對學童學習成就與態度影響之研究. 論文名稱(外文):, A Study on the Impacts of Information Technology ...
-
#43找mapbox教學相關社群貼文資訊
提供mapbox教學相關文章，想要了解更多Mapbox cluster、Mapbox Marker click ... 2016年10月7日· 在進入第四篇基礎教學前，想要跟大家分享一個比較進階的Framer 應用。
-
#44Framer studio 破解~ pubmed 中文
Framer Studio for Mac破解版是一款強大的交互原型設計器，用於構建交互和動畫 ... 繁體中文下載及破解教學Autodesk AutoCAD 2018 Mac 1.6.30 中文破解版日曆筆記和待 ...
-
#45「同溫層」創造不出「造局者」！ | 管中祥| 遠見華人精英論壇
這就是「造局者（Framer）」與「普通人」或「人工智慧」不同的地方。 ... 教學時我常用一個讓有些學生討厭的教學方式：「永遠站在學生的對立面」。
-
#46framer - 词典 - 网易云阅读
framer ['fræmə] ... 项，最小项，最小单元，组织单元(指程序化教学一系列项目中的一项) ... framedstructure框架结构framer成帧器；制造者framestone骨架灰岩.
-
#47原型工具（原型工具axure视频教学） - 夜天资讯
像其他工具一样，Framer支持Sketch和Photoshop项目，并且还将保留设计图层。与大多数工具不同的是，Framer还可以导入After Effects文件。当你准备好分享 ...
-
#48史上最完整Notion 筆記軟體的使用教學！1小時快速上手懶人包
Notion筆記軟體是一套非常靈活的好用工具，本篇Notion教學旨在透過一整篇由淺入深的介紹與教學 ... Framer（原型設計工具）、Invision（UI設計工具）、Figma（設計協作 ...
-
#49Allen Liu的檔案- Hahow 好學校
本課程會一步步的教學如何從零開始架設個人網站，當上完這門課時，你的個人 ... 我想學想要有framer的課程可以上，希望可以可以自由運用framer做出高保真的prototype ...
-
#50【詢問】mapbox api教學 - 自助旅行最佳解答
看了一些接Google Map 的應用教學，老實說，我覺得有點無聊，不想跟別... ... Framer 原型小插曲：Mapbox 地圖應用. 在進入第四篇基礎教學前， ...
-
#51國立高雄師範大學八十八學年度教學綱要
六、創作訓練：創作創造思考教學活動設計或創意與教學情境設計 ... West, C. K., Framer, J.A., & Wolff, P. M. (1991). Instructional design. New York :.
-
#52Framer 破解| 千尋影視電腦版無法使用
元旦限定商品……紀念圍巾#韓總Q版國旗紀念圍巾【韓總Q版圍巾】 開賣囉好消息……好消息……好康報報！報報好康！ 特製款國旗圍巾無年份限制限量版要買要 ...
-
#53flinto 教學【flinto教學】資訊整理 - Vnfp
flinto教學，DAY 08-Adobe XD Prototype模式介紹– iT 邦幫忙– iThome ，上一篇已經 ... 平日晚上或週末會定期舉辦課程講座，教學Sketch， Flinto， Pixate， Framer， ...
-
#542021網頁設計都該試試的UI/UX設計工具!(3) - 程式設計師的七 ...
Framer 所撰寫的語言則是CoffeeScript，因此它的程式語言非常接近口語。但使用介面與工作流程對初學者會有點複雜，需要開發人員和設計師投入大量時間來學習 ...
-
#55德文二下 - 課程大綱
本學期之教學內容為DaF kompakt A2, Lektion 14 - 18。 ... 本課程屬德語教學之範疇，側重德語聽說讀寫各面向之學習。 ... http://www.vocabulix.com/framer.html
-
#56mapbox教學 - 加拿大打工度假最佳解答
Framer 原型小插曲：Mapbox 地圖應用. 在進入第四篇基礎教學前，想...https://medium.com › framer-js-taiwan › framer-原型小插曲-mapbox- ...
-
#57Flickr Framer - Eric ZERO
科技新知、研究心得、教學分享. 2007年6月15日星期五. Flickr Framer ... 點選Framer之後在Upload的標籤頁按下Choose a file on your computer to ...
-
#58【Notion教學】當紅筆記APP，你一定要知！
【Notion教學】當紅筆記APP，你一定要知！ ... 添增一個Black 直接和Notion頁面連結在一起的，例如： Notion 教學| 大補 ... Framer: 崁入Framer 模版.
-
#59做UI設計常用哪些工具 - 今天頭條
... 設計、建築設計、多媒體製作、遊戲、輔助教學及工程可視化等領域。 ... Framer X是一個非常令人興奮的新設計工具，對於想要從其工具中獲得更多 ...
-
#600608期末教學研究會簽到表.pdf - 大直e課室
學年度第二學期第次教學研究會簽到單】. 口高中. 科. 國中社會領域. S、b、g. 40 | 主席, prom 2. 一一一一一一--- ... Framer Wu. 出席教師簽名. AirAv. 列席人員簽名.
-
#61通訊所專業必修/必選修課程綱要表
SONET framer design. SONET framer. SONET mapper ... 教材編選: 本課程之教材為自行編撰，並以參考書輔助教學。 2. 教學方法：上課講解、與硬體架構實作(使用Verilog ...
-
#629個超有型的男性拍照姿勢簡單易學還很酷 - 壹讀
（5）The Face Framer ... 近日，由三位國外攝影師組成的攝影教學頻道「Manga Street」分享了9個男性拍攝姿勢，簡單易學，而且超有型。
-
#63Framer Studio原型工具v120 官方最新版 - 西西软件园
Framer 编程教学：. Framer和Sketch一样，都是以图层的形式来展现设计。与Sketch不同的是，每个图层除了拥有尺寸、位置、背景色等样式属性以外，还有 ...
-
#64Tamago RPG多人聊天游戏。-JavaScript开发
Tamago RPG Framer X是角色扮演游戏，实时多人聊天游戏的原型。 ... Tamago的目标之一是用作编程教学工具，并减少编程教学的障碍，因此在网络浏览器中支持运行程序是有 ...
-
#65Design+Code - Learn to design and code React and Swift apps
Learn design and code by building real apps with React and Swift. Complete courses about UI design, web and iOS development using Figma, CSS, React Hooks ...
-
#66強力推薦 Loonapix-線上自製相框 - POLA新娘整體造型交流 ...
蒐集：☆電腦教學部落格語法區2008/11/24 11:23轉載引用請帶走LOGO~~附所有教學步驟+試過~~~~~~~~~~別忘了交作業 ... http://www.loonapix.com/framer
-
#67設計資源總匯 - 奧革設計
非常火紅的Prototype 製作軟體，是由Apple 前工程師製作的創業項目，現在教學資源已經非常完善。 原型設計. Framer. March 30th, 2016 ...
-
#68裁刀Logan Framer's Edge Mat Cutter | jcc-store - 琮修文創
裁刀附10個替換刀片、能調整垂直切割或斜角切割的切頭、說明手冊和免費教學DVD。 安裝伸縮臂尺的支撐零件全新設計的伸縮臂尺的支撐零件能提供堅固鉸鏈使伸縮臂尺更好的 ...
-
#69第二波乾貨！26款設計圈超實用設計工具合集 - ITW01
工具合集Framer Bridge Framer Bridge 是一款用來彌合設計和開發之間關係的工具3款設計轉程式碼工具1. 無程式碼SVG動畫製作工具SVGator SVGator 是一 ...
-
#70BAT都在使用的设计师师徒体系 - UI.CN
不对吧，学习Framer 工具的时候对我来说一点都不有趣呀！ ... 通过指导，导师可以发展其他关键的技能，比如教学能力，建立人与人关系的能力。
-
#71Design+Code：优秀的设计+ 编程教程，设计师自我提高捷径
这些课程有免费试读的，比如Figma, Framer X, Studio, XD, Sketch 的部分教程以及Pro 版订阅独有的 React, Swift, ... 60 小时教学视频，支持中文.
-
#72道路駕駛李教練
李教練有超過十年的道路駕駛教學經驗，也是學員好評推薦的教練！ ... 台东有什么好玩的; 中壢花漾旅館遊戲王閃刀姬Epson 的print image framer 下載.
-
#73教学设设计_设计 - 过人科技网
如果你最近在学习Framer那么看这个频道足够了，讲的足够清晰易懂，最新的主流设计软件在这里都可以找到对应的教程。主流的Flito的教学视频也有，所以星球很多小伙伴 ...
-
#74Atom-syntax-atom-ui,受framer流行的代码编辑器 ... - CSDN社区
以下内容是CSDN社区关于Atom-syntax-atom-ui,受framer流行的代码编辑器启发 ... 高中生涯规划课程教学设计及流程-能力探索.pdf 高中生涯规划课程教学 ...
-
#75攝影頻道Mango Street 的90 秒教學影片，以線條清楚講解9 個 ...
攝影教學頻道「Mango Street」由三位攝影師組成，開設不足兩年已吸引76 萬人訂閱， ... 以下是拍攝姿勢教學及示範照片： ... （4）The Framer.
-
#76sketchup 動畫設定
SketchUp 超簡易教學03 – 導覽動畫. PDF 檔案 ... 學習專欄; 檢視模型; 設計師學習Framer 第三章：運用Animation 讓原型更生動; 3D Warehouse.
-
#77Word Framer~ 指字框 - Rebecca Huang的部落格- 痞客邦
Word Framer~ 指字框 ... 這是從文章延伸的相關問答呦！讓每個有疑惑的人都能獲得幫助！ 更多mnbvcxz1980 的小孩和大孩的英文教學活動 推薦文章. 活動～扮演DADDY.
-
#78framer翻译_用法_发音- 英语词典 - 新东方在线
framer 是什么意思？framer怎么读？新东方在线字典为用户提供单词framer的释义、framer的音标和发音、framer的用法、例句、词组、词汇搭配、近反义词等内容， ...
-
#79Code Editor | Framer
Including using the Import Menu, auto-complete, and more. Framer includes a powerful code editor to help you explore interactive ideas, play with JavaScript and ...
-
#80最強比拼，選出最佳#CanonFullFramer！ - 攝影入門
免費領取更多攝影教學 ... 已經有超過1,000,000+ 攝影愛好者加入了！實用攝影技巧、器材資訊和優惠直達閣下的郵箱。
-
#81入門Figma必看！最詳盡教學（下）如何開始你的設計
一般來說，在Figma上面做設計的區域，我們都是用框架Frame拉出來的。 框架？是前面提到區域工具的框架嗎？沒錯，是一樣的 ...
-
#82Protopie 教學| 蝦皮圖片
主要下载; 直接下载链接# 64 - protopie 教學 ... 設計＆原型製作工具，e.g、Sketch、Figma、Zeplin、Abstract、Protopie、Framer web、Overflow等.
-
#83Framer 破解
Framer 破解 הסרט אפקט הפרפר 1 לצפייה ישירה. ... 下載音樂(MP3檔)、影片(MP4檔)，快看下面的 教學 範例吾爱破解所发布的一切破解补丁、注册 ...
-
#84安 9`m :h :- 9 + 9 b B ~ framer 破解
(Webike-摩托新聞,檔車,離合器,重機,摩托車,換檔,技巧,機車,教學,無離合) 首頁»重型機車(250以上)»2021 HONDA Rebel 1100實車鑑賞：叛逆美式嬉皮 ...
-
#85Tutorials | Framer
Tutorials. Choose a tutorial to start a new Framer project with a step-by-step video guide right on your canvas. Sign up for free.
-
#86創新UIUX設計思維UIUX cafe 學習好所在不藏私大公開 - 台灣好 ...
平日晚上或週末會定期舉辦課程講座，教學Sketch, Flinto, Pixate, Framer, Swift 等工具，讓正要踏入設計領域的學員，能夠更快上手、提升能力。
-
#87Resize content in a frame in InDesign - Adobe Help Center
Adobe InDesign. < 查看所有應用程式 · 學習與支援 · 開始使用 · 使用手冊 · 教學課程 ...
-
#88教學理論與方法 - 第 472 頁 - Google 圖書結果
... Framer , J.A. , & Wolff , P.M . ( 1991 ) . Instructional design . N. J. : Prentice - Hill . Wloodkowski , R.J . ( 1985 ) . Enhancing adult 412 教學理論 ...
-
#89【送料無料/即納返品OK】の【innovator/イノベーター ...
... イノベーター】Framer typeスーツケース90L」（INV68DBLU）を購入でき ... 研究生代表及研究生教学秘书、外事秘书等通过网络直播平台参加会议。
-
#90【レビューで送料無料】の【innovator/イノベーター】 Framer ...
【レビューで送料無料】の【innovator/イノベーター】 Framer typeスーツ ... 《二语教学与中华文化传播》课程是汉语国际教育专业中、外博士研究生的 ...
-
#91Framer)视频在线观看 - 搜准网
Framer )视频专题为您提供Framer)的相关视频，并显示详细的Framer)视频信息，例如视频时长、播放次数和评论次数。
-
#92Production-Ready Animation Library for React | Framer Motion
Framer Motion. A production-ready motion library for React. Utilize the power behind Framer, the best prototyping tool for teams. Proudly open source.
-
#93幼女戰記 (16) - Google 圖書結果
4 . ,教学参中。, -- Tr 4 一中学--。一个人。. -。-- || || e . --鲁鲁鲁。等等*產。-来。出事學會| | -- ,事。-中学生等- 4 生其中,中中一下。
-
#94［Mockup設計］頁面設計｜以Figma製作介面設計精稿
使用者介面設計，教學網站，User interface design，UI，中國科大，視傳系.
-
#95盘点：BAT设计师在用哪些高效设计工具？ - 环信
当前阶段各种新兴设计工具如XD、Figma、Framer Web逐渐走进设计师们的视野，它们专注于界面设计领域，不断挖掘和突破Sketch的短板，为设计师们打造更 ...
-
#96Playground 驅動開發：助你加快編譯過程大大提高開發效率
iOS, Swift & SwiftUI 程式開發書籍 · App模板 · iOS 開發實體課程 · 程式設計教學 · iOS · Swift · watchOS · Chatbot · 人物專訪 · 徵才・投稿 · 關於我們 · English ...
framer教學 在 hktuto 設計教學 Youtube 的最佳解答
第一集 hktuto live 同大家講下 UI 同 prototype 既工具
adobe experience design cc : http://www.adobe.com/hk_zh/products/experience-design.html
Pirate : http://www.pixate.com
framer js : http://framerjs.com/
Brackets : http://brackets.io
emmet : http://emmet.io -- Watch live at http://www.twitch.tv/hktuto_live