All Projects → hossamghareeb → Facebook Pop Tutorial

hossamghareeb / Facebook Pop Tutorial

Licence: mit
Facebook's Pop Framework, By Examples

Projects that are alternatives of or similar to Facebook Pop Tutorial

Lazytransitions
Lazy pop and dismiss like in the Facebook, Instagram or Twitter apps.
Stars: ✭ 377 (+108.29%)
Mutual labels:  pop, facebook
Learn Rollup
This is an example project to accompany a tutorial on using Rollup.
Stars: ✭ 178 (-1.66%)
Mutual labels:  tutorial
Astropy Tutorials
Tutorials for the Astropy Project
Stars: ✭ 174 (-3.87%)
Mutual labels:  tutorial
Vuetable 2 With Laravel 5.4
Sample project using Vuetable-2 in Laravel 5.4 and Laravel-Mix
Stars: ✭ 178 (-1.66%)
Mutual labels:  tutorial
Epicsurvivalgameseries
Third-person Survival Game for Unreal Engine 4 (Sample Project)
Stars: ✭ 2,389 (+1219.89%)
Mutual labels:  tutorial
Gridgarden
A game for learning CSS grid layout 🥕
Stars: ✭ 2,331 (+1187.85%)
Mutual labels:  tutorial
Spring Cloud Tutorial
Spring Cloud Tutorial.《Spring Cloud 教程》
Stars: ✭ 173 (-4.42%)
Mutual labels:  tutorial
Postwill
Posting to the most popular social media from Ruby
Stars: ✭ 181 (+0%)
Mutual labels:  facebook
Ibm Developer
Articles and tutorials I've written for IBM Developer
Stars: ✭ 179 (-1.1%)
Mutual labels:  tutorial
Alfresco Developer Series
Source code from the ecmarchitect.com Alfresco Developer Series tutorials
Stars: ✭ 177 (-2.21%)
Mutual labels:  tutorial
Solid Tutorial Intro
Introductory tutorial to Solid
Stars: ✭ 177 (-2.21%)
Mutual labels:  tutorial
Tutorial About 3d Convolutional Network
Tutorial about 3D convolutional network
Stars: ✭ 177 (-2.21%)
Mutual labels:  tutorial
Tensorflow Tutorials
텐서플로우를 기초부터 응용까지 단계별로 연습할 수 있는 소스 코드를 제공합니다
Stars: ✭ 2,096 (+1058.01%)
Mutual labels:  tutorial
Invisibility cloak
This is a fun application of image processing which enables you to experience the magic of an invisibility cloak. Let's make our childhood fantasy of using an invisibility cloak come true.
Stars: ✭ 176 (-2.76%)
Mutual labels:  tutorial
Studytensorflow
How to use TensorFlow
Stars: ✭ 180 (-0.55%)
Mutual labels:  tutorial
Es6 Tutorial
Essentials in JavaScript ES6 - A Fun and Clear Introduction
Stars: ✭ 175 (-3.31%)
Mutual labels:  tutorial
Springy facebook rebound
Springy makes Android Property animation easy to use.
Stars: ✭ 176 (-2.76%)
Mutual labels:  facebook
Electron Tutorials
Collection of small sample Electron apps
Stars: ✭ 178 (-1.66%)
Mutual labels:  tutorial
Build Your Own Shell
Guidance for mollusks (WIP)
Stars: ✭ 181 (+0%)
Mutual labels:  tutorial
Deeptoxic
top 1% solution to toxic comment classification challenge on Kaggle.
Stars: ✭ 180 (-0.55%)
Mutual labels:  tutorial

Facebook's Pop Framework, By Examples

---

This project is a tutorial (Check tutorial here) for how to use Pop framework by Facebook. Its very easy and effecient framework that helps you to make decent animation in no time. In this project you will find some simple demoes, they are not big demoes but I promise you, they will help you in mastering the framework.

What is Pop?

Pop is an extensible animation engine for both iOS and OS X. In addition to basic animations including Linear, Ease-In, Ease-Out, Ease-In-Ease-Out animations, it supports spring (at the time of its release, spring animation was not supported in iOS), decay and custom animations:

  • Spring: dynamic animation that creates a nice bouncing effect.
  • Decay: dynamic animation that brings a movement to a smooth halt.
  • Custom: because the engine is designed to be extensible, you can create your own custom animations.

The Pop API is very developer friendly that lets you easily build some realistic, physics-based interactions. For instance, here is the code snippet for creating a spring animation on a text label:

POPSpringAnimation *sprintAnimation = [POPSpringAnimation animationWithPropertyNamed:kPOPViewScaleXY];
sprintAnimation.toValue = [NSValue valueWithCGPoint:CGPointMake(0.9, 0.9)];
sprintAnimation.velocity = [NSValue valueWithCGPoint:CGPointMake(2, 2)];
sprintAnimation.springBounciness = 20.f;
[self.textLabel pop_addAnimation:sprintAnimation forKey:@"springAnimation"];

For Swift Lovers

--- Navigate to this "Swift Version" folder or ([click here](https://github.com/hossamghareeb/Facebook-POP-Tutorial/tree/master/Swift%20Version "Swift Version")) to see the full working exmples written in Swift.

Pop Examples

---

Animate UITableView cells selection:

Facebook Messenger Send/Like animation:

UITextField wrong entry animation:

Custom Transition for Modal ViewControllers:

License

---

The MIT License (MIT)

Copyright (c) 2014 Hossam Ghareeb ([email protected])

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].