Here is a comprehensive collection of online tools for web development.
Quite excited to find this particular tool: browserling.com. It’s an HTML5 application that lets you test a website in different browsers as a live session instead of just taking screenshots (works best in Chromium/Chrome).
Author Archives: bcat
MooTools Unobtrusive Background Image Switcher
Update 2013.04.26: we have published the jQuery version of this plugin, please see it if you prefer to use jQuery.
There are plenty of image slider and gallery scripts out there, but recently we had a pretty specific goal – to switch backgrounds of a website, and couldn’t find a good MooTools solution to accomplish it, so we had to create our own MooTools Class.
Here are the basic requirements:
- Only the first one has to be loaded, the rest must “wait for their turn” and load as needed. After all the images are loaded they just switch. That’s the unobtrusive part so that we can use a lot of heavy background images without having to worry about load times.
- The image has to be preloaded and only shown after the load is completed.
- It has to support responsive full screen background feature without breaking the image’s proportions on any screen/window size.
- As with all the scripts it has to be lightweight and play well with other front end features.
So here it is:
- Demo fixed size
- Demo full screen
- Download the latest version of the package with example pictures and working demos
- Visit GitHub repository
Full screen functionality uses both JavaScript and CSS so if you want the full screen option to work, download the whole package and see our bare bones style.css. The CSS part is based on Perfect Full Page Background Image / CSS-Only Technique #2 from css-tricks.
Images used in this demo are copyrighted and only intended for this demo.
Further information, usage and options: Continue reading
jQuery in Missile Guidance System
An interesting screenshot from the Strike Back TV Series showing jQuery code in a Missile Guidance System.
via SawRub
Local Subdomains under Ubuntu Linux and Apache 2.2 Tutorial
Update 2014.02.10: Ubuntu 13.04 and newer users might want to check out the newer guide here.
To develop web applications we often need to set up subdomains under the localhost to accsess them locally like that:
http://project.localhost/
Here is a quick and pain-free way to do that: Continue reading
Internet Explorer 8 – The End Is Near
On September 14th Google Apps team announced that Internet Explorer 8 support is officially discontinued. That’s a big step towards the modern web forcing more users to update their obsolete software.
Responsive Patterns
Very useful collection of modern stuff we should use in our projects.
All Credit Card PIN Codes
All credit card PIN codes in the world leaked! Really, they have them all including yours!
Design Patterns in JavaScript
Learning JavaScript Design Patterns – awesome book about common programming design patterns in JS context. Plenty of of code including even some framework related examples.
What’s With All The Taxes?
Internet Explorer 7 Tax is fun, but here is a controversial one: UN’s global Internet tax on the world’s largest content providers (meaning Google, FB & Co.).
The whole thing has something to do with these content sites eating way too much bandwidth while being based in US so we don’t get enough this bandwidth-related money here in Europe. Anyway, if something like that goes through it might change the “look&feel” of our modern Internet as well as its openness.