Photpraphy, Video, Web Publishing and Media Design Techniques & Guides

Awesome set of links and resource to use for anything from photography, post processing, animations to web publishing and promotion. Check back here for more links,

Gotta thank this source for much of the links: 

Photography and Video Design Principles:

Design Trends in 2017, The TOP 5 !!! Get ahead!

Composition with D4Various, Great simple and concise examples covers all realms of composition.

The ULTIMATE Introduction to Camera Lenses!

Post Processing Tools : primarily Image Library Managers with Image Editors

XnView is AWESOME! Freeware and customizable and free!

Others…

Photo Animations

Gifs / Animated Seqiences

First:

Pro Show Gold

Magic Story 2017

How to turn an Image Sequence into a Video in Photoshop

How to Make an Animated GIF in Photoshop

Animate Photos in Photoshop - Tips, Tricks & Shortcuts

Feinstein, L. (2013) How To Turn Your Photos Into Animated Clips. Video showing the parallax effect. The Creators Project, November 14.

Gupta, R.K. (2011) Animation Techniques - 10 Animation Techniques Used in Films. Incredible Tutorials, May 9.

Kesakalaonu (2014) Advanced Photo Animation Techniques (cinemagraph effect, 2.5D effect, camera mapping effect).

Kolowich, L. (2015) How to Make an Animated GIF in Photoshop [Tutorial]. HubSpot, December 11.

Mikey (2015) Animating still images to look like video. YouTube, May 29.

Ravenscraft, E. (2014) The Complete Guide to Making Animated GIFs. Lifehacker, January 17.

Motionography?

Gif VS Cinemagraph

Cinemegraph

Antunes, J. (2015) Cinemagraphs: How to Create Animated Photographs in Adobe Photoshop. Envato tuts+, February 1.

Cinemagraph tutorial (basic technique).

Clarke, S. (2015) How to Create a Cinemagraph in 7 Easy Steps. HubSpot.

How to make a cinemagraph: the complete guide (2016). KatchUp, January 27.

How to Make Cinemagraphs - Still Photos that Move Like Movies.

Jenks, B. (2014) How To Make A Cinemagraph for Photoshop Newbies. Photodoto.

Rocheleau, J. (2016) Cinemagraphs: Awesome Examples & How To Make Your Own. Vandelaydesign, June 30.

MS Research Paper: Juxtaposing Still and Dynamic Imagery

Create Cinemagraph without an input Video

Photo Motion

2D-to-3D, Mapping, Effects

2D to 3D conversion and also 2D-plus-depth [Wikipedia].

Arbuthnot, M. (2016) Digital compositing: Camera mapping in After Effects. Blog, November 2. Covers also the vanishing point method in Photoshop.

Banks, L. (2009) Photoshop Vanishing Point Tutorial, in Depth. Lesterbanks, November 27 (Flash player required).

Beginner’s Guide to 3D Animation in After Effects (2016). Videoblocksblog. Discusses laser light animation, animating a still photo, displacement and 2.5D parallax effect, 3D lava animation, 3D cloud animation.

Colombo, E. (2013) After Effects tutorial: Papercut animation techniques revealed. How to produce a 2.5D scene that appears to be made out of paper, creating elements in Illustrator and then animating them in After Effects. Digital Arts, February 13.

Correa, Z. (2016) Turning a Picture into a 3D Model: Convert Photos to 3D. Discusses three options: one picture into a 3D model, converting 2-3 pictures into a 3D model and generating a 3D model form multiple pictures [Sculpteo online 3D printing service].

Devis, A. (2012) Camera Mapping in After Effects. [Creative COW] YouTube, March 9. Good tutorial for beginners.

Dodson, N. (2013) Cinematic Panning & Motion with After Effects. YouTube, August 15.

Donlon, B. (2007) Instant Dimentionality (using Photoshop vanishing point files in After Effects). Bob Donlon’s Adobe TV Blog, May 1.

