Updating conversion, creating readmes
This commit is contained in:
@@ -1,11 +1,11 @@
|
||||
[38;5;12m [39m[38;2;255;187;0m[1m[4mAwesome Framer [0m[38;5;14m[1m[4m![0m[38;2;255;187;0m[1m[4mAwesome[0m[38;5;14m[1m[4m (https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)[0m[38;2;255;187;0m[1m[4m (https://github.com/sindresorhus/awesome)[0m
|
||||
[38;5;12m [39m[38;2;255;187;0m[1m[4mAwesome Framer [0m[38;5;14m[1m[4m![0m[38;2;255;187;0m[1m[4mAwesome[0m[38;5;14m[1m[4m (https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)[0m[38;2;255;187;0m[1m[4m (https://github.com/sindresorhus/awesome)[0m
|
||||
|
||||
[38;5;12m (https://framer.com/)[39m
|
||||
|
||||
[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mA curated list of [39m[38;5;14m[1mFramer[0m[38;5;12m (http://framer.com) prototyping tool articles, resources, tutorials and other related things.[39m
|
||||
|
||||
[38;5;14m[1mFramer[0m[38;5;12m [39m[38;5;12m(http://framer.com)[39m[38;5;12m [39m[38;5;12mis[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mtool[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mcreate[39m[38;5;12m [39m[38;5;12manimated[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12minteractive[39m[38;5;12m [39m[38;5;12mprototypes.[39m[38;5;12m [39m[38;5;12mIt[39m[38;5;12m [39m[38;5;12muses[39m[38;5;12m [39m[38;5;12mmodern[39m[38;5;12m [39m[38;5;12mweb[39m[38;5;12m [39m[38;5;12mtechnologies[39m[38;5;12m [39m[38;5;12msuch[39m[38;5;12m [39m[38;5;12mas[39m[38;5;12m [39m[38;5;12mJavaScript,[39m[38;5;12m [39m[38;5;12mHTML[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mCSS[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mextend[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mcapabilities[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12madvanced[39m[38;5;12m [39m[38;5;12musers[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m
|
||||
[38;5;12mauto-correct,[39m[38;5;12m [39m[38;5;12mintuitive[39m[38;5;12m [39m[38;5;12merror[39m[38;5;12m [39m[38;5;12mmessaging[39m[38;5;12m [39m[38;5;12mor[39m[38;5;12m [39m[38;5;12min-app[39m[38;5;12m [39m[38;5;12mdocumentation[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mlower[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mlearning[39m[38;5;12m [39m[38;5;12mcurve[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12mbeginners.[39m
|
||||
[38;5;14m[1mFramer[0m[38;5;12m [39m[38;5;12m(http://framer.com)[39m[38;5;12m [39m[38;5;12mis[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mtool[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mcreate[39m[38;5;12m [39m[38;5;12manimated[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12minteractive[39m[38;5;12m [39m[38;5;12mprototypes.[39m[38;5;12m [39m[38;5;12mIt[39m[38;5;12m [39m[38;5;12muses[39m[38;5;12m [39m[38;5;12mmodern[39m[38;5;12m [39m[38;5;12mweb[39m[38;5;12m [39m[38;5;12mtechnologies[39m[38;5;12m [39m[38;5;12msuch[39m[38;5;12m [39m[38;5;12mas[39m[38;5;12m [39m[38;5;12mJavaScript,[39m[38;5;12m [39m[38;5;12mHTML[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mCSS[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mextend[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mcapabilities[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12madvanced[39m[38;5;12m [39m[38;5;12musers[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mauto-correct,[39m[38;5;12m [39m[38;5;12mintuitive[39m[38;5;12m [39m[38;5;12merror[39m[38;5;12m [39m
|
||||
[38;5;12mmessaging[39m[38;5;12m [39m[38;5;12mor[39m[38;5;12m [39m[38;5;12min-app[39m[38;5;12m [39m[38;5;12mdocumentation[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mlower[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mlearning[39m[38;5;12m [39m[38;5;12mcurve[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12mbeginners.[39m
|
||||
|
||||
[38;2;255;187;0m[4mContents[0m
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSites[0m[38;5;12m (#sites)[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mOther[0m[38;5;12m (#other)[39m
|
||||
|
||||
[38;5;238m―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――[39m
|
||||
[38;5;238m――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――[39m
|
||||
|
||||
[38;2;255;187;0m[4mGeneral[0m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mOfficial Site[0m[38;5;12m (http://framer.com)[39m
|
||||
@@ -34,10 +34,10 @@
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWhy Framer.js Matters[0m[38;5;12m (https://medium.com/@drocarmo/why-framer-js-matters-93eb1206e606#.846k6rca6) - Pedro Carmo on why Framer is a tool designers should start using.[39m
|
||||
|
||||
[38;2;255;187;0m[4mVideos[0m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mStripe[0m[38;5;14m[1m [0m[38;5;14m[1mSpeaker[0m[38;5;14m[1m [0m[38;5;14m[1mSeries:[0m[38;5;14m[1m [0m[38;5;14m[1mDesigning[0m[38;5;14m[1m [0m[38;5;14m[1mwith[0m[38;5;14m[1m [0m[38;5;14m[1mFramer[0m[38;5;12m [39m[38;5;12m(https://www.youtube.com/watch?v=mqk9Fw8FKLY)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mKoen[39m[38;5;12m [39m[38;5;12mBok[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mJorn[39m[38;5;12m [39m[38;5;12mvan[39m[38;5;12m [39m[38;5;12mDijk[39m[38;5;12m [39m[38;5;12mgive[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mshort[39m[38;5;12m [39m[38;5;12mtalk[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mQ&A[39m[38;5;12m [39m[38;5;12mfocused[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mFramer[39m[38;5;12m [39m[38;5;12mthat[39m[38;5;12m [39m[38;5;12malso[39m[38;5;12m [39m[38;5;12mcovers[39m[38;5;12m [39m[38;5;12mprototyping[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mgeneral[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12ma[39m
|
||||
[38;5;12mdiscussion[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mvarious[39m[38;5;12m [39m[38;5;12mdesign[39m[38;5;12m [39m[38;5;12mtools[39m[38;5;12m [39m[38;5;12mavailable[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mmarket.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFORM[0m[38;5;14m[1m [0m[38;5;14m[1mSF[0m[38;5;14m[1m [0m[38;5;14m[1m2014:[0m[38;5;14m[1m [0m[38;5;14m[1mPanel[0m[38;5;14m[1m [0m[38;5;14m[1m-[0m[38;5;14m[1m [0m[38;5;14m[1mDesign[0m[38;5;14m[1m [0m[38;5;14m[1mTooling[0m[38;5;12m [39m[38;5;12m(https://www.youtube.com/watch?v=gX0n4JUl18g)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mDiscussion[39m[38;5;12m [39m[38;5;12mbetween[39m[38;5;12m [39m[38;5;12mcreators[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mpopular[39m[38;5;12m [39m[38;5;12mdesign[39m[38;5;12m [39m[38;5;12mtools[39m[38;5;12m [39m[38;5;12m(including[39m[38;5;12m [39m[38;5;12mKoen[39m[38;5;12m [39m[38;5;12mBok[39m[38;5;12m [39m[38;5;12mfrom[39m[38;5;12m [39m[38;5;12mFramer)[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mvalue[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mprototyping,[39m[38;5;12m [39m[38;5;12mlessons[39m[38;5;12m [39m
|
||||
[38;5;12mlearned[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mcrafting[39m[38;5;12m [39m[38;5;12mproducts[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12mdesigners,[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mfuture[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mUX[39m[38;5;12m [39m[38;5;12mtools.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mStripe Speaker Series: Designing with Framer[0m
|
||||
[38;5;12m (https://www.youtube.com/watch?v=mqk9Fw8FKLY) - Koen Bok and Jorn van Dijk give a short talk and Q&A focused on Framer that also covers prototyping in general and a discussion of the various design tools available in the market.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFORM[0m[38;5;14m[1m [0m[38;5;14m[1mSF[0m[38;5;14m[1m [0m[38;5;14m[1m2014:[0m[38;5;14m[1m [0m[38;5;14m[1mPanel[0m[38;5;14m[1m [0m[38;5;14m[1m-[0m[38;5;14m[1m [0m[38;5;14m[1mDesign[0m[38;5;14m[1m [0m[38;5;14m[1mTooling[0m[38;5;12m [39m[38;5;12m(https://www.youtube.com/watch?v=gX0n4JUl18g)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mDiscussion[39m[38;5;12m [39m[38;5;12mbetween[39m[38;5;12m [39m[38;5;12mcreators[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mpopular[39m[38;5;12m [39m[38;5;12mdesign[39m[38;5;12m [39m[38;5;12mtools[39m[38;5;12m [39m[38;5;12m(including[39m[38;5;12m [39m[38;5;12mKoen[39m[38;5;12m [39m[38;5;12mBok[39m[38;5;12m [39m[38;5;12mfrom[39m[38;5;12m [39m[38;5;12mFramer)[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mvalue[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mprototyping,[39m[38;5;12m [39m[38;5;12mlessons[39m[38;5;12m [39m[38;5;12mlearned[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mcrafting[39m[38;5;12m [39m
|
||||
[38;5;12mproducts[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12mdesigners,[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mfuture[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mUX[39m[38;5;12m [39m[38;5;12mtools.[39m
|
||||
|
||||
[38;2;255;187;0m[4mTutorials[0m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer.js Official Basics[0m[38;5;12m (http://framerjs.com/learn/basics) - The place to start prototyping with Framer.[39m
|
||||
@@ -51,14 +51,10 @@
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mBuilding Your First Prototype[0m[38;5;12m (http://www.cutandfold.co/blog/2015/9/8/building-your-first-prototype) - Second guide by Andrew Nalband, where you start building real prototype from Sketch file.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCreating Your First Prototype with Framer[0m[38;5;12m (https://medium.com/@kennycheny/creating-your-first-prototype-with-framer-c39221da7668#.3jcem1x61) - Animation tutorial by Kenny Chen.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer.js Workshop[0m[38;5;12m (http://codepen.io/collection/nRzzaZ/) - Collection of Framer examples by [39m[38;5;14m[1mJay Stakelon[0m[38;5;12m (https://twitter.com/stakelon).[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMotion is Emotion: Prototyping Microinteractions for Apple Watch with Framer Studio[0m
|
||||
[38;5;12m (https://web.archive.org/web/20160304015511/https://blog.grandcentrix.net/motion-is-emotion/) - Apple Watch temperature gauge prototype tutorial.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPeriscope[0m[38;5;14m[1m [0m[38;5;14m[1mHeart[0m[38;5;14m[1m [0m[38;5;14m[1mAnimation[0m[38;5;14m[1m [0m[38;5;14m[1mDemo[0m[38;5;14m[1m [0m[38;5;14m[1mat[0m[38;5;14m[1m [0m[38;5;14m[1mthe[0m[38;5;14m[1m [0m[38;5;14m[1mSeattle[0m[38;5;14m[1m [0m[38;5;14m[1mFramerJS[0m[38;5;14m[1m [0m[38;5;14m[1mMeetup[0m[38;5;12m [39m[38;5;12m(https://www.youtube.com/watch?v=qFUXxqzZytU)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mPresentation[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;14m[1mJordan[0m[38;5;14m[1m [0m[38;5;14m[1mDobson[0m[38;5;12m [39m[38;5;12m(https://twitter.com/jordandobson)[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mhow[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mcreate[39m[38;5;12m [39m[38;5;12mPeriscope[39m[38;5;12m [39m[38;5;12mheart[39m[38;5;12m [39m
|
||||
[38;5;12manimation[39m[38;5;12m [39m[38;5;12mwith[39m[38;5;12m [39m[38;5;12mFramer.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mUsing Parse to power up your Framer prototypes[0m
|
||||
[38;5;12m (https://medium.com/facebook-design/using-parse-to-power-up-your-framer-prototypes-88cb87009d00#.8noe6r2wb) - Using Framer with real data Part 1 by George Kedenburg III.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGive your Framer prototypes a better memory[0m
|
||||
[38;5;12m (https://medium.com/facebook-design/give-your-framer-prototypes-a-better-memory-212b26e0f934#.6ws4983e7) - Using Framer with real data Part 2 by George Kedenburg III.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMotion is Emotion: Prototyping Microinteractions for Apple Watch with Framer Studio[0m[38;5;12m (https://web.archive.org/web/20160304015511/https://blog.grandcentrix.net/motion-is-emotion/) - Apple Watch temperature gauge prototype tutorial.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPeriscope Heart Animation Demo at the Seattle FramerJS Meetup[0m[38;5;12m (https://www.youtube.com/watch?v=qFUXxqzZytU) - Presentation by [39m[38;5;14m[1mJordan Dobson[0m[38;5;12m (https://twitter.com/jordandobson) on how to create Periscope heart animation with Framer.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mUsing Parse to power up your Framer prototypes[0m[38;5;12m (https://medium.com/facebook-design/using-parse-to-power-up-your-framer-prototypes-88cb87009d00#.8noe6r2wb) - Using Framer with real data Part 1 by George Kedenburg III.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGive your Framer prototypes a better memory[0m[38;5;12m (https://medium.com/facebook-design/give-your-framer-prototypes-a-better-memory-212b26e0f934#.6ws4983e7) - Using Framer with real data Part 2 by George Kedenburg III.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWorking with SVG Paths in Framer[0m[38;5;12m (https://medium.com/framer-prototyping/working-with-svg-paths-in-framer-43d3c2d08adc) - Starting point for SVG Paths in Framer by Josh Puckett.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mManaging Styles and CSS in Framer[0m[38;5;12m (http://martenbjork.com/2016/05/managing-styles-and-css-in-framer/) - Mårten Björk on styles management in Framer.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mDeveloping a Framer Module[0m[38;5;12m (https://medium.com/bpxl-craft/developing-a-framer-module-dbf6a7d6ffc9#.ju0gck7hd) - John Marstall teaches how to create a Framer Module.[39m
|
||||
@@ -67,26 +63,23 @@
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPrototyping Speech Recognition in Framer.js[0m
|
||||
[38;5;12m (https://medium.com/framer-prototyping/prototyping-speech-recognition-in-framer-js-9cbbbd01757#.dkwuowqwy) - Brian Bailey gives a breaf introduction to speach recognition prototyping in Framer.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPower your Framer prototypes with real location data[0m[38;5;12m (https://www.mapbox.com/blog/power-framer-prototype-with-mapbox/) - Maya Gao on Framer prototypes with real location data using Mapbox API.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mHow to Create High‑Quality GIFs[0m
|
||||
[38;5;12m (https://framer.com/blog/posts/how-to-create-high-quality-gifs) - How to Create High‑Quality GIFs, our guide to making amazing GIFs with some of our favorite tools: ScreenFlow and Claquette.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mHow to Create High‑Quality GIFs[0m[38;5;12m (https://framer.com/blog/posts/how-to-create-high-quality-gifs) - How to Create High‑Quality GIFs, our guide to making amazing GIFs with some of our favorite tools: ScreenFlow and Claquette.[39m
|
||||
|
||||
[38;2;255;187;0m[4mVideo Courses[0m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMobile[0m[38;5;14m[1m [0m[38;5;14m[1mApp[0m[38;5;14m[1m [0m[38;5;14m[1mPrototyping:[0m[38;5;14m[1m [0m[38;5;14m[1mDesigning[0m[38;5;14m[1m [0m[38;5;14m[1mCustom[0m[38;5;14m[1m [0m[38;5;14m[1mInteractions[0m[38;5;12m [39m[38;5;12m(https://www.skillshare.com/classes/design/Mobile-App-Prototyping-Designing-Custom-Interactions/382444545)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12m50-minute[39m[38;5;12m [39m[38;5;12mSkillshare[39m[38;5;12m [39m[38;5;12mclass[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mhow[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12muse[39m[38;5;12m [39m
|
||||
[38;5;12mmobile[39m[38;5;12m [39m[38;5;12mapp[39m[38;5;12m [39m[38;5;12mprototyping[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mcommunicate[39m[38;5;12m [39m[38;5;12myour[39m[38;5;12m [39m[38;5;12mideas[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mexecute[39m[38;5;12m [39m[38;5;12myour[39m[38;5;12m [39m[38;5;12mvision[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;14m[1mNoah[0m[38;5;14m[1m [0m[38;5;14m[1mLevin[0m[38;5;12m [39m[38;5;12m(https://twitter.com/nlevin).[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramerjs:[0m[38;5;14m[1m [0m[38;5;14m[1mInnovative[0m[38;5;14m[1m [0m[38;5;14m[1mprototyping[0m[38;5;14m[1m [0m[38;5;14m[1mand[0m[38;5;14m[1m [0m[38;5;14m[1mdesign[0m[38;5;14m[1m [0m[38;5;14m[1mwith[0m[38;5;14m[1m [0m[38;5;14m[1minteraction[0m[38;5;12m [39m[38;5;12m(https://www.udemy.com/framerjs-prototyping-design-interaction-animation/?couponCode=FRAMER)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12m54[39m[38;5;12m [39m[38;5;12mparts,[39m[38;5;12m [39m[38;5;12m6[39m[38;5;12m [39m[38;5;12mhours[39m[38;5;12m [39m[38;5;12mcourse[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;14m[1mAdria[0m[38;5;14m[1m [0m[38;5;14m[1mJimenez[0m[38;5;12m [39m
|
||||
[38;5;12m(https://twitter.com/ajimix).[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMobile[0m[38;5;14m[1m [0m[38;5;14m[1mApp[0m[38;5;14m[1m [0m[38;5;14m[1mPrototyping:[0m[38;5;14m[1m [0m[38;5;14m[1mDesigning[0m[38;5;14m[1m [0m[38;5;14m[1mCustom[0m[38;5;14m[1m [0m[38;5;14m[1mInteractions[0m[38;5;12m [39m[38;5;12m(https://www.skillshare.com/classes/design/Mobile-App-Prototyping-Designing-Custom-Interactions/382444545)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12m50-minute[39m[38;5;12m [39m[38;5;12mSkillshare[39m[38;5;12m [39m[38;5;12mclass[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mhow[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12muse[39m[38;5;12m [39m[38;5;12mmobile[39m[38;5;12m [39m[38;5;12mapp[39m[38;5;12m [39m[38;5;12mprototyping[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m
|
||||
[38;5;12mcommunicate[39m[38;5;12m [39m[38;5;12myour[39m[38;5;12m [39m[38;5;12mideas[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mexecute[39m[38;5;12m [39m[38;5;12myour[39m[38;5;12m [39m[38;5;12mvision[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;14m[1mNoah[0m[38;5;14m[1m [0m[38;5;14m[1mLevin[0m[38;5;12m [39m[38;5;12m(https://twitter.com/nlevin).[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramerjs: Innovative prototyping and design with interaction[0m[38;5;12m (https://www.udemy.com/framerjs-prototyping-design-interaction-animation/?couponCode=FRAMER) - 54 parts, 6 hours course by [39m[38;5;14m[1mAdria Jimenez[0m[38;5;12m (https://twitter.com/ajimix).[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPrototyping with Framer[0m[38;5;12m (http://www.sketchcasts.net/episodes/prototyping-with-framer-part-1) - Three-part prototyping course by [39m[38;5;14m[1mRafael Conde[0m[38;5;12m (https://twitter.com/rafahari).[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mRapid Prototyping with Framer[0m[38;5;12m (https://player.oreilly.com/videos/9781771374620) - 5-hour long prototyping course by [39m[38;5;14m[1mKenny Chen[0m[38;5;12m (https://twitter.com/kennycheny).[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPrototyping[0m[38;5;14m[1m [0m[38;5;14m[1mWith[0m[38;5;14m[1m [0m[38;5;14m[1mFramer.js[0m[38;5;12m [39m[38;5;12m(https://generalassemb.ly/education/prototyping-with-framerjs)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mOn-location[39m[38;5;12m [39m[38;5;12mcourse[39m[38;5;12m [39m[38;5;12minstructed[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;14m[1mJay[0m[38;5;14m[1m [0m[38;5;14m[1mStakelon[0m[38;5;12m [39m[38;5;12m(https://twitter.com/stakelon),[39m[38;5;12m [39m[38;5;14m[1mNoah[0m[38;5;14m[1m [0m[38;5;14m[1mLevin[0m[38;5;12m [39m[38;5;12m(https://twitter.com/nlevin)[39m
|
||||
[38;5;12mand[39m[38;5;12m [39m[38;5;14m[1mCemre[0m[38;5;14m[1m [0m[38;5;14m[1mGüngör[0m[38;5;12m [39m[38;5;12m(https://twitter.com/gem_ray).[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPrototyping[0m[38;5;14m[1m [0m[38;5;14m[1mWith[0m[38;5;14m[1m [0m[38;5;14m[1mFramer.js[0m[38;5;12m [39m[38;5;12m(https://generalassemb.ly/education/prototyping-with-framerjs)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mOn-location[39m[38;5;12m [39m[38;5;12mcourse[39m[38;5;12m [39m[38;5;12minstructed[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;14m[1mJay[0m[38;5;14m[1m [0m[38;5;14m[1mStakelon[0m[38;5;12m [39m[38;5;12m(https://twitter.com/stakelon),[39m[38;5;12m [39m[38;5;14m[1mNoah[0m[38;5;14m[1m [0m[38;5;14m[1mLevin[0m[38;5;12m [39m[38;5;12m(https://twitter.com/nlevin)[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;14m[1mCemre[0m[38;5;14m[1m [0m[38;5;14m[1mGüngör[0m[38;5;12m [39m
|
||||
[38;5;12m(https://twitter.com/gem_ray).[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mUI Prototyping with Framer.js[0m[38;5;12m (https://www.pluralsight.com/courses/ui-prototyping-framer-js) - Almost 5 hours long course by [39m[38;5;14m[1mJay Stakelon[0m[38;5;12m (https://twitter.com/stakelon).[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramercasts[0m[38;5;12m (http://www.framercasts.com/) - Advance your Framer knowledge with real world examples produced by [39m[38;5;14m[1mMike Johnson[0m[38;5;12m (https://twitter.com/failsafedesign).[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer for UX Design[0m
|
||||
[38;5;12m (https://www.lynda.com/FramerJS-tutorials/UX-Design-Tools-Framer/562923-2.html) - Emmanuel Henri shows both how to use non-coding Framer tools and how the usage of programming fits into the UX design process.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer for UX Design[0m[38;5;12m (https://www.lynda.com/FramerJS-tutorials/UX-Design-Tools-Framer/562923-2.html) - Emmanuel Henri shows both how to use non-coding Framer tools and how the usage of programming fits into the UX design process.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Crash Course[0m[38;5;12m (https://www.youtube.com/playlist?list=PLWlUJU11tp4f41p4dzizVkjjTQ38kA0wG) - Crash course learning the basics of design and code on Framer.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mdesigners.how Framer Courses[0m[38;5;12m (https://designers.how/topics/framer) - List of basic and more advanced Framer courses.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer[0m[38;5;14m[1m [0m[38;5;14m[1mStudio[0m[38;5;14m[1m [0m[38;5;14m[1mfor[0m[38;5;14m[1m [0m[38;5;14m[1mBeginners:[0m[38;5;14m[1m [0m[38;5;14m[1mA[0m[38;5;14m[1m [0m[38;5;14m[1mComprehensive[0m[38;5;14m[1m [0m[38;5;14m[1mGuide[0m[38;5;12m [39m[38;5;12m(https://www.youtube.com/playlist?list=PLIZVb6Yuw91yGUNbSNEHvWWHkdol6SJUW)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mSeries[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mvideos[39m[38;5;12m [39m[38;5;12mthat[39m[38;5;12m [39m[38;5;12mwalk[39m[38;5;12m [39m[38;5;12myou[39m[38;5;12m [39m[38;5;12mthrough[39m[38;5;12m [39m[38;5;12mdesigning[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mcoding[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mFramer[39m[38;5;12m [39m[38;5;12musing[39m[38;5;12m [39m
|
||||
[38;5;12mhands-on[39m[38;5;12m [39m[38;5;12mprojects[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;14m[1mCordova[0m[38;5;14m[1m [0m[38;5;14m[1mPutra[0m[38;5;12m [39m[38;5;12m(https://twitter.com/cordova)[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer[0m[38;5;14m[1m [0m[38;5;14m[1mStudio[0m[38;5;14m[1m [0m[38;5;14m[1mfor[0m[38;5;14m[1m [0m[38;5;14m[1mBeginners:[0m[38;5;14m[1m [0m[38;5;14m[1mA[0m[38;5;14m[1m [0m[38;5;14m[1mComprehensive[0m[38;5;14m[1m [0m[38;5;14m[1mGuide[0m[38;5;12m [39m[38;5;12m(https://www.youtube.com/playlist?list=PLIZVb6Yuw91yGUNbSNEHvWWHkdol6SJUW)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mSeries[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mvideos[39m[38;5;12m [39m[38;5;12mthat[39m[38;5;12m [39m[38;5;12mwalk[39m[38;5;12m [39m[38;5;12myou[39m[38;5;12m [39m[38;5;12mthrough[39m[38;5;12m [39m[38;5;12mdesigning[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mcoding[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mFramer[39m[38;5;12m [39m[38;5;12musing[39m[38;5;12m [39m[38;5;12mhands-on[39m[38;5;12m [39m[38;5;12mprojects[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;14m[1mCordova[0m[38;5;14m[1m [0m
|
||||
[38;5;14m[1mPutra[0m[38;5;12m [39m[38;5;12m(https://twitter.com/cordova)[39m
|
||||
|
||||
[38;2;255;187;0m[4mBooks[0m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCoffeeScript for Framer[0m[38;5;12m (http://coffeescript-for-framerjs.com) by [39m[38;5;14m[1mTessa Thornton[0m[38;5;12m (https://twitter.com/tessthornton)[39m
|
||||
@@ -176,8 +169,7 @@
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Joystick[0m[38;5;12m (https://github.com/emilwidlund/framer-joystick) - Module for Gamepad-driven UI prototypes.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Feedback[0m[38;5;12m (https://github.com/aboutjax/Framer-Feedback) - Framer feedback module makes it easier for you to prototype with feedback messages.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer-Bottom-Navigation[0m[38;5;12m (https://github.com/johnmpsherwin/Framer-Bottom-Navigation) - Framer Module to add Android's Bottom Navigation to your project.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Device Rotator[0m
|
||||
[38;5;12m (https://github.com/josephxbrick/DeviceRotator) - A Framer module that adds a rotation button to a phone/tablet when said is displayed in a desktop browser or in Framer Studio (but not on device).[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Device Rotator[0m[38;5;12m (https://github.com/josephxbrick/DeviceRotator) - A Framer module that adds a rotation button to a phone/tablet when said is displayed in a desktop browser or in Framer Studio (but not on device).[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mKeyboard Input for Framer[0m[38;5;12m (https://github.com/Skinny-Malinky/Keyboard-Input-for-Framer) - A module that allows you to easily manage keyboard input.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer DesignComponents[0m[38;5;12m (https://github.com/sebcglbailey/framer-DesignComponents) - Module for converting your designs in design mode into full scalable classes in code, without a single line of code!.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Web Audio API Module[0m[38;5;12m (https://github.com/raulibanez/framer-audio) - A Framer module that provides better audio support for your Framer projects.[39m
|
||||
@@ -210,7 +202,7 @@
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWeb Kit[0m[38;5;12m (https://framer.com/assets/static/downloads/kits/web-kit.zip) - All the elements you’ll need to start your next web project. Direct link.[39m
|
||||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWireframe Kit[0m[38;5;12m (https://framer.com/assets/static/downloads/kits/wireframe-kit.zip) - Basic wireframe elements to blueprint your next big project. Direct link.[39m
|
||||
|
||||
[38;5;238m―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――[39m
|
||||
[38;5;238m――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――[39m
|
||||
|
||||
[38;2;255;187;0m[4mLicense[0m
|
||||
[38;5;12m![39m[38;5;14m[1mCC0[0m[38;5;12m (http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)[39m
|
||||
|
||||
Reference in New Issue
Block a user