Macrabbit ‘s Espresso text editor is great for coding. Until I have discovered it, I used a lot of text editors like Textmate, SublimeText2, Coda and so on. Before all of them I used Netbeans as a primary IDE for a long time, and it has the best text editor I ‘ve ever seen ( for sure, still best ). Since last week I’m coding with Espresso and I like it a lot. It has great UI and its editor is better than others.
I like HTML5 stuff, especially Canvas element. And I play it a lot, even when I bored. But sometimes you cannot remember all functions’ parameters. And autocomplete feature saves life, I spend a few hours and made a plugin ( actually, a sugar, Macrabbit called the plugin like this for Espresso ). It covered full HTML5 Canvas functions and some missing HTML5 functions like document.querySelector() and document.querySelectorAll().
You can download or fork from Github. Also installation instructions can be found there.
There are a lot of examples of following eyes, but most of them are obsolete. I decided to make it with HTML5 Canvas element, actually it is time that i was boring and I tried to make it just for fun. You can see working sample at the top of my blog header. But to move it one step forward, I made it like a library for easy to use.
Usage of following eyes code is so easy, it can be used like below in the simplest case;
First of all, include the script file in your html code.
I like fractals and sometimes trying some experiments with them. I had some unfinished mandelbrot implementations in my projects, finally i finished and ready to publish here. I think it seems nice. I will write a tutorial about Mandelbrot set soon, actually it will be detailed tutorial for drawing Mandelbrot set. You can see Mandelbrot Set by clicking here.
Several years ago, I implemented cloth simulation with HTML5, but I didn’t publish it. Tonight, I ‘ve encountered it while looking my old projects and decided to post here, you can play by pulling the vertices, have fun
You might be able to see it below:
(If you can’t see, try modern browsers like Chrome, Firefox)
While pulling the vertex, press S key button to make fixed:
Bezier curves are parametric curves which are plotted by control points. They are used in computer science in order to plot curves and make timing-function for animations. In mathematics side, they are constructed by using Bernstein polynomials. Bezier Curves are widely published by Pierre Beziẽr and who used them for automobile design. For more information see Wikipedia article.
I ‘m a big fan of HTML5 stuff, especially Canvas element. The other color pickers on the web are made with some trick in order to work in all browsers, but I think that this tool deserves more than simple trick and I decided to make it with Canvas and then put in some transition effect with CSS3 transitions. I hope it would be useful, actually i use this tool everyday in my work. As a frontend developer we always need to pick a color.
(Note: It does not work on ancient browser that does not support HTML5 Canvas, like IE 6,7,8)
I have been working on this project for a while, and after hard working in the last week finally i have completed first version of my function plotter in 3D.
This tool draws F(x, y) mathematical functions into the 3D space. I have used the HTML5 canvas element and no 3D engine is used. The only library i ‘ve used is that mathematical expression parser by Silent Matt. The other effects and drawing features are implemented in pure javascript.
Needless to say more about that, use it, it makes you amazed!
