Another Web Development Blog
Hello all,
Starting from Chrome 61+, modules syntax has been steady implemented in Chrome. Today (Chrome 65), I felt like refractoring one of my extensions to benefit of it.
First, how can you split the code into separate modules? You can check out this commit of mine, long story short, imagine you have similar code in your options and popup files.
Hello all,
As discussed in this StackOverflow question, when encoding/decoding an url it may happen that some combination of characters ends up being converted.
I got tricked while encoding an URL with a “currency” GET parameter:
http://www.example.com¤cy=EU -> http://www.example.com¤cy=EUIn HTML, the ¤ combination is interpreted as the ¤ (currency) character.
Thus the first part “¤” was converted into “¤” and the remaining part of the parameter “cy” was left as is.
A silly issue indeed 🙂
Hello everybody,
You made need to put the browser’s focus on a scrollable element, just after rendering.
Using the element.focus() is the good way to go but there a couple of tricks you should be aware of.
Hello everybody,
Recently I had an issue while creating a rotating loader. I had to make the website logo rotate in the middle of the page, no big issue. I put a container in the center of the page and then created a rotating class with the following CSS code:
Hello everybody,
During this year I’ve been working at Wakanda, an ambitious start-up trying to establish his identity in the messy Javascript world.
The product that we are working on is easy to explain from the marketing point of view:
Wakanda is an open-source platform that allows you to quickly and easily create applications that can be deployed on Web and mobile. – from Wakanda.io
Ok cool, the definition is sexy enough to catch your interest but developers don’t fall for these marketing lines easily: what does Wakanda intends with “quick” and “easily”? What are the technologies in game?
Read more
Hello everybody.
Quick code snippet for JSX for rendering an array of items, instead of a single one, in a ReactJS component:
var React = require('react');
var MyComponent = React.createClass({
render: function() {
var myString = ["L","o","r","e","m"," ","i","p","s","u","m"];
return (
<div> {
myString.map(function(letter) {
return <span>{letter}</span>
})
} </div>
);
}
});
module.exports = MyComponent;
voilà!
It seems that, on old android stock browser and chrome version, GPS detection don’t works out of the box using HTML5 Geolocation API.
Try this fiddle: http://jsfiddle.net/CvSW4/352/
If it doesn’t work try to:
Oh Jesus, we have to deal with IE again and now its mobile version.
There are 2 major causes for IE mobile and HTML5 standard audio not working.
First : the file
At the moment IE only supports mp3 for html5 audio
Check out w3schools
Second: “raise suspance…… drums…. AUDIO FILES HOSTED ON HTTPS FAILS!”
Error: Audio playblack was aborted
Exactly, IE10 Mobile at the moment could not play audio files (standard html or from javascript) via https!
Sweet!
Just put those files on an http (if you can) and rejoice.
Geez.
Hello all,
Since I released today my very first jQuery plugin. I thought it would be nice to commemorate it on the blog 😛
Zoomsaic (oh god, i’m not good at naming things) is a lightweight library to create some fancy effects that i had to create for a project and, since it turned out to be nice, I decided to share it.
I actually made a demo shows a plain version of the plugin, you could do a lot, lot more which a bit of creativity, you could create really some great galleries.
Here are the links then:
Feel free to contribute as you please and contact me if you actually end up using it on a project, I would be glad to hear that 🙂
P.S.: It’s completly mobile friendly 🙂
Today I’ll introduce a tweak not as much popular as it deserve to be:
CUSTOM CHECKBOXES!
A simple css-only implementation of this element could be achieved with just 4 rules and 2 elements, generating an output like this:
that could be customized as much as you desire and feel creative.