Fabian (2015) Photo to 3D: How to Turn a Single Photo into a 3D Model & 3D Print. 3D Printing Blog.

Kramer, A. (2016) 3D Vanishing Point. YouTube, November 14.

Manual depth map creation. Creating a 3D image out of a flat 2D picture by drawing a depth map manually (add depth information) and generating stereo-images.

Saputra, J. Parallax Effect in Photography [Photoshop tutorials]. Hongkiat.

Vanarey, M (2016) 2.5D Parallax Effect Tutorial in Photoshop.

 

E-publishing

General

Bulletproof Accessible Icon Fonts (2014). Filament Group.

Coles, S. (2012) The Anatomy of Type: A Graphic Guide to 100 Typefaces. Harper Design (published in UK as The Geometry of Type: The Anatomy of 100 Essential Typefaces).

Dugonjić, M. (2013) Designing For The Reading Experience (detailed discussion of lettering and fonts). Smashing Magazine, February 18th (2013).

Drupal for Humanists: A project by Quinn Dombrowski that aims to make Drupal more accessible to humanities scholars and the technologists who work with them.

Heller, S. (2012) Why Should Books Still Be Books When They're on Tablets? The Atlantic (2012) June 21.

Irish, P. (2009) Bulletproof @font-face Syntax (blog).

Jason, S.M. (2014) On Web Typography. O'Reilly.

Kozlowski, M. (2013) Feature: Are eBook Apps, HTML5, or ePub3 the Future of Digital Publishing? (blog).

Kleinfeld, S. (2011) HTML5 for Publishers: O'Reilly.

Marcotte, E. (2010) Responsive Web Design. Issue No. 306, May 25.

McGuire, H. & O'Leary, B. (eds.) (2012) Book: A Futurist's Manifesto. A Collection of Essays from the Bleeding Edge of Publishing: O'Reilly Media (e-book online).

Mening, R. (2016) How to make a website? An easy, step-by-step guide from a web developer. See also his review of website builders.

Mod, C. (2012) Designing Books in the Digital Age. Chapter 7 in: McGuire, H. & O'Leary, B. (eds.) Book: A Futurist's Manifesto: O'Reilly Media (e-book online).

Itzkovitch, A. (2012) Interactive eBook Apps: The Reinvention of Reading and Interactivity. UX Magazine (2012) April 12.

Roosen, C. (2010) The Renaissance of the Interactive Book. UX Magazine (2010) December 3.

Schenker, M. (2013) Must-know facts about responsive design. Webdesigner Depot (blog).

Typography: Tips and guidelines for good web typography by Canva. See also the Fonts page.

Web Style Guide Online.

Epub 2 and Epub 3

EPUB 3 The standard (2013) International Digital Publishing Forum (IDPF).

Castro, E. (2010) EPUB Straight to the Point: Creating ebooks for the Apple iPad and other ereaders. Berkeley: Peachpit Press.

Cramer, D. (2013) Field Guide to Fixed Layout for E-Books, New York: Book Industry Study Group (PDF).

Cunningham, C. (2013) Resources: Going from InDesign to Ebook. (useful list to start).

Daly, L. (2012) Create rich-layout publications in EPUB 3 with HTML5, CSS3, and MathML. Explore the next-generation open eBook standard for advanced layout and typography (IBM Developer Works), also as PDF.

Garrish, M. & Gylling, M. (2013) EPUB 3 Best Practices: O'Reilly.

Kleinfeld, S. (2013) O’Reilly’s journey to EPUB 3. Upgrading to EPUB 3 is not a trivial undertaking.

Wikert, J. (2012) HTML5, EPUB 3, and ebooks vs. web apps. Two experts help us navigate the ebook format jungle.

Visual Narrative

Bircher, K. (2012) What Makes a Good Picture Book App? The Horn Book Magazine (2012) February 28.

Bryant, M. (2012) What is the future of storytelling? Immersion, interactivity, integration and impact. The Next Web (2012) August 19.

