Everyone knows jQuery LightBox plugin – it’s simple and elegant, used for handling images through the power of jQuery’s selector. It’s perfect for image galleries, portfolios (for example, try my portfolio page >> view full size images).
The plugin works perfect, just one day while testing a client’s website for mobile devices, I found a bug – every full size image appeared at the very bottom of my page and was hidden for the very first sight, I had to scroll down the page to see it.
After setting up alerts and trying the result )) the solution for Lightbox v2.05 (by Lokesh Dhakar) was found – see line 245 or nearby:
if ((navigator.userAgent.match(/HTC_/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i) ||
One [working] day I was in need of a disabled submit button until my input fields have value. It’s a typical solution if you propose any service only after signing an agreement by your users (as it was at my case).
I had a form with input fields and a submit button on my page, I would like to have the feature that the ‘submit’ button is disabled until there are values on input fields. This button should be clickable if and only if there are values input in all fields.
One of the problems for Cufon developers is the strange behaviour of elements powered by Cufon.js which have defined :hover state in the CSS stylesheet. I stumbled upon this and tried so many different things to make it work the correct way… My
had no results, so after reading the official docs I set hover option for the certain element at the very beginning of my file – sure, after loading my custom Cufon script. The key phrase for the solution is ‘hover calls must go first’, because the hover option cannot be added to an element that has been replaced before:
Buttons are a very important element of any website, through buttons visitors trigger an action and interact with content.
As for my mind, CSS buttons are much more efficient than image-based buttons. They are rather easier to handle. It’s pretty simple to create dynamic buttons with cross browser compatibility, let me show the way I do it.
Since I need my button to be flexible, I make its width expand with the size of the button’s text and I use an <a> tag for that:
Using mobile devices to access the web has become so integrated into our everyday life, that there is no possibility to ignore such segment of the market anymore. Unluckily, the mobile arena is needed some specific knowledge and introduces a complexity that can be difficult for developers to accommodate. Mobile development is more than cross-browser, it should be cross-platform.
One day surfing the web I found the attractive (as for my mind) solution – Mobile Website Content Management Platform by Jaenovation, Inc. As a designer I work with such content management system (CMS) as WordPress, Joomla, with osCommerce and phpBB Forum, so I was interested to try a new web application for mobile development. Without hesitation I started to produce my own mobile web site.
The offered tool is easy to use, indeed – it took me less than an hour to complete the work. Have to say, that Jaemobi allows to create any look you want with Jaemobi’s advanced widgets and plug-ins. A user can build custom designed mobile websites, mobile online stores, mobile campaigns and landing pages effortlessly. Jaemobi also offers many cutting edge mobile solutions like mobile ecommerce which provides fully integrated paypal mobile payment gateway – for managing inventory, selling tickets, collecting donations, etc. Besides with all new plans, clients can also create their own landing pages for different campaigns and publish them with their unique QR Code.
It’s cloud-based, with fresh and sweet look and feel.. I loved it at first sight )