Scala – JavaScript class conversion example
Scala is a great language. We are lucky to use it not only for back-end development but also in front-end. That’s cool, but it’s an illusion that one can create the whole front-end by solely using Scala.js. Of course, it’s possible. And one could develop the great application. I won’t argue about that. But my point is: we should use the strong parts of Scala in conjunction with strong parts of JavaScript. We all love Scala for many things. If we need to realize business logic, we will choose Scala.js . But what about view rendering, appearance, visual effects, styles,
How to make a gallery for Flickr photos
This post is for those who want to showcase photos stored by Flickr. There is a commercial product for this purpose (see Flickr Pack). But you can easily do the same (say, almost) absolutely for free. I have already covered the theme of usage of Moon Gallery plugin in two little posts (see here and here). Now it’s time to go further and to tell about its usage with Flickr API. You can read all about Flickr API here. The general scheme of using this API is as follows: The script sends an appropriate query to the server, using one
The gallery with photo-filters
Today I want to continue talking about Moon Gallery jQuery library. It’s time to consider photo-filters. There are two ways to transform images in JavaScript: 1. You can draw a canvas element and replace your image with it. 2. Or you can use SVG-filters. First way consumes significantly more resources, but it’s supported by almost all modern browsers. Second way is preferable, but it’s not supported by old Android devices. Moon Gallery supports both technics. You can even set your gallery so that SVG-filters will be used if a browser supports them, otherwise canvas will be used. Canvas filters The
JQuery: making a masonry gallery for free
When you want to make a photo gallery you will likely find the Moon Mega Grid Plugin among others. It’s a great tool for building galleries with a bulk of templates and settings. But it’s not free. Fortunately, there is a free version of this plugin: the Moon Gallery. It has the same functionality. But there are only two simple templates in the Free Pack. If you need something special you ought to create a template by yourself. Features integrated support for canvas and svg filters perfect for mobile devices simple templating tools built-in lightbox with retina support 2 retina
String calculation effect in JavaScript
In one of my posts I wrote about the Strong-Password Plugin. The secret of its attractiveness lays in usage of interesting effect: a new password is being calculated on the eyes of the visitor. Let’s discuss how to create such an effect. We need a function that will generate our effect of “string calculation”. I named it generate. var generate = function(str, result, from, delay) { // Our code will be here…. } Our function takes four parameters, the first two are required. str – it’s a string that will be shown at the end (the result of calculations) result
Strong Password Generator
Today I want to tell about the jQuery plugin which I wrote this March: strong-password.js If you need to give a hint for your new visitor of your site how to create a good password: memorable and strong, you can take an opportunity of using this simple plugin. And it’s available for download on GitHub under the MIT License. The plugin can be plugged to a form password field, and when a new visitor clicks on this field an animated popover will appear with a generated password. The password consists of a combination of vowels and consonants, so it is
-
-
-
-
/ 0 Comments