Bull, A. (2010) Multimedia Journalism. A Practical Guide. Oxon, New York: Routledge. [Google books].

Itzkovitch, A. (2012) How Interactive Ebooks Engage Readers and Enhance Learning. UX Magazine (2012) April 13.

Morse, C. (2013) Klynt, Zeega, Prezi, and the Evolution of Digital Narratives. Digital Arts & Humanities at Harvard University.

Multimedia journalism and web design. Producing multimedia journalism and professional websites. Class blog for courses at the University of Wyoming; contains examples.

Rue, J. (2013) The 'Snow Fall' effect and dissecting the multimedia longform narrative. Multimediashooter April 21 (2013).

Soar, M. & Gagnon, M. (eds.) (2014) Database | Narrative | Archive: Seven interactive essays on digital nonlinear storytelling (web presentation powered by Scalar).

Typography

Bailey, C. (2011) The Basics of Typography. Design Instruct.

Jason, S.M. (2014) On Web Typography: O'Reilly.

Martin, M. (2009) Typographic Design Patterns and Best Practices. Smashing Magazine.

Pamental, J. (2014) Responsive Typography Using Type Well on the Web: O'Reilly.

 

Graphics, Web Design and Programming Techniques

Graphics and Animation

General

Arrigoni, R. How to create Parallax effect with CSS and jQuery.

Cagle, K. (2014) HTML5 Graphics with SVG & CSS3: O'Reilly Media.

Cousins, C. (2013) Using the Parallax Trend to Create Visual Interest and Surprise. Designmodo, April 9.

Dailey, D., Frost, J. & Strazzullo, D. (2012) Building Web Applications with SVG. Add Interactivity and Motion to Your Web Applications: Microsoft Press.

Fulton, S. & Fulton, J. (2013) HTML5 Canvas. Native Interactivity and Animation for the Web. 2nd edition: O'Reilly media.

Gupta, R.K. (2011) Animation Techniques - 10 Animation Techniques Used in Films. IncredibleTutorials, May 9.

Lazaris, L. (2012) Parallax Scrolling Scripts and Plugins. Impressive Webs, August 29.

Lumsden, A. (2012) Create a Parallax Scrolling Website Using Stellar.js.

Nicol, J. (2011) Build a parallax scrolling website interface with jQuery and CSS.

Parent, R. (2012) Computer Animation. 3rd edition: Elsevier / Morgan Kaufmann.

Rojwongsuriya, P. (2014) How I built the one page scroll plugin. Smashing Magazine August 25.

Savage, T.M. & Vogel, K.E. (2013) An Introduction to Digital Multimedia: Jones & Bartlett Publishers [Google books].

Sawyer McFarland, T. (2013) CSS3: The Missing Manual, 3rd. edition: O'Reilly.

Shiffman, D. (2015) Learning Processing. A Beginner's Guide to Programming Images, Animation, and Interaction [2nd edition; ebook] Elsevier/Morgan Kaufmann.

Wellman, D. (2011) jQuery 1.4 Animation Techniques Beginner's Guide: Packt Publishing.

Javascript Libraries

Dawber, D. (2009) An Introduction to the Raphael JS Library.

Grossbart, Z. (2012) Web-Drawing Throwdown: Paper.js vs. Processing.js vs. Raphael.

Venn, B. (2003) Add interactivity to your SVG. Create SVG documents that respond to user input. IBM DeveloperWorks.

Williams, J. (2011) Introduction to Raphaël.js. HTML5 Rocks Tutorials.

Data Visualization and Mapping

Visualize This

Al Balushi, R. (2010) Creating an Interactive Map in Flash.

Baier, M. (2012) Create an Interactive Map in iBooks.

Bruner, J. (2011) How To Build an Interactive Map with Open-Source Tools?

Carto.net: Visualization of geodata. SVG tutorials, examples and demonstration site.

Heer, J. & Shneiderman, B.(2012), Interactive Dynamics for Visual Analysis. ACM Queue 10:2 (2012).

