parts/appcode.html

<section data-product="appcode">
    <h2>AppCode</h2>
    <p>Smart IDE<br/>for iOS/macOS development</p>
    <div class="jetbrains-logo _logo-appcode _size-5"></div>
</section>
<section data-product="appcode">
    <h2>Smart editor</h2>
    <p>Multiple cursors for any language</p>
    <video data-autoplay data-src="img/screenshots/appcode/multicursor.mov"/>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Smart editor</h2>
    <p>Semantic highlighting</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/semantic@2x.png"/>
    </div>
</section>
<section data-product="appcode">
    <h2>Smart editor</h2>
    <p>Inline type hints for Swift</p>
    <video data-autoplay data-src="img/screenshots/appcode/type_hints.mov"/>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Code faster with smart intention actions</h2>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/intentions.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Code faster with smart intention actions</h2>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/inspections_swift.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Code faster with smarter completion</h2>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/completion.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Speed up with code generation</h2>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/override_implement.png"/>
    </div>
</section>
<section data-product="appcode">
    <h2>Speed up with code generation</h2>
    <video data-autoplay data-src="img/screenshots/appcode/cfu_1.mov"/>
</section>
<section data-product="appcode">
    <h2>Speed up with code generation</h2>
    <video data-autoplay data-src="img/screenshots/appcode/generate.mov"/>
</section>
<section data-product="appcode">
    <h2>Reformat code easily</h2>
    <video data-autoplay data-src="img/screenshots/appcode/reformat.mov"/>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Improve your code quality</h2>
    <p>Code inspections for Objective-C, C++ and Swift</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/inspections_c.png"/>
    </div>
</section>
<section data-product="appcode">
    <h2>Refactor safely</h2>
    <p>Rename refactoring for Swift</p>
    <video data-autoplay data-src="img/screenshots/appcode/rename.mov"/>
</section>
<section data-product="appcode">
    <h2>Refactor safely</h2>
    <p>Extract Variable refactoring</p>
    <video data-autoplay data-src="img/screenshots/appcode/extract.mov"/>
</section>
<section data-product="appcode">
    <h2>Refactor safely</h2>
    <p>Extract Method refactoring for Swift</p>
    <video data-autoplay data-src="img/screenshots/appcode/extract_method.mov"/>
</section>
<section data-product="appcode">
    <h2>Refactor safely</h2>
    <p>Change Signature refactoring for Swift</p>
    <video data-autoplay data-src="img/screenshots/appcode/change_signature@2x.mp4"/>
</section>
<section data-product="appcode">
    <h2>Refactor safely</h2>
    <p>Extract Closure refactoring for Swift</p>
    <video data-autoplay data-src="img/screenshots/appcode/extract_closure.mov"/>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Navigate efficiently</h2>
    <p>Quick navigation options and powerful search</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/navigation_1.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Navigate efficiently</h2>
    <p>Quick navigation options and powerful search</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/navigation_2.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Navigate efficiently</h2>
    <p>Quick navigation options and powerful search</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/navigation_3.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Search easily</h2>
    <p>for classes, methods, variables or resources</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/find_usages.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Multiple perspectives</h2>
    <p>Import and call hierarchies view &amp; file structure</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/structure.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Edit any file under the project root</h2>
    <p>Files view</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/files_view.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Debug with ease</h2>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/debug_1.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Debug with ease</h2>
    <p>Evaluate expressions quickly and add watches easily</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/debug_2.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Debug with ease</h2>
    <p>Click on an inline hint and examine the selected variable.</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/inline@2x.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Debug with ease</h2>
    <p>Set the current location for the program counter in the left-hand gutter.</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/pc@2x.gif"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>No-hassle testing</h2>
    <p>Sort tests by duration</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/sort_by_duration@2x.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>No-hassle testing</h2>
    <p>Re-run only failed tests</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/rerun_failed_tests@2x.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>No-hassle testing</h2>
    <p>Benefit from the built-in test history</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/test_history@2x.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode" data-autoslide="20000">
    <h2>No-hassle testing</h2>
    <p>XCTest, Quick, Kiwi</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/testing_1@2x.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode" data-autoslide="20000">
    <h2>No-hassle testing</h2>
    <p>Google Tests, Boost.Test, Catch</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/testing_2@2x.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode" data-autoslide="20000">
    <h2>No-hassle testing</h2>
    <p>Code Coverage right in your IDE</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/cov@2x.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode" data-autoslide="20000">
    <h2>Localize easily</h2>
    <p>Localize strings easily with intentions for Swift.</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/localize@2x.gif"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode" data-autoslide="20000">
    <h2>Localize easily</h2>
    <p>See the actual value of a localized string in your code.</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/folding@2x.gif"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Manage your dependencies directly from the IDE</h2>
    <p>CocoaPods manager</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/cocoapods.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Database tools and SQL support</h2>
    <video data-autoplay data-src="img/screenshots/appcode/database.mov"/>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Debug view hierarchies</h2>
    <p>Reveal integration</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/reveal@2x.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Git, SVN, Mercurial, Perforce</h2>
    <p>Complete VCS integration</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/vcs_1.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Git, SVN, Mercurial, Perforce</h2>
    <p>Complete VCS integration</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/vcs_2.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Git, SVN, Mercurial, Perforce</h2>
    <p>Complete VCS integration</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/vcs_3.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Git, SVN, Mercurial, Perforce</h2>
    <p>GitHub pull-requests</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/github@2x.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Save your changes with Local History</h2>
    <p>even without a version control system</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/local_history@2x.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Use cross-platform frameworks in your iOS app</h2>
    <p>PhoneGap or React Native</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/react@2x.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Enjoy web development</h2>
    <p>HTML, CSS, JavaScript, Emmet</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/web@2x.png"/>
    </div>
</section>
<section class="high-image-inside" data-product="appcode">
    <h2>Customize Environment</h2>
    <p>Color schemes, Xcode keymap, &amp; VIM emulation</p>
    <div class="image-col">
        <img class="plain" data-src="img/screenshots/appcode/themes.png"/>
    </div>
</section>
<section data-product="appcode">
    <div class="jetbrains-logo _logo-appcode _size-5"></div>
    <p>Download a free trial <a href="https://www.jetbrains.com/appcode">jetbrains.com/appcode</a></p>
    <p>Follow <a href="http://twitter.com/appcode">@appcode</a> on Twitter</p>
</section>