Future of Codity

During the past week, I was playing with the idea of actually being able to load javascript packages from NPM, bundle and transpile and use them in the editor. I will call it Codity Advanced editor. This is a full-fledged editor with file management system so that you can add different files to your project. Beauty of it is that you can use proper import statements and Codity will go fetch those and bundle your javascript project with a blazing fast speed.

Even though Codity is released, there are new and must have functionalities that are getting added to it as per requests of the amazing community around it. The functionalities added as of last post, are the following:

Continue reading →

Today, I am happy to announce that Codity web editor is released. Following is the vision of Codity.

Codity web editor is born out of curiosity to make it easier for web designers and developers around the world, to quickly prototype and test their html, css and javascript code as fast as possible and be able to share it with millions of other developers and people.

In this post I will be going through its features, technologies I used to make it, examples and also challenges and learnings but first, take a look at an example prototype:

Pixel art: Homer Simpson [code by Yago Estévez].

Continue reading →

In my personal development time, I started working on a project that I always wanted to work on and that is a web prototyping platform/editor for frontend and UI designers and developers to quickly prototype and examine a piece of code in html, css and Javascript. I named it Codity[1]. This has helped us today in the team with a simple test of checking some css properties to see how an image will look like when these styles are applied.

There are a couple of these websites in the web such as codepen and jsfiddle that one can do the same, but I took it on, not only for my learnings/sharing but also to build a platform is not as cluttered as those websites plus usability for others to reuse the editors. Following is how I managed to create the editor at its current state ….

Continue reading →