1<!doctype html> 2 3<html lang="en"> 4<head> 5 <meta charset="utf-8"> 6 7 <title>MIDIGrade</title> 8 <meta name="author" content="Julius Koivistoinen"> 9 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 10 <meta name="description" content="Controller solution for DaVinci Resolve 21"> 11 <meta property="og:description" content="Controller solution for DaVinci Resolve 21"> 12 <meta property="og:title" content="MIDIGrade"> 13 <meta property="og:type" content="website"> 14 <meta property="og:url" content="https://www.midigrade.com"> 15 <meta property="og:image" content="https://www.midigrade.com/videos/2024/2024-midigrade-header-2-1200px.jpg"> 16 <link rel="icon" href="img/favicon.png"> 17 18 <link rel="stylesheet" href="css/styles-2024.css"> 19 <link rel="stylesheet" href="css/swiper-bundle.css"> 20 <link rel="preconnect" href="https://fonts.googleapis.com"> 21 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 22 <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Raleway:ital,wght@1,100&family=Kanit:ital,wght@0,100;1,100&display=swap" rel="stylesheet"> 23</head> 24<body> 25 26<div id="sticky-area"> 27<nav id="navbar"> 28 <h1> 29 <a href="#top">MIDIGrade</a> 30 </h1> 31 <ul class="nav-list"> 32 <li> 33 <a href="#introduction">Introduction</a> 34 </li> 35 <li> 36 <a href="#gallery">Gallery</a> 37 </li> 38 <li> 39 <a href="#support">Support</a> 40 </li> 41 <!--<li class="unselectable"> 42 | 43 </li>--> 44 <li> 45 <a href="#purchase" class="bolder">Buy now</a> 46 </li> 47 </ul> 48</nav> 49 50<section id="top"> 51 <video id="header-video" loop autoplay playsinline muted poster="videos/2024/2024-midigrade-header-1920px.jpg"> 52 <source src="videos/2024/2024-midigrade-header-1920px_crf30.mp4" type='video/mp4; codecs="hvc1"'> 53 <source src="videos/2024/2024-midigrade-header-1920px_2500K.webm" type='video/webm; codecs="vp9.0"'> 54 </video> 55</section> 56 57<section id="introduction"> 58 <div class="content left-column column-40"> 59 <h2>What is it?</h2> 60 <h4>MIDIGrade<sup>®</sup> software is a controller solution for DaVinci Resolve.</h4> 61 <p>It has the capabilities of turning a MIDI controller to a fully-featured professional control surface, for a fraction of the price.</p> 62 <p>As the name implies, MIDI notes are used as the basis for triggering actions. Choose one of the devices that are ready-mapped and get right into action, or create your own controller with your custom layout.</p> 63 <p>MIDIGrade includes a whopping <span class="bold">180 different DaVinci Resolve functions</span> for you to access with ease! You can also customise it to work with other software like Adobe Premiere or Final Cut Pro.</p> 64 </div> 65 <div class="content right-column column-60 borderless-column"> 66 <video loop autoplay playsinline muted poster="videos/2024/2024-midigrade-introduction-1000px.jpg"> 67 <source src="videos/2024/2024-midigrade-introduction-1000px_crf20.mp4" type='video/mp4; codecs="hvc1"'> 68 <source src="videos/2024/2024-midigrade-introduction-1000px_500K.webm" type='video/webm; codecs="vp9.0"'> 69 </video> 70 </div> 71</section> 72 73<section id="features" class="wrap-reverse"> 74 <div class="content left-column column-60 borderless-column"> 75 <video loop autoplay playsinline muted poster="videos/midigrade-features-1000x750.jpg"> 76 <source src="videos/midigrade-features-1000x750_h265_crf30.mp4" type='video/mp4; codecs="hvc1"'> 77 <source src="videos/midigrade-features-1000x750_250K.webm" type='video/webm; codecs="vp9.0"'> 78 </video> 79 </div> 80 <div class="content right-column column-40"> 81 <h2>What does it do?</h2> 82 <h4>With physical knobs, buttons and keys you can control your most commonly used functions in DaVinci Resolve with unrivaled efficiency.</h4> 83 <p>MIDIGrade offers a much faster, ergonomic and intuitive way of moving your mouse and pressing keyboard shortcuts. It lets you develop strong muscle-memory, which means that you can fully concentrate on what is most important while colour grading â the resulting image.</p> 84 <p>The functions are conveniently divided into <span class="bold">9 different menus</span> which are easy to navigate between: <span class="italic">Primary Adjustments, Color Wheels, Primaries Bars, HDR Grade, Curves, Qualifier, Window, User Menu</span>, and <span class="italic">Dolby Vision</span>.</p> 85 <p>With MIDIGrade you can also take full control of <span class="italic">Nodes, Stills, Keyframes, Playback</span> and more.</p> 86 </div> 87</section> 88 89<section id="how-to-use"> 90 <div class="content left-column column-40"> 91 <h2>How to use it?</h2> 92 <h4>MIDIGrade is designed with a wide range of workflows in mind which is why you can use practically any MIDI controller with it.</h4> 93 <p>As long as you can customise the output MIDI notes coming from the device of your choice, you can access all of the countless features offered.</p> 94 <p>The recommended way of use is to get <a href="https://intech.studio/shop/midigrade-bundle" target="_blank">EN16 and BU16 controllers</a> by Intech Studio with their laser engraved front panels designed for MIDIGrade.</p> 95 <p>For the ultimate minimalistic solution use the EN16 only, or you can get creative and even use a gamepad!</p> 96 <p>
96The setup process is straight forward and described in detail in the <a href="https://www.midigrade.com/MIDIGrade%20manual.pdf" target="_blank">User Manual</a>.</p> 97 </div> 98 <div class="content right-column column-60 borderless-column"> 99 <video loop autoplay playsinline muted poster="videos/2024/2024-midigrade-how_to_use-1000px.jpg"> 100 <source src="videos/2024/2024-midigrade-how_to_use-1000px_crf20.mp4" type='video/mp4; codecs="hvc1"'> 101 <source src="videos/2024/2024-midigrade-how_to_use-1000px_750K.webm" type='video/webm; codecs="vp9.0"'> 102 </video> 103 </div> 104</section> 105 106<section id="gallery"> 107 108 <div class="content one-column"> 109 <h2>Gallery</h2> 110 <!-- modals --> 111 <div id="gallery-UI" class="modal"> 112 <img src="img/MIDIGrade-UI-v4_0-4x3.png" alt=""> 113 <br>MIDIGrade User Interface 114 </div> 115 <div id="gallery-cheatsheets" class="modal"> 116 <!-- Slider container --> 117 <div class="swiper"> 118 <div class="swiper-wrapper"> 119 <div class="swiper-slide"> 120 <img src="img/cheat_sheet-EN16_BU16-v5-1920px.png" alt=""> 121 <br>EN16 and BU16 layout 122 </div> 123 <div class="swiper-slide"> 124 <img src="img/cheat_sheet-keyboard-v5-1920px.png" alt=""> 125 <br>Keyboard layout 126 </div> 127 <div class="swiper-slide"> 128 <img src="img/cheat_sheet-MIDI_channel_1-1920px-v5.1.1.png" alt=""> 129 <br>
129MIDI notes you can input into MIDIGrade to trigger actions 130 </div> 131 <div class="swiper-slide"> 132 <img src="img/cheat_sheet-MIDI_channel_2-1920px.png" alt=""> 133 <br>MIDI notes you can input into MIDIGrade to trigger actions 134 </div> 135 <div class="swiper-slide"> 136 <img src="img/cheat_sheet-MIDI_channels_3_to_5-1920px.png" alt=""> 137 <br>MIDI notes you can input into MIDIGrade to trigger actions 138 </div> 139 <div class="swiper-slide"> 140 <img src="img/cheat_sheet-Keyboard_shortcuts-1920px.png" alt=""> 141 <br>Keyboard shortcuts output by MIDIGrade 142 </div> 143 <div class="swiper-slide"> 144 <img src="img/cheat_sheet-Twister-v4-1920px.png" alt=""> 145 <br>Midi Fighter Twister layout 146 </div> 147 <div class="swiper-slide"> 148 <img src="img/cheat_sheet-XTouch_Mini-v5-1920px.png" alt=""> 149 <br>X-Touch Mini layout 150 </div> 151 <div class="swiper-slide"> 152 <img src="img/cheat_sheet-8_Knob_Layout-v5-1920px.png" alt=""> 153 <br>8 Knob Layout 154 </div> 155 </div> 156 <div class="swiper-pagination"></div> 157 <div class="swiper-button-prev"></div> 158 <div class="swiper-button-next"></div> 159 </div> 160 </div> 161 <div id="gallery-front_panels_and_label_stickers" class="modal"> 162 <!-- Slider container --> 163 <div class="swiper"> 164 <div class="swiper-wrapper"> 165 <div class="swiper-slide"> 166 <img src="img/MIDIGrade-Intech_Studio_front_panel-1.jpg" alt=""> 167 <br>Front panels for EN16 and BU16 - <a href="https://intech.studio/shop/midigrade-bundle" target="_blank">BUY HERE</a> 168 </div> 169 <div class="swiper-slide"> 170 <img src="img/MIDIGrade-Intech_Studio_front_panel-2.jpg" alt=""> 171 <br>Front panels for EN16 and BU16 - <a href="https://intech.studio/shop/midigrade-bundle" target="_blank">BUY HERE</a> 172 </div> 173 <div class="swiper-slide"> 174 <img src="img/MIDIGrade-Intech_Studio_front_panel-3-2.jpg" alt=""> 175 <br>Front panels for EN16 and BU16 - <a href="https://intech.studio/shop/midigrade-bundle" target="_blank">BUY HERE</a> 176 </div> 177 <div class="swiper-slide"> 178 <img src="img/MIDIGrade-Intech_Studio_front_panel-4.jpg" alt=""> 179 <br>Front panels for EN16 and BU16 - <a href="https://intech.studio/shop/midigrade-bundle" target="_blank">BUY HERE</a> 180 </div> 181 <div class="swiper-slide"> 182 <img src="img/MIDIGrade-label_stickers-0.jpg" alt=""> 183 <br>Precision cut label stickers for Twister and X-Touch Mini - <a href="https://midigrade.sellfy.store/p/midigrade-vinyl-label-sticker/" target="_blank">BUY STICKER</a> 184 </div> 185 <!--<div class="swiper-slide"> 186 <img src="img/MIDIGrade-label_stickers-2.jpg" alt=""> 187 <br>Label sticker for DJ Techtools Midi Fighter Twister - <a href="https://midigrade.sellfy.store/p/midigrade-vinyl-label-sticker/" target="_blank">BUY HERE</a> 188 </div>--> 189 <div class="swiper-slide"> 190 <img src="img/MIDIGrade-label_stickers-1.jpg" alt=""> 191 <br>Label sticker for Midi Fighter Twister - <a href="https://midigrade.sellfy.store/p/midigrade-vinyl-label-sticker/" target="_blank">BUY STICKER</a> 192 </div> 193 <!--<div class="swiper-slide"> 194 <img src="img/MIDIGrade-label_stickers-4.jpg" alt=""> 195 <br>Label sticker for Behringer X-Touch Mini - <a href="https://midigrade.sellfy.store/p/midigrade-vinyl-label-sticker/" target="_blank">BUY HERE</a> 196 </div>--> 197 <div class="swiper-slide"> 198 <img src="img/MIDIGrade-label_stickers-3.jpg" alt=""> 199 <br>Label sticker for X-Touch Mini - <a href="https://midigrade.sellfy.store/p/midigrade-vinyl-label-sticker/" target="_blank">BUY STICKER</a> 200 </div> 201 <!--<div class="swiper-slide"> 202 <img src="img/MIDIGrade-label_stickers-5-4x3.jpg" alt=""> 203 <br>Laser cut to perfectly fit your controller - <a href="https://midigrade.sellfy.store/p/midigrade-vinyl-label-sticker/" target="_blank">BUY HERE</a> 204 </div> 205 <div class="swiper-slide"> 206 <img src="img/MIDIGrade-label_stickers-6-4x3.jpg" alt=""> 207 <br>How to apply. Step 1: Peel a small portion of one side - <a href="https://midigrade.sellfy.store/p/midigrade-vinyl-label-sticker/" target="_blank">BUY HERE</a> 208 </div> 209 <div class="swiper-slide"> 210 <img src="img/MIDIGrade-label_stickers-7-4x3.jpg" alt=""> 211 <br>Step 2: Very carefully align peeled part with the edge of controller - <a href="https://midigrade.sellfy.store/p/midigrade-vinyl-label-sticker/" target="_blank">BUY HERE</a> 212 </div> 213 <div class="swiper-slide"> 214 <img src="img/MIDIGrade-label_stickers-8-4x3.jpg" alt=""> 215 <br>Step 3: Slowly apply rest of the sticker, and push out any air bubbles as you go - <a href="https://midigrade.sellfy.store/p/midigrade-vinyl-label-sticker/" target="_blank">BUY HERE</a> 216 </div>--> 217 </div> 218 <div class="swiper-pagination"></div> 219 <div class="swiper-button-prev"></div> 220 <div class="swiper-button-next"></div> 221 </div> 222 </div> 223 <div id="gallery-workstation-1" class="modal"> 224 <!-- Slider container --> 225 <div class="swiper"> 226 <div class="swiper-wrapper"> 227 <div class="swiper-slide"> 228 <img src="img/workstation-MIDIGrade-photo_by_Verne_Mattson.jpg" alt=""> 229 <br>Photo: Verne Mattson 230 </div> 231 <div class="swiper-slide"> 232 <img src="img/workstation-MIDIGrade-photo_by_Robert_Kwela-2.jpg" alt=""> 233 <br>Photo: Robert Kwela 234 </div> 235 <div class="swiper-slide"> 236 <img src="img/workstation-MIDIGrade-photo_by_Robert_Kwela.jpg" alt=""> 237 <br>Photo: Robert Kwela 238 </div> 239 <div class="swiper-slide"> 240 <img src="img/workstation-MIDIGrade-photo_by_Adrian_Alescio_DIT.jpg" alt=""> 241 <br>Photo: Adrian Alescio DIT 242 </div> 243 <div class="swiper-slide"> 244 <img src="img/workstation-MIDIGrade-photo_by_Igor_Sadko.jpg" alt=""> 245 <br>Photo: Igor Sadko 246 </div> 247 <div class="swiper-slide"> 248 <img src="img/workstation-MIDIGrade-photo_by_Turbopriest.jpg" alt=""> 249 <br>Photo: Turbopriest 250 </div> 251 <div class="swiper-slide"> 252 <img src="img/workstation-MIDIGrade-photo_by_SR.jpg" alt=""> 253 <br>Photo: SR 254 </div> 255 <div class="swiper-slide"> 256 <img src="img/workstation-MIDIGrade-colour_grading-photo_by_Julius_Koivistoinen.jpg" alt=""> 257 <br>Photo: Julius Koivistoinen 258 </div> 259 <div class="swiper-slide"> 260 <img src="img/workstation-call_to_action.jpg" alt=""> 261 <br><a href="https://discord.gg/8s2xgfTJAp" target="_blank">Discord Server</a> 262 </div> 263 <!--<div class="swiper-slide"> 264 <img src="img/workstation-MIDIGrade-photo_by_Milind_Chitale.jpg" alt=""> 265 <br>Photo: Milind Chitale 266 </div>--> 267 </div> 268 <div class="swiper-pagination"></div> 269 <div class="swiper-button-prev"></div> 270 <div class="swiper-button-next"></div> 271 </div> 272 </div> 273 <div id="gallery-r21_video6_user_menu" class="modal"> 274 <iframe width="560" height="315" src="https://www.youtube.com/embed/V5eCuYuV784" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 275 </div> 276 <div id="gallery-r21_video5_8_knob_layout" class="modal"> 277 <iframe width="560" height="315" src="https://www.youtube.com/embed/Wk58GLdwUzc" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 278 </div> 279 <div id="gallery-r21_video4_photo_page" class="modal"> 280 <iframe width="560" height="315" src="https://www.youtube.com/embed/DDGRR1cGZSA" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 281 </div> 282 <div id="gallery-r20_video3_nm2" class="modal"> 283 <iframe width="560" height="315" src="https://www.youtube.com/embed/Ki5Tz0_uRjM" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 284 </div> 285 <div id="gallery-r19_video2_grid_controllers" class="modal"> 286 <iframe width="560" height="315" src="https://www.youtube.com/embed/LaM88Bvo4jo" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 287 </div> 288 <div id="gallery-r19_video1_introduction" class="modal"> 289 <iframe width="560" height="315" src="https://www.youtube.com/embed/861vgcVg-Zs" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 290 </div> 291 <div id="gallery-r18_gamepad_video" class="modal"> 292 <iframe width="560" height="315" src="https://www.youtube.com/embed/wodyCFLCJT4" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 293 </div> 294 <div id="gallery-r16_twister_grading_demonstration" class="modal"> 295 <iframe width="560" height="315" src="https://www.youtube.com/embed/8Odc-tsrJFw" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 296 </div> 297 <div id="gallery-r12_midigrade_commercial" class="modal"> 298 <iframe width="560" height="315" src="https://www.youtube.com/embed/qZI3Bp-0fd4" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 299 </div> 300 <div id="gallery-r12_grading_low_budget_commercial" class="modal"> 301 <iframe width="560" height="315" src="https://www.youtube.com/embed/89VQrLjIJt0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 302 </div> 303 <div id="gallery-r12_grading_music_video" class="modal"> 304 <iframe width="560" height="315" src="https://www.youtube.com/embed/Puzpe9R9veE" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 305 </div> 306 <div id="gallery-r12_grading_promo_video" class="modal"> 307 <iframe width="560" height="315" src="https://www.youtube.com/embed/v-YAmh2E1pc" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 308 </div> 309 <div id="gallery-r16_keyboard_grading_demonstration" class="modal"> 310 <iframe width="560" height="315" src="https://www.youtube.com/embed/ZBPpyjaCSD8" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 311 </div> 312 <div id="gallery-r12_midigrade_with_ripple" class="modal"> 313 <iframe width="560" height="315" src="https://www.youtube.com/embed/Wy4Pbs9Fibs" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 314 </div> 315 <div id="gallery-community_video-mp_midi_controller" class="modal"> 316 <iframe width="560" height="315" src="https://www.youtube.com/embed/OOZDNhWYsBM" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 317 </div> 318 <!-- END modals --> 319 <!--<h4>Current release</h4>--> 320 <ul class="gallery"> 321 <li><a href="#gallery-r19_video1_introduction" rel="modal:open" class="open-modal"><!-- class="open-modal video-thumb" --> 322 <img src="img/video_thumbnail-1_midigrade_introduction-border.jpg" alt=""><br> 323 Introduction<br>
324 <span>Video tutorial</span> 325 </a></li> 326 <li><a href="#gallery-r19_video2_grid_controllers" rel="modal:open" class="open-modal"> 327 <img src="img/video_thumbnail-2_grid_controllers-border.jpg" alt=""><br> 328 Grid controllers<br> 329 <span>Video tutorial</span> 330 </a></li> 331 <li><a href="#gallery-r21_video5_8_knob_layout" rel="modal:open" class="open-modal"> 332 <img src="img/video_thumbnail-5_8_knob_layout-border.jpg" alt=""><br> 333 8 Knob Layout<br> 334 <span>Video tutorial</span> 335 </a></li> 336 <li><a href="#gallery-r21_video6_user_menu" rel="modal:open" class="open-modal"> 337 <img src="img/video_thumbnail-6_user_menu-border.jpg" alt=""><br> 338 User Menu (Premiere Pro)<br> 339 <span>Video tutorial</span> 340 </a></li> 341 <li><a href="#gallery-r21_video4_photo_page" rel="modal:open" class="open-modal"> 342 <img src="img/video_thumbnail-4_photo_page-border.jpg" alt=""><br> 343 Photo Page<br> 344 <span>Video tutorial</span> 345 </a></li> 346 <li><a href="#gallery-r20_video3_nm2" rel="modal:open" class="open-modal"> 347 <img src="img/video_thumbnail-3_nm2-border.jpg" alt=""><br> 348 Embrace minimalism<br> 349 <span>Video tutorial</span> 350 </a></li> 351 <li><a href="#gallery-front_panels_and_label_stickers" rel="modal:open" class="open-modal"> 352 <img src="img/MIDIGrade-Intech_Studio_front_panel-thumb.jpg" alt=""><br> 353 Panels and stickers<br> 354 <span>Photo gallery</span> 355 </a></li> 356 <li><a href="#gallery-cheatsheets" rel="modal:open" class="open-modal"> 357 <img src="img/cheat_sheet-v5-thumb.jpg" alt=""><br> 358 Layouts and MIDI CC's<br> 359 <span>Cheat sheets</span> 360 </a></li> 361 </ul> 362 <!--<p>More videos on <a href="https://www.youtube.com/@MIDIGrade" target="_blank">Youtube</a></p>--> 363 <h3>Created by users</h3> 364 <ul class="gallery"> 365 <li><a href="#gallery-workstation-1" rel="modal:open" class="open-modal"> 366 <img src="img/workstation-MIDIGrade-colour_grading-photo_by_Julius_Koivistoinen.jpg" alt=""><br> 367 User grading suites<br> 368 <span>Photo gallery</span> 369 </a></li> 370 <li><a href="#gallery-community_video-mp_midi_controller" rel="modal:open" class="open-modal"> 371 <img src="https://i3.ytimg.com/vi/OOZDNhWYsBM/maxresdefault.jpg" alt=""><br> 372 MP Controller<br> 373 <span>Video</span> 374 </a></li> 375 </ul> 376 <h3>Archive</h3> 377 <ul class="gallery"> 378 <li><a href="#gallery-r12_midigrade_commercial" rel="modal:open" class="open-modal"> 379 <img src="https://i3.ytimg.com/vi/qZI3Bp-0fd4/maxresdefault.jpg" alt=""><br> 380 Promotional video (2016)<br> 381 <span>Video (DVR 12.5)</span> 382 </a></li> 383 <li><a href="#gallery-r16_twister_grading_demonstration" rel="modal:open" class="open-modal"> 384 <img src="https://i3.ytimg.com/vi/8Odc-tsrJFw/maxresdefault.jpg" alt=""><br> 385 Grading demo: Twister<br> 386 <span>Video (DVR 16)</span> 387 </a></li> 388 <li><a href="#gallery-r16_keyboard_grading_demonstration" rel="modal:open" class="open-modal"> 389 <img src="https://i3.ytimg.com/vi/ZBPpyjaCSD8/maxresdefault.jpg" alt=""><br> 390 Grading demo: Keyboard<br> 391 <span>Video (DVR 16)</span> 392 </a></li> 393 <li><a href="#gallery-r12_midigrade_with_ripple" rel="modal:open" class="open-modal"> 394 <img src="https://i3.ytimg.com/vi/Wy4Pbs9Fibs/maxresdefault.jpg" alt=""><br> 395 MIDIGrade with Ripple<br> 396 <span>Video (DVR 12.5)</span> 397 </a></li> 398 <li><a href="#gallery-UI" rel="modal:open" class="open-modal"> 399 <img src="img/MIDIGrade-UI-thumb.png" alt=""><br> 400 Old user interface<br> 401 <span>Screenshot</span> 402 </a></li> 403 <li><a href="#gallery-r18_gamepad_video" rel="modal:open" class="open-modal"> 404 <img src="https://i3.ytimg.com/vi/wodyCFLCJT4/maxresdefault.jpg" alt=""><br> 405 Gamepad support (outdated)<br> 406 <span>Video (DVR 18)</span> 407 </a></li> 408 </ul> 409 </div> 410</section> 411 412<section id="support"> 413 414 <div class="content left-column column-50"> 415 <!-- Modal HTML embedded directly into document --> 416 <div id="faq" class="modal"> 417 <h3>Can I get a student/teacher discount?</h3> 418 <p>To apply for a 20% discount, <a href="mailto:[email protected]?subject=Education%20Discount&body=Please%20include%20your%20valid%20student%20or%20teacher%20ID.">email support</a> with a valid student photo ID card, or a valid teacher card to prove that you are a teacher.</p> 419 <h3>Where is my contoller?!</h3> 420 <p>Iâm afraid you may have misunderstood the product description. MIDIGrade is the softw
420are-part of the equation and you will need to purchase a MIDI device separately. Note that you can still use all existing features with just a keyboard and mouse!</p> 421 <h3>Is the mapping customisable?</h3> 422 <p>Yes! Adjust Coordinates window found in Settings lets you to move coordinates to wherever you need the adjustments to take place on your screen. User Menu will make it possible for you to create your own set of 16 adjustments without having to sacrifice any of the existing ones.</p> 423 <h3>Does it work with other software than DaVinci Resolve?</h3> 424 <p>Once you disable Focus Mode found in Settings, MIDIGrade will work outside DaVinci Resolve. Then use a combination of User Menu and Adjust Coordinates to create a set of adjustments where you need them in another software. The keyboard shortcuts output by MIDIGrade cannot be customised individually, but there are a couple of presets to choose from. See the <a href="https://www.midigrade.com/MIDIGrade%20manual.pdf" target="_blank">User Manual</a> for more info.</p> 425 <h3>Can I use DaVinci Resolveâs free version with MIDIGrade?</h3> 426 <p>Yes! Both free and Studio version will work.</p> 427 <h3>Can I use it together with a panel like Blackmagic Design Mini Panel or Tangent Wave?</h3> 428 <p>Yes! Thanks to MIDIGrade not requiring to be enabled as a controller in DaVinci Resolve, you can add another controller alongside with it.</p> 429 <h3>Can I use any MIDI controller?</h3> 430 <p>Yes and no. MIDIGrade works by listening to specific MIDI CC notes, so it's a yes if you can select which CC notes are output from your device. Technically any MIDI device will work â it just depends on whether you can send the required notes into MIDIGrade one way or another. See the <a href="https://www.midigrade.com/MIDIGrade%20manual.pdf" target="_blank">User Manual</a> for more info.</p> 431 <h3>Is MIDIGrade future-proof?</h3> 432 <p>This project started in 2015 with DaVinci Resolve 12, and in 2024 is still going strong. Development has experienced ups and downs. A couple years after the first release and many updates, MIDIGrade 2 had stopped working due incompatibilities with the latest macOS version at the time. There was no Windows version then, so the outlook was grim. Yet even such a low moment was overcome, and even better MIDIGrade 3 was born. Then MIDIGrade 4 was released a year later after lots of thought and effort, and the current MIDIGrade 5 is the most sophisticated iteration ever. It marks a new era, where MIDIGrade now represents an entire platform for users to create their own controllers meeting their specific needs. I feel so passionate about developing this tool because I also use it myself.</p> 433 </div> 434 435 <!-- Modal HTML embedded directly into document --> 436 <div id="version_history" class="modal"> 437 <h2>- 2026 -</h2> 438 <h3>May</h3> 439 <p>New version 5.3.0 released, introducing Photo Page and DaVinci Resolve 21 support!</p> 440 <p>Also there's now a hidden feature at the bottom of Adjust Coordinates: Faster Knob Speed. This speeds up everything, including the 10x Speed toggle.</p> 441 <h3>April</h3> 442 <p style="padding-bottom: 0;">Exciting new version 5.2.0 released:</p> 443 <ul> 444 <li>Completely revamped Adjust Coordinates which is now more intuitive, faster, and more fun to use</li> 445 <li>Adjust Coordinates values can now be exported and imported</li> 446 <li>New feature: MIDI Monitor</li> 447 <li>User Menu is now controllable using keyboard</li> 448 <li>MIDI Channels 6-7 now include an alternative version of 8 Knob Layout, which is for 16 knob controllers (for example Arturia Beatstep)</li> 449 <li><a href="https://www.midigrade.com/presets.html" target="_blank">Preset Library</a> online resource now available</li> 450 </ul> 451 <p>Also MIDIGrade has been tested with the newly released DaVinci Resolve 21 Beta, and everything is working well!</p> 452 <h2>- 2025 -</h2> 453 <h3>June</h3> 454 <p>A lot of 2025 development time has been spent on video tutorial production, and there's more videos to come.</p> 455 <p style="padding-bottom: 0;">Version 5.1.1:</p> 456 <ul> 457 <li>DaVinci Resolve 20 support</li> 458 <li>8 Knob Layout! Now itâs possible to make your custom controller with 8 knobs work with MIDIGradeâs advanced Menu logic. Similar to X-Touch Mini, using this feature your 8 knobs will each behave differently depending which Menu and Layer A/B you have selected. More info in User Manual pages 16 and 31.</li> 459 <li>X-Touch Mini: Knob presses now act differently depending whether youâre turning the knob. Press + Turn performs 10x Speed, and Press + Release is Adjustment Reset</li> 460 <li>X-Touch Mini: Actions that previously were triggered by knob presses, now require the Fn Menu button to be held down first</li> 461 <li>MIDI Channel 1: Some shortcuts trigger an alternative function when Shift is pressed (user manual page 26-27)</li> 462 <li>MIDI Channels 3-4: Color Wheels become vertical adjustments when Shift is pressed (user manual page 29)</li> 463 <li>MIDI Channels 6-7: new actions âDecrease/Increase Adjustmentâ, âPrevious/Next Adjustmentâ, and âPrevious/Next Menuâ â intended to be used by knob turns (user manual page 31)</li> 464 <li>Bug fixes</li> 465 <li>Updated user manual</li> 466 </ul> 467 <h2>- 2024 -</h2> 468 <h3>December</h3> 469 <p style="padding-bottom: 0;">Version 5.0.2 released:</p> 470 <ul> 471 <li>New feature: âBypass Adjustmentsâ in MIDI Channel 1, CC 119 (user manual page 26). This enables you to use rotary encoders with hard limits, which was previously impossible. When pressing and holding Bypass Adjustments, all knob outputs are temporarily halted which lets you turn the knob the opposite direction to expand its physical range.</li> 472 <li>New feature: Color Wheels in MIDI Channels 3-4 have their horizontal adjustments turn into vertical adjustments on Shift press.</li> 473 <li>Re-introduced feature: Midi Fighter Twister's Pages change automatically on Menu switches.</li> 474 <li>Bug fixes.</li> 475 </ul> 476 <h3>July</h3> 477 <p>Let's GOOO! MIDIGrade 5 has been released!!</p> 478 <p>It not only introduces new controller options, massive performance improvements, and a list of new features â this new release marks a philosophical change to what MIDIGrade is. From now on MIDIGrade will represent a platform for helping you control your favourite editing software. In other words, you are no longer limited to a few pre-selected controller options, and you are no longer limited to DaVinci Resolve only.</p> 479 <p style="padding-bottom: 0;">This update includes:</p> 480 <ul> 481 <li>DaVinci Resolve 19 support added</li> 482 <li>HUGE performance upgrades on all fronts! Improved responsiveness and rigidity of all functions throughout!</li> 483 <li>Intech Studio Grid controllers EN16 and BU16 now officially supported by MIDIGrade</li> 484 <li>New laser engraved panels from Intech Studio</li> 485 <li>UI has been redesigned for ease of use and clarity</li> 486 <li>Virtually any MIDI device can now be used to control MIDIGrade!</li> 487 <li>Adjust Coordinates: now fully supported with auto-save</li> 488 <li>Custom Curves 0%, 20%, 40%, 60%, 80%, and 100%</li> 489 <li>
489New User Menu which consists of 16 empty adjustments accessible via Adjust Coordinates</li> 490 <li>MacBook Air resolutions 1710x1112 and 1920x1243</li> 491 <li>Fully reworked User Manual</li> 492 <li>Pressing Window menu again creates Circular window, and other workflow improvements</li> 493 <li>Adjusting Soft Clip sliders starts from where you left off last time</li> 494 <li>Click and turn for 10x Speed has been re-introduced on Twister</li> 495 <li>Improved performance on AZERTY (French) keyboards</li> 496 <li>Keyboard: double-click key for reset</li> 497 <li>New setting to swap the positions of Lift and Gain</li> 498 <li>âPages Hiddenâ option added</li> 499 <li>âTarget 2nd Monitorâ option added</li> 500 <li>Option to choose between Keyboard Presets</li> 501 </ul> 502 <h2>- 2023 -</h2> 503 <h3>October</h3> 504 <p>The development of MIDIGrade 5 has commenced.</p> 505 <h3>March</h3> 506 <p>Keyboard functionality has been greatly improved on macOS! Now you can simply hold an adjustment key down and use your mouse/trackpad to make an adjustment. This can significantly increase the speed and comfort of this workflow. (v.4.3.3)</p> 507 <h3>February</h3> 508 <p>New feature: 2X Scaling. Developed for Windows users using 150-200% display scaling, this feature can be found in the Settings dropdown menu. Once enabled, a screen resolution corresponding to 2x multiplying factor needs to be selected; for example with a 3840 x 2160 monitor you would choose 1920 x 1080 from the screen resolutions dropdown menu for it to match with the upscaled UI of DaVinci Resolve. (v.4.3.2)</p> 509 <h2>- 2022 -</h2> 510 <h3>November</h3> 511 <p>New feature: Adjust Coordinates. Now accessible through the Settings menu, this feature has been in works for years! It lets users to customise coordinates in case their DaVinci Resolve's UI is not aligning with what is programmed to MIDIGrade by default. (v.4.3.0)</p> 512 <h3>September</h3> 513 <p>MIDIGrade Demo has been made available. This technical demo will let users to test basic functionalities of MIDIGrade 4.2.2 for free.</p> 514 <h3>August</h3> 515 <p>Xbox/PlayStation controller support added. Please refer to the user manual for instructions. Full DaVinci Resolve 18 support. (v.4.2.0)</p> 516 <h3>April</h3> 517 <p>"Dual Screen" option added into Settings dropdown menu. This replaces the duplicate resolutions in the Screen Resolution list and lessens the clutter. (v.4.1.1)</p> 518 <h3>February</h3> 519 <p>Version 4.1.0 released, introducing a new and highly requested feature: Dolby Vision Trims! There's a new chapter in the <a href="https://www.midigrade.com/MIDIGrade%20manual.pdf" target="_blank">User Manual</a> where you can find more info about this.</p> 520 <h3>January</h3> 521 <p>Support for MacBook Pro 2021 models 14" and 16" added (1800 x 1169 & 2056 x 1329).</p> 522 <h2>- 2021 -</h2> 523 <h3>December</h3> 524 <p>Oh what a feeling! <span class="bold">MIDIGrade 4 is out in the wild!!</span> This new release has been in works for this whole year, so I'm beyond excited to finally have it ready for you to enjoy. MIDIGrade 4 is all about streamlining the user-experience with new settings and resources, offering you the option to choose between multiple different controllers - and even operating systems - whenever and wherever you need to!<!--Support added for a new controller, X-Touch Mini by Behringer. MIDIGrade and MIDIGrade Lite have been fused into a single product. No more subscription. Really sleek new label designs, and fully re-designed cheat sheets. On top of all this, there's another round of performance improvements under the hood. Thank you everyone for staying on the ride with me all these years!--></p> 525 <p style="padding-bottom: 0;">MIDIGrade 4 change list:</p> 526 <ul> 527 <li>No more subscription</li> 528 <li>New controller support: Behringer X-Touch Mini</li> 529 <li>MIDIGrade and MIDIGrade Lite have been combined into a single product</li> 530 <li>
530Both macOS and Windows installers are included in the purchase</li> 531 <li>âFocus Modeâ</li> 532 <li>âShow Icons Onlyâ</li> 533 <li>All menus are now accessible simply using the controller/keyboard</li> 534 <li>Switching menus on the keyboard switches them on Twister and X-Touch Mini</li> 535 <li>New resolution 1680 x 1050 (MacBook Pro 13â)</li> 536 <li>New labels (link)</li> 537 <li>New cheat sheets</li> 538 <li>Updated user manual</li> 539 <li>Bug fixes and performance improvements</li> 540 </ul> 541 <h3>July</h3> 542 <p>Update 3.2.3 is now available; enabling Curves in MIDIGrade, and fixing some bugs regarding keyboard shortcuts on both MIDIGrade and MIDIGrade Lite. Meanwhile, some exciting new stuff has been in development behind the scenes. Hopefully it will be ready for release by the end of this year.</p> 543 <h3>February</h3> 544 <p>Work on MIDIGrade 4 has commenced.</p> 545 <h3>January</h3> 546 <p>Update 3.2.2 released; bringing support for DaVinci Resolve 17 Beta. You can still select between versions 16 & 17 depending which one you use. Also the new HDR Grade page has been added into both MIDIGrade and MIDIGrade Lite.</p> 547 <h2>- 2020 -</h2> 548 <h3>November</h3> 549 <p>UltraWide 2560 x 1080 (21:9) added. Also there's now the option to switch between Color Wheels and Primaries Bars in the Settings dropdown menu.</p> 550 <h3>May</h3> 551 <p>Get HYPED! Years of development has come into fruition and <span class="bold">MIDIGrade 3 is finally here!!</span> Built from ground-up on a totally different platform, it's practically a brand new product, and like no other update MIDIGrade has received to date. MIDIGrade 3 supports Windows (finally!), has a new sleek UI, and comes with huge performance upgrades. MIDIGrade 3 is available in four flavors: MI
551DIGrade for macOS, MIDIGrade for Windows, MIDIGrade Lite for macOS, and MIDIGrade Lite for Windows.</p> 552 <h3>March</h3> 553 <p>Iâm saddened to concede that MIDIGrade 2.0 is not, and likely will not become, available on macOS Catalina. It works as intended if you are running macOS Mojave or High Sierra though. - - As the developer of MIDIGrade, I have decided this is not acceptable, and that it is time to move forward. MIDIGrade 3 is now in works full steam ahead. With new platform and new collaborators aboard, it will be better than ever! This time around Windows users are in for a treat, too. ;)</p> 554 <h3>January</h3> 555 <p>Compatibility for MacBook Pro 16" added.</p> 556 <h2>- 2019 -</h2> 557 <h3>May</h3> 558 <p>Resolve 16 Public Beta has been tested and works with the current MIDIGrade version without issues.</p> 559 <h3>February</h3> 560 <p>Primaries Bars has received a significant performance update and behaves more reliably now.</p> 561 <h3>January</h3> 562 <p>Performance optimised further. macOS Mojave compatibility improved. Setup instructions updated.</p> 563 <h2>- 2018 -</h2> 564 <h3>December</h3> 565 <p>Improved keyboard functionality and keyboard calibration. Added support for ultra wide 21:9.</p> 566 <h3>July</h3> 567 <p>General bug fixes.</p> 568 <h3>June</h3> 569 <p>Added compatibility for several different keyboard models.</p> 570 <h3>May</h3> 571 <p><span class="bold">MIDIGrade 2.0 released!!</span> This major update has been in works for the past six months and introduces huge performance improvements, cool new features, and a brand new keyboard functionality. Now you donât even need to have the Twister anymore to use MIDIGrade! <a href="https://youtu.be/AkFdn6wOql4" target="_blank">Learn more about 2.0 here</a>.</p> 572 <h2>- 2017 -</h2> 573 <h3>November</h3> 574 <p>Added support for DaVinci Resolve 14 on 4K iMac, 5K iMac, and 15" MacBook Pro.</p> 575 <h3>October</h3> 576 <p>MIDIGrade is now compatible with DaVinci Resolve 14. Development of a new MIDIGrade version continues.</p> 577 <h3>January</h3> 578 <p>Added support for various single and dual monitor resolutions.</p> 579 <h2>- 2016 -</h2> 580 <h3>December</h3> 581 <p>ControllerMate has been updated and the problem causing issues with MIDIGrade on macOS Sierra has been fixed!</p> 582 <h3>October</h3> 583 <p>ControllerMate has major issues running on the new macOS Sierra. Starting from today I'm gradually rolling out updates with a temporary fix to each screen resolution. Please contact me if you need yours to be prioritized in the next batch, and I will do so.</p> 584 <h3>September</h3> 585 <p>Improved compatibility with DaVinci Resolve's newest 12.5.2 version. Support for 3840 x 1200 single monitor added. Also various performance improvements.</p> 586 <h3>August</h3> 587 <p>Honored to have <a href="https://nofilmschool.com/2016/08/midigrade-brings-diy-color-grading-hardware" target="_blank">MIDIGrade featured on No Film School</a>! Especially since it has been one of my main resources for filmmaking news and knowledge, since 2014.</p> 588 <h3>July</h3> 589 <p>MIDIGrade 1.2 released! It is fully compatible with DaVinci Resolve 12.5.</p> 590 <h3>May</h3> 591 <p>MIDIGrade 1.2 Beta compatible with DaVinci Resolve 12.5 Beta is now online. Added support for 1920 x 1200 single screen.</p> 592 <h3>March</h3> 593 <p>New feature! Thanks to the great user feedback coming in, a new universal button has been added to bottom row: Pause / Start Playback. Also tracking in Bank 1 (Window) is now accessible by turning the knob, and Highlight has been added to Bank 3 (Qualifier).</p> 594 <h3>February</h3> 595 <p>MIDIGrade 1.1 is now online! <a href="https://vimeo.com/155662895" target="_blank">See the new features demonstrated here</a>. Also, MIDIGrade has been <a href="https://www.cined.com/midigrade-controller-davinci-resolve-budget/" target="_blank">featured on Cinema5D</a>!</p> 596 <h3>February</h3> 597 <p>I am currently working on an update which brings not only Primaries Bars into MIDIGrade, but also a set of huge performance improvements. Thank y
597ou to early adopters and their feedback! ETA is next week. A video will be posted alongside the update when it's ready.</p> 598 <h3>January</h3> 599 <p>I have received requests for implementing Primaries Bars' Lift/Gamma/Gain/Offset controls for each channel Y/R/G/B. Adding this is totally plausible since there's a 4th Bank unused on the Twister, and 6 side buttons in total so one of them can easily be programmed for getting into that Bank 4. I will add this feature in an update which will be ready later in February.</p> 600 <h3>January</h3> 601 <p>MIDIGrade for DaVinci Resolve 12 is released!</p> 602 </div> 603 604 <h2>Support</h2> 605 <p>The work that goes into developing MIDIGrade (3,500+ hours and counting) since its inception in 2015 represents the level of devotion its developer has for this project. Every single detail has been thoroughly tested and scrutinised in order to meet the highest standards of even the most seasoned professional.</p> 606 <h4>Useful information and links:</h4> 607 <!--<p>Before contacting support, please read through FAQ and "Common problems & Troubleshooting" chapter in user manual.</p>--> 608 <p><a href="https://www.midigrade.com/MIDIGrade%20manual.pdf" target="_blank" class="button">User Manual (PDF)</a></p> 609 <p><a href="https://midigrade.com/presets.html" target="_blank" class="button">Preset Library</a></p> 610 <p><a href="#version_history" rel="modal:open" class="button open-modal">Version History</a></p> 611 <p><a href="#faq" rel="modal:open" class="button open-modal">FAQ</a></p> 612 <p><a href="https://discord.gg/8s2xgfTJAp" target="_blank" class="button"><img src="/img/social-discord-white.png" height="16" alt="" class="borderless" style="margin-bottom:-3px;padding-right:.2em;"> Discord Server</a></p> 613 <p><a href="mailto:[email protected]?subject=Support%20Request&body=If%20you%20are%20experiencing%20an%20issue%20with%20MIDIGrade%20please%20include%20an%20uncropped%20screenshot%20of%20your%20Resolve%20Color%20page." class="button">Email Support</a></p> 614 </div> 615 616 <div class="content right-column column-50 dark-column"> 617 <h2>Developer Bio</h2> 618 <p>MIDIGrade is developed by award-winning cinematographer Julius Koivistoinen.</p> 619 <p><span class="italic">"I started color grading out of necessity in 2014 and fell in love with it. Thanks to a decade-long previous career in photography, I already was familiar with the process of fine-tuning colors. I believe rich and tastefully done color-work is crucial for any project's success!"</span></p> 620 <p><a href="https://www.instagram.com/julius_koivistoinen/" target="_blank" class="button"><img src="https://juliuskoivistoinen.com/img/social-instagram2_white.png" height="20" alt="" class="borderless" style="margin-bottom:-5px;padding-right:.2em;"> Instagram</a></p> 621 <p class="no-bottom-padding"><img src="img/Julius_Koivistoinen-MIDIGrade-Developer_Bio-profile_picture-2023.jpg" style="max-height: 225px;" alt=""></p> 622 </div> 623</section> 624 625<section id="testimonials" class="section"> 626 <div class="content one-column"> 627 <h4>"This is the kind of detail you see when the designer is both a regular user of the product, and actively listens to the end users."</h4> 628 <p><a href="https://nofilmschool.com/2016/08/midigrade-brings-diy-color-grading-hardware" target="_blank"><img src="img/testimonials-NoFilmSchool_logo.png" class="borderless" alt="" height="26" style="margin-bottom:-8px;padding-right:.6em;"> Charles Haine, No Film School</a></p> 629 <h4>"Some of the most innovative solutions to problems that established manufacturers seem to ignore often come from frustrated users with an idea and a desire to drive change by themselves. MIDIGrade is the result of exactly this scenario."</h4> 630 <p><a href="https://www.cined.com/midigrade-controller-davinci-resolve-budget/" target="_blank"><img src="img/testimonials-CineD_logo.png" class="borderless" alt="" height="42" style="margin-bottom:-16px;padding-right:.6em;">Richard Lackey, CineD</a></p> 631 </div> 632</section> 633 634</div><!--END sticky-area--> 635 636<section id="purchase"> 637 <div class="content one-column"> 638 <h2>Buy MIDIGrade</h2> 639 <h3>Pricing</h3> 640 <p>65⬠per seat. Buy it once - get a lifetime license.</p> 641 <h3>Requirements</h3> 642 <ul> 643 <li>Operating system: 644 <ul class="condensed-list"> 645 <li>macOS <span>- Apple Silicon & Intel</span><!-- Ventura <span>(v.13)</span> - Yosemite <span>(v.10.10)</span>--></li> 646 <li>Windows<!-- 11 - 10--></li> 647 </ul> 648 </li> 649 <li>Main GUI screen resolution:</li> 650 <ul class="condensed-list"> 651 <li>1680 à 1050 <span>- MacBook Pro 13"</span></li> 652 <li>1710 à 1112 <span>- M2 MacBook Air 13"</span></li> 653 <li>1800 à 1169 <span>- MacBook Pro 14" 2021</span></li> 654 <li>1920 à 1080 <span>- Common monitor resolution</span></li> 655 <li>1920 à 1200 <span>- MacBook Pro 15"</span></li> 656 <li>1920 à 1243 <span>- M2 MacBook Air 15"</span></li> 657 <li>2048 à 1280 <span>- MacBook Pro 16" 2019</span></li> 658 <li>2056 à 1329 <span>- MacBook Pro 16" 2021</span></li> 659 <li>2560 à 1080 <span>- UltraWide 21:9</span></li> 660 <li>2560 à 1440 <span>- iMac 27"</span></li> 661 <li>3440 à 1440 <span>- UltraWide 21:9</span></li> 662 <li>3840 à 2160 <span>- 4K UHD</span></li> 663 </ul> 664 <li>DaVinci Resolve 21, 20, 19 or 18</li> 665 </ul> 666 <h3>What's included</h3> 667 <p>With the purchase you'll receive an instant download link to both macOS and Windows installer
667s, and a license key delivered in your email.</p> 668 <p class="centered"><a href="https://midigrade.sellfy.store/p/midigrade-controller-solution-for-davinci-resolve/" data-text="Buy MIDIGrade" id="ns5s5t" class="sellfy-buy-button"></a><!--<a href="https://midigrade.sellfy.store/p/midigrade-demo/" data-text="Download Demo" id="4j0lou" class="sellfy-buy-button"></a>--></p> 669 <p class="centered"><a href="https://midigrade.sellfy.store/p/support-midigrade-development/" data-text="Buy me a coffee" id="yhcglb" class="sellfy-buy-button"></a>
670<script src="https://sellfy.com/js/api_buttons.js"></script>
670</p> 671 <!--<p class="centered italic no-bottom-padding"><a href="https://intech.studio/shop/midigrade-bundle" target="_blank">Click here</a> to visit Intech Studio à MIDIGrade store.</p>--> 672 </div> 673</section> 674 675<div class="footer"> 676 © 2016-2026 Julius Koivistoinen. All rights reserved. 677</div> 678
679<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
vendor: 1 bytes, line 679
679
680<script src="scripts/main.js"></script>
vendor: 1 bytes, line 680
680
681<script src="scripts/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 681
681
682<script> 683const swiper = new Swiper('.swiper', { 684 lazy: true, 685 loop: true, 686 // Pagination 687 pagination: { 688 el: '.swiper-pagination', 689 }, 690 // Navigation arrows 691 navigation: { 692 nextEl: '.swiper-button-next', 693 prevEl: '.swiper-button-prev', 694 }, 695}); 696</script>
vendor: 1 bytes, line 696
696
697<script src="https://sellfy.com/js/api_buttons.js"></script>
vendor: 1 bytes, line 697
697
698<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
698 699</body> 700</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.