Zoom-in, zoom-out, and step-through repository source code and GitHub GIST on any slide. has been at the heart of the markdown presentation service since it’s inception. If you’re a GitPitch presentation author, this feature allows you to code as if you were still inside your IDE. But do this directly on any slide in your deck. Live code presenting gitpitch.com step-through Thanks to , live code presenting works with any source code, data, log, or text file in your Git repository. And it also works with any GitHub GIST. GitPitch’s unique and seamless integration with Git Live code presenting, one of many unique and powerful , is entirely free for everyone on GitHub, GitLab, and Bitbucket. GitPitch features To experience for yourself click on the following link to launch a sample presentation in your Web browser. Click . GitPitch live code presenting here The Power of CODE ZOOM With the recent release of , GitPitch has taken another significant step towards delivering . Code Zoom the ultimate slide deck solution for developers When activated, the effects of are immediate and dramatic. As can been seen in the following side-by-side snapshots of slides showing rendering versus rendering: Code Zoom standard-code code-zoom As you can see, delivers beautiful looking code slides that are highly legible and visually engaging. Not to mention fully interactive thanks to GitPitch . Code Zoom live code presenting The GitPitch markdown-syntax used in the to deliver this great code zoom effect couldn’t be simpler. Here’s an example: **PITCHME.md** @code[c zoom-21](src/c/hello.c) That’s it! One line. The markdown-syntax works as follows: **code** It accepts a relative path to any source file in the repository, in this case, the file. The code in that file is rendered on your slide. hello.c The syntax accepts a language hint, in this case . This hint ensures your code is rendered using the most appropriate code syntax highlighting. c And finally, the syntax also accepts an optional style. The component of the style name denotes the required for the specific code block. Values greater than 1 on your code. **zoom-xx** **xx** degree-of-zoom zoom-in You can find complete documentation for this feature along with numerous examples that work with repository source files and GitHub GIST in the , see . Markdown Pro Widgets guide here ZOOM OUT for Code Thumbnails When you first think of you might naturally think of …to enjoy and share code rendered large on your slides. Code Zoom zooming-in But another great use of is the feature. This gives us the ability to create . This feature is best understood by example: Code Zoom zoom-out code thumbnails The complete markdown snippet for the above slide is as follows: PITHCME.md --- @snap[west span-40]@code[golang zoom-07](src/go/sample.go)@snapend @snap[east span-50]### Live Code Presenting@snapend With code thumbnails you are not limited to a single thumbnail per slide. You can add thumbnails as needed for a specific slide design, for example: Again, you can find complete documentation for this feature, along with numerous examples, including examples, that work with repository source files and GitHub GIST in the , see . zoom-out Markdown Pro Widgets guide here The Ultimate Slide Deck Solution for Developers For millions of users on GitHub, GitLab, and Bitbucket, . the content under Git version control that matters most is CODE It is for this reason that GitPitch continues to delight users with new and exciting live code presenting features. Like Code Zoom. Whether you or , I hope you have fun at your next conference, meetup, or training course. zoom-in zoom-out wowing the audience . And remember, if you love GitPitch but simply must have (1) desktop tools for working and presenting offline, (2) tools for managing access to your presentations in the cloud, or (3) access to a wide range of power-features including Code Zoom, then check out GitPitch Pro. There is a 7 day free trial on offer right now I encourage you to give GitPitch Pro a try. For further details, see . here Thanks for reading today. Claps for this post much appreciated. Happy presenting everyone. Cheers, David. You can follow me right here on Medium or on Twitter for more news, tips and unique creations from the GitPitch community.

Twitter

Too Long; Didn't Read

In your car, at home, or at work — Bosch technology shapes many areas of life.

GitPitch adds CODE ZOOM for Slide Decks

Too Long; Didn't Read

Company Mentioned

David Russell @ GitPitch

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

GitPitch adds CODE ZOOM for Slide Decks

Too Long; Didn't Read

Company Mentioned

David Russell @ GitPitch

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

RELATED STORIES