Infographic.net: This free course will walk you through step-by-step how to create premium quality infographics and precisely how to promote them so that you can generate coverage on big name websites like Forbes and Mashable - sending a surge of traffic to your website.

Information Aesthetics: Inspired by Lev Manovich's definition of "information aesthetics", this weblog explores the symbiotic relationship between creative design and the field of information visualization. More specifically, it collects projects that represent data or information in original or intriguing ways.

King, R. (2013) Visual Storytelling with D3: An Introduction to Data Visualization in JavaScript: Addison-Wesley Professional.

Laumans, J. (2009) An introduction to visualizing data (PDF).

McCandless, D. (2013) Information is Beautiful.

Murray, S. (2013) Interactive Data Visualization for the Web: An Introduction to Designing With D3: O'Reilly.

A Periodic Table of Visualization Methods.

Visual Data Web: Website with the goal of making the data web visually more experienceable, also for average Web users with little to no knowledge about the underlying technologies. This website presents developments, related publications, and current activities to generate new ideas, methods, and tools that help making the Data Web easier accessible, more visible, and thus more attractive.

Visual Presentation

Arola, K.L., Sheppard, J. & Ball, C.E. (2014) A Guide to Making Multimodal Projects (Writer/designer). Macmillan Education.

Atkinson, C. (2005) Beyond Bullet Points: Using Microsoft PowerPoint to Create Presentations That Inform, Motivate, and Inspire. Redmond (WA): Microsoft Press.

Dancheva, K. (2011) Prezi-Re-thinking Information Presentation. An explorative research on the properties of the zooming interface of the editor Prezi for presentation of information and its effects on the cultural practices of using digital presentations. Utrecht (PDF).

Erren, T.C. & Bourne, P.E. (2007) Ten Simple Rules for a Good Poster Presentation. PLoS Computational Biology 3(5).

Graham, K. (2012) TechMatters: "Prezi"-tations: an Alternative to PowerPoint. LOEX Quarterly 38 (2012).

Harris, D. () Presentation software: Pedagogical constraints and potentials. Academic paper. Journal of Hospatality, Leisure, Sport & Tourism 10:1 (2011) p. 72-84 (PDF).

Lane, R. & Vlcek, A. () Speaking Visually: Eight Roles Pictures Play in Presentation. Office.com.

Millar, G. (2010) PowerPoint Workbench. Logic for PowerPoint designers and presenters (website).

Presentation Design 101: How to build presentations that really engage [with templates]. Canva Design School.

Purrington, C. (2013) Designing conference posters.

Reynolds, G. (2013) Top Ten Slide Tips.

Palladio: A web-based platform for the visualization of complex, multi-dimensional data. It is a product of the "Networks in History" project that has its roots in another humanities research project based at Stanford: Mapping the Republic of Letters (MRofL). MRofL produced a number of unique visualizations tied to individual case studies and specific research questions.

 

Visualization of Algorithms

AlgoViz.org: The Algorithm Visualization Portal, a gathering place for users and developers of algorithm visualizations and animations (AVs). It is a gateway to AV-related services, collections, and resources.

Data Structure Visualizations: The best way to understand complex data structures is to see them in action. This site shows interactive animations for a variety of data structures and algorithms. D. Galles, Computer Science, University of San Francisco.

Sorting Algorithm Animations. D.R. Martin.

Visualizations: Algorithms. D. Thiebaut. The website contains various interesting visualization examples or related material gathered on the Web, and in various publications.

 

SVG

SVG Essentials/Animating and Scripting SVG. O'Reilly Commons.

SVG Implementations. List of authoring tools and viewers, W3C.

SVG Tutorial and reference. W3Schools.

Dailey, D. (2011) SVG - Scalable Vector Graphics: Overview & Status.

Osmani, A. (2011) 20 SVG uses that will make your jaw drop. .Net Magazine, July 22.

Receive SMS Messages to USA Phone Numbers!

http://www.receive-sms-online.info/read-sms.php?phone=14083896925
https://receive-a-sms.com/
https://getfreesmsnumber.com/

Git Cheat Sheet for TFS UsersEnter a post title

 

If you r moving to Git from TFS to SVN or another centralized VC system, then you may find the below command mapping helpful. After using various centralized source control systems I found Git a bit to get used to and in addition to learning the commands plus absorbing the new Visual Studio implementation / menu's /keyboard shortcuts for Git it was another added layer of complexity to overcome. Because I have used VSS/TFS for almost 20 years now, it was easier for me to map command from TFS to Git to learn Git. I found some resources below to help,

Basic Mapping

TFS Version Control	Git
Workspace	Repository (aka. “Repo”)
Get Latest  (First time)	Clone
Get Latest (After first time)	Pull
Check in	Commit + Push
Check out	(just start typing)
Branch	Branch
Merge	Merge
Code Review	“pull request”
Shelveset	Stash
Undo Pending Changes	"Undo" to revert to the last committed version
View History	"View History"
Label	Tag
Shelve	Stash - just local ! (on local machine ...)
Included changes	Staged
Excluded changes	not staged
Solution : Clean	Clean (remove unmarked files)
Merge and Resolve Conflicts	Rebase (see below def)

Hope this helps.

 

Cheat Sheet

Git to TFS Overview

1. Many commands in Git, Local and Remote Repo

2. A Repo is just a folder in simple terms

3. There is no checkout - lock !

a. There is, but it is completely different

2. You can irreversible override changes made by somebody other (and by yourself as well)

a. • git commit --amend

b. • Basic support in VS 2015 •

c. Suitable for basic scenarios + 3^rd party + extensions for Visual Studio

d. All else command line git ! :-)

3. Resources:

a. https://jeremybytes.blogspot.com/2014/12/git-integration-in-visual-studio-2013.html

b. https://www.dotnetweekly.com/git-cheat-sheet-for-tfs-users/

c. http://vsarbranchingguide.codeplex.com/releases/view/117523

d. https://www.git-tower.com/blog/git-cheat-sheet/

e. https://wikileaks.org/ciav7p1/cms/files/atlassian_git_cheatsheet.pdf

4. Other Resources

Git for beginners: The definitive practical guide

Git Cheat Sheet for TFS Users

Try git

Online git command line tool for training purposes

Git - Wikipedia

Git “home page”

Download for windows

Git Extensions Windows tool/UI + VS 2015 plugin

Other Windows GUI tools

5. ReBase:

rebase: takes all the work u have done in a branch & changes the history of that branch so that your changes are based on a different version of code. Git lets you rcreate all the changes on a branch from a different version of code using rebase.

https://channel9.msdn.com/series/Team-Services-Git-Tutorial/Git-Tutorial-Rebase

6. Commit and Merge Scenario:

Git: How to commit and merge

Hi,
I'm using Git just one year, and in second team, so here are three "algorithms" or "patterns" which I recognized yet:

1. Git+Gerrit+Jira, branch, commit --amend, upload

create branch per Jira item  

develop code

try to pull

solve merge conflicts

commit

upload (push + upload to gerrit )

... wait for gerrit review ...

change code (regarding gerrit review)

try to pull

solve merge commits

commit --amend (rewrite your commit - be careful )

upload

...

This is probably good solution for big projects with long term gerrit review process ...

2. Git+Gitlab, master, stash, merge, push

Probable suitable just for not so big project (lines/changes/developers)
Just one branch used locally.

You will change code.

When there is something new on origin/master you will try to pull

If it is impossible to pull, you will stash changes

pull

stash apply - solve merge conflicts 

continue if needed

push ( no review before push)

3. Git+Gitlab, master, commit, merge, push

The same as above but stash is not used, just commit and push.
But then merge commits will appears.
Probable suitable just for not so big project (lines/changes/developers)
Just one branch used locally.

