While building web or mobile experiences with html and javascript, it is great to have not only the robust framework and UI components to get the job one, but also the appropriate tooling that supercharges your productivity. Shortcuts for easy visual styling customization, boilerplates for project types, interactive online playground for code snippets, or debugging via browser DevTools extensions and the likes. 

When it comes to Kendo UI and its tooling belt, we can proudly say that we have all the goodies mentioned above covered.

Styling Tools

If you are in need of point-and-click appearance customization, this is where our Web and Mobile Theme Builders come into place. With a couple of easy steps these styling configurators give the power to modify the look and feel for Kendo UI Web and Mobile widgets to your heart’s content, and then embed/export these styles as ready-to-use in your projects.



Interactive code editing/sharing

Need to quickly test one of the existing Kendo UI online demos and tweak it a bit in par with your preferences, validate something additional or implement a simple test case/proof of concept? No problem. Our interactive Dojo environment is fine-tuned to do just that. Further, you can select your own code editing configuration via the Options menu, as well as define and reuse your code snippets, choose Kendo UI version to run the code against, or select getting-started tutorials to complete in the Dojo.


Browser DevTools Extension

Ever wanted to easily inspect and debug the Kendo UI-specific html rendering and javascript execution via the Chrome browser DevTools? This is where Kendo UI’s Chrome Inspector shines.  When installed, the tool becomes part of the standard Chrome DevTools toolbar and can be directly utilized from there. Thus it allows you to perform various actions and have the “Kendo UI code goggles” at any given moment on pages hosting Kendo UI widgets and framework components.


Project Templates and Code Analysis

Finally, in cases when you would want to make use of basic Kendo UI project boilerplates, perform code analysis, minification or bundling, or get direct access to relevant documentation, there are several options:

Each of them aims at delivering the foundation for creating web and mobile solutions with Kendo UI, and make the recommended code and performance optimizations during the process.

Which one of these tools have you used so far? What you like or dislike about them, and what you would like to see improved in terms of existing or new functionality? Do you utilize any other productivity tools with Kendo UI, and if so which ones?

I encourage you to share your input in the comments. This will help us prioritize features or pinpoint directions where these gadgets are going to be heading in the future, to make you even more productive as developers.

About the Author

Stefan Rahnev

Stefan Rahnev (@StDiR) is Product Manager for Telerik Kendo UI living in Sofia, Bulgaria. He has been working for the company since 2005, when he started out as a regular support officer. His next steps at Telerik took him through the positions of Technical Support Director, co-team leader in one of the ASP.NET AJAX teams and unit manager for UI for ASP.NET AJAX and Kendo UI. Stefan’s main interests are web development, agile processes planning and management, client services and psychology.

Related Posts


Comments are disabled in preview mode.