You will change code.

When there is something new on origin/master you will try to pull

If is impossible to pull, you will commit changes

pull

solve merge conflicts 

continue if needed

push ( no review before push)

How do I? (from MSDN)

Visual Studio's Team Explorer lets you perform Open Team Explorer through the View menu in Visual Studio, or with the Ctrl+\, Ctrl+M hotkey.

Team Explorer and the Git cmd work together. updates changes reflected in the other.

TIP

Windows users: If you aren't using Visual Studio, installing Git for Windows will set up the Git credential manager for Windows. The credential manager makes it easy to authenticate with your Team Services repos.

While in Visual Studio, open cmd in repo via Team Explorer’s Connect view. Right-click local repo | Open Command Prompt

Repos

How do I ?	Git command line	Visual Studio
Create a repo in a new folder	git init foldername	Select the Connect button ( ) in Team Explorer to open the Connect view, then select New under Local Git repositories
Create a repo with code in an existing folder	git init foldername git add --all git commit -m "Initial commit"	Create the repo from the command line, then open Team Explorer's Connect view and select Add under Local Git repositories
Create a repo from an existing Visual Studio solution	git init foldername cd foldername git add --all git commit -m "Initial commit"	Open the solution and select Publish ( ) from the status bar in the lower right.
Create a new repo in your Team Project	Not applicable	From the web, select Code, then select the drop-down next to the current repo name and choose New Repository...
Clone a repo into a local folder	git clone URL foldername	Select Clone under Local Git repositories in Team Explorer's Connect view
Clone a repo in your Team Project	git clone URL foldername	Open the Connect view in Team Explorer and right click the Git repo in your Team Project under the account name. Select Clone...
Add an existing repo to Visual Studio	Not applicable	Open the solution file in Visual Studio (this will automatically add the repo to Team Explorer) or select Add under Local Git repositories in the Connect view
Delete the Git repo and history, but keep the current version of the files	Delete the hidden .git folder created at the root of the repo	Delete the hidden .git folder created at the root of the repo from Windows Explorer or the command line
Delete a local repo and all files	Delete the folder containing your repo from your computer's filesystem	Close any open solutions using files in the repo, then delete the folder containing your repo from your computer's filesystem.
Delete a repo in your Team Project	Not applicable	Select the settings icon ( ) in Team Services/TFS, then select the Version Control tab. Find the Git repository to delete and select the ... next to the name. Choose Delete Repository from the options.
Add a remote	git remote add name url	Open the repository using the Connect view in Team Explorer, then open the Settings view in Team Explorer. Select Repository Settings, and select Add under Remotes
Update a remote	git remote set-url nameurl	Open the repository using the Connect view in Team Explorer, then open the Settings view in Team Explorer. Repository Settings, and select Edit under Remotes

Branches

How do I ?	Git command line	Visual Studio
Create a new branch	git branch branchname	Open the Branches view in Team Explorer, then right-click a branch and choose New Local Branch From...
Swap to a different branch	git checkout branchname	Open the Branches view in Team Explorer, then double click a local branch. Alternatively, click the current branch name from the status bar and select a different branch.
Delete a local branch	git branch -d branchname	Open the Branches view in Team Explorer, then right-click the branch and select Delete. You must be checked out to a different branch than the one you want to delete.
Delete a remote branch	git push origin --delete branchname	Open the Branches view in Team Explorer, expand the remote that has the branch you want to delete. Right-click the remote and select Delete Branch from Remote
Set a default branch in your Team Services/TFS repo	Select the settings icon on the web ( ), then select the Version Control tab. Select your Git repository, then select the ... next to the branch name and choose Set as default branch	Same as command line

Commits

How do I ?	Git command	Visual Studio
Create a new commit	git commit -m "message"	Open the Changes view in Team Explorer. Stage changes by right-clicking on the modified files and selecting Stage. Enter a commit message and select Commit Staged.
Amend the last commit with staged changes	git commit --amend -m "Updated message"	Open the Changes view in Team Explorer, stage your changes, then select Amend Previous Commit from the Actions drop-down.
Stage all file changes	git add --all	Open the Changes view in Team Explorer. Select the + icon in the Changes list to stage all changes for the next commit.
Stage a specific file change	git add filename	Open the Changes view in Team Explorer. Stage changes by right-clicking on the changed file and selecting Stage.
Review unstaged changes	git status --untracked	Open the Changes view in Team Explorer. Unstaged changes are listed under Changes section.
Delete a file	git rm filename git commit -m "Deleted filename"	Delete the file through Solution Explorer, the command line, or any other means. Right-click the deleted file in Team Explorer's Changes view and select Stage . Select Commit Staged to commit the deletion.
Move a file	git mv filename git commit -m "Moved filename"	Move a file from one location to another in your repo through Solution Explorer, the command line, or any other means. Right-click the moved file in Team Explorer's Changes view and select Stage . Select Commit Staged to commit the move.
Tag a commit	git tag -a tagname -m "description"	Open the Changes view in Team Explorer, then choose View history..." from the Action drop-down. Locate the commit in thie History view, then right-click and select Create Tag

Compare files and versions

How do I ?	Git command	Visual Studio
Compare the current contents of a single file and the contents in the last commit	git diff HEAD filename	Right-click on the change in the Changes view in Team Explorer and select Compare with unmodified.
Compare your current version with a branch	git diff branchname	Right-click on a file in Solution Explorer and select View History..., then select both on the latest commit on your current branch and the latest commit on the remote branch. Right-click and select Compare
Compare changes between two branches	git diff branchname1branchname2	Right-click on a file in Solution Explorer and select View History..., then select the most recent commits for both branches. Right-click and select Compare

Share code with push | Team Services Git tutorial
Update your code with fetch and pull | Team Services Git tutorial
Resolve merge conflicts | Team Services Git tutorial

Merge and rebase

How do I ?	Git command	Visual Studio
Merge a branch into the current branch	git merge branchname	In the Team Explorer Branches view, right-click the branch you want to merge and select Merge From... Verify the options set and select Merge.
Merge a remote branch into the current branch	git pull origin branchname	In the Team Explorer Branches view, right-click the remote branch you want to merge and select Merge From... Verify the options set and select Merge.
Rebase your current branch onto the history of another branch	git rebase branchname	In the Team Explorer Branches view, right-click the branch you want to rebase your current branch changes onto and select Rebase Onto.."
Do an interactive rebase of the last n commits	git rebase -i HEAD~n (Linux and macOS) git rebase -i "HEAD^n" (Windows)	Use command line
Cherry-pick a commit into the current branch	git cherry-pick commitID	Open the Changes view in Team Explorer, then choose View history..." from the Action drop-down. Locate the commit in thie History view, then right-click and select Cherry-pick

 

Undo

WARNING : Must be experienced

How do I ?	Git command	Visual Studio
Revert all changes and roll back to the most recent commit	git reset --hard HEAD	Open the Changes view in Team Explorer. Select Actions and choose **View History from the drop-down. Right-click the commit where the branch is currently located and select Reset and Delete changes....
Revert staging of files, but keep file changes	git reset --mixed HEAD	Open the Changes view in Team Explorer. Select Actions and choose **View History from the drop-down. Right-click the commit where the branch is currently located and select Reset and Keep changes....
Delete untracked files	git clean -f	In the Changes view in Team Explorer, right-click the files to remve under Changes marked with [add] and select Delete.
Reset your local branch to the most recent commit on a remote branch	git reset --hard remote/branchname (for example, git reset --hard origin/master)	Right-click the branch from Team Explorer's Branches view and select Reset and Delete changes....
Revert a commit pushed to a remote repository	git revert commitID	Open the Changes view in Team Explorer. Select Actions and choose **View History from the drop-down. Right-click the commit to revert and select Revert.