Archive for July, 2011
Ddr Windows Mobile-Software can be installed on any Computer having any of the Windows XP
Tuesday, July 26th, 2011DDR (Professional) Recovery is powerful and advanced data recovery software that helps you getting out of all data loss problems. DDR Professional is the fastest and the most convenient data recovery program for all type of Fixed Drives and USB Storages including USB Drives, Memory Cards, Mobile Phones, Digital Camera and many more. TAGS: Ddr Windows Mobile-Software can be installed on any Computer having any of the Windows XP
Latest Articles in Technology Category on EzineMark.com
ST. JUDE CHILDREN’S RESEARCH: Lead Internet Designer/Developer
Monday, July 25th, 2011Full-time
(Memphis, Tennessee 38105)
Lead Internet Designer/Developer
Memphis, TN
St. Jude Children’s Research Hospital, located in Memphis, Tennessee, is a premier center for research and treatment of potentially fatal childhood diseases, including cancer and certain blood, genetic, and immunodeficiency disorders. The hospital’s mission is to advance cures, and means of prevention, for pediatric catastrophic diseases through research and treatment. St. Jude is dedicated to providing unsurpassed patient care and to advancing the health of children through biomedical research.
St. Jude Children’s Research Hospital has an opening for a Lead Internet Designer/Developer (Job Number 20780).
The Lead Internet Designer/Developer in the Enterprise Informatics department leads the design efforts for St. Jude Internet Development by providing high-level technical guidance and support on web design and branding projects. Provides direction and oversight on the development and maintenance of all web design procedures within the department. Provides project management leadership and ensures that projects are deployed in a timely manner. Identifies, designs, and produces branded interactive multimedia. Implements and maintains branding for internal and external sites and applications. Oversees the development, implementation, and/or integration of Internet and Intranet graphical elements including digital video and multimedia applications. Develops Internet and Intranet web pages consistent with established design and development standards. Assists St. Jude faculty and staff in organizing web content utilizing templates and design guidelines and developing web page layouts. Works closely with the Internet Development Manager and the ALSAC Interactive Media team to develop and evolve an attractive and functional Internet Web site design.
BA/BS req’d., BA/BS in web or graphic design pref’d.
5 years of experience, including web design, web page development, and/or graphic design required.
Experience in Adobe PhotoShop, Fireworks, Dreamweaver and Flash is required.
Experience with Adobe After Effects, Javascript and ActionScript is preferred.
Experience wiht SharePoint Designer is preferred.
Experience creating dynamic web pages and deploying small to medium-scale web applications is preferred.
Team leadership or supervisory experience is preferred.
St. Jude offers a positive working culture, professional advancement, & competitive compensation. Qualified applicants may apply for this position or others via our online process at www.stjude.org/jobs
St. Jude is an Equal Opportunity Employer and a Drug-Free Workplace
Candidates receiving offers of employment will be subject to pre-employment drug testing and background checks.
Apply:
Job posting from: Graphic Design Jobs
jQuery Plugin Development: Hover to Reveal Masked Password
Monday, July 25th, 2011We talked about how to improve your HTML forms performance a couple of days ago. There we covered a pretty controversial topic “Don’t mask your passwords”, discussing how bad masking your passwords could be for usability.
At this moment, we basically have two options: mask password field and don’t ask for any feedback, or show password field as text and potentially decrease security.
This is why I think a hover revealing password could be a really good alternative: You can increase your security, and if you are unsure about what you’ve typed just go and hover over it.
So, what we will be doing today is a jQuery plugin to do that, and additionally, we will have a behavior pretty similar to what many mobiles does, where we can see the last character for a couple of seconds. This is a good chance to learn more about plugins, dynamically generated content, and some good coding practices.
Moreover with this technique we could apply different effects and a lot of variations since all this things are based on non-obtrusive and almost only decorative javascript.
So, let’s rock!
Demo, download and preview
Let’s begin with the best part. You can see our working demo or download our files and jQuery plugin.
Usability background
Before any coding I think it’s important to know why are we doing all these things. It is all about user experience and to make things the best they can be.
The man who started discussing masked passwords (as far as I know) is Jakob Nielsen, with his extremist opinion expressed in stop password masking article. But I really think we don’t need to stick with just two options. I think we can improve all these techniques, like what mobile developers have done, improving user experience by creating a “new” way to input password data.
Don’t get me wrong, sometimes we do need to just keep masking passwords for security reasons. You know, sometimes we are near suspicious people or jealous girlfriends just waiting for a single mistake to steal our password and make big damage to our online life. But sometimes we don’t. I mean, we don’t need to let our software ready only for the worst case.
We have to be ready for the worst and the best. From IE6 (argh!) to Chrome 14.0.803.2 beta. From jealous girlfriends to hurried surfers. This is the tricky part, trying to be the best in most cases.
This is why we can’t just let passwords to be masked by default. We have to give a better option to our loyal users.
Getting started
What we will do here is to get a common password field, change it to text and create a mask above it, which is filled as you type. With this you can do anything with the “mask” without affecting the input content itself.
Maybe this image will better explain how it works:
Well, finally, let’s get started on coding.
We will start with a pretty basic form markup. As you all know it’s quite simple, so let’s add two fields, one that should come with a default value and another in blank, for you to play with as you want.
<div id="container"> <h1>Sign Up!</h1> <form action="#" method="get"> <label> <span class="title">Old Password</span> <span class="desc">This is our awesome password field with default value. Try it out!</span> <input type="text" name="oldpassword" id="oldpassword" value="tHis1$myP4swrd." /> </label> <label> <span class="title">Password</span> <span class="desc">This is our awesome blank password field. Try it out!</span> <input type="password" name="password" id="password" /> </label> </form> </div>
Ok, then we need to call our magic jQuery and plugin files. Let’s do that:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> // call jQuery from google! </script> <script type="text/javascript" src="jquery.hp.js"> // call plugin </script>
Well, let’s create our basic plugin file. You can see some tips about it in our jQuery Smooth Table of Contents Plugin, where we have a really simple structure.
(function($){
$.fn.hoverpass = function(options) {
//Our default options
var defaults = {
bullet: "•", //which should be the "masking" character
font: "'Lucida Console', monospace", //please just use MONOSPACE fonts
bg: "#fff", // background style for bullets
free: "", // add your own additional styling here
freeBul: "float: left; overflow: hidden;", // add your own additional styling for bullets here
delay: 500, //how long it takes to create the bullet over the last character, in milliseconds
delayHover: 3000, //how long it takes to hide again a hovered character
animation: 500, //how long it takes the animation itself
maxSize: 10 // maximum number of characters, to prevent bullets exploding input's size
};
//let's extend our plugin with default or user options when defined
var options = $.extend(defaults, options);
return this.each(function() {
//our action goes here
});
};
})(jQuery);
Above we defined our default variables, let me explain some of them a little bit:
- bullet – Is what will mask our password. You can use any character but use just one character or HTML entity.
- font – This is really important, this plugin only works with monospaced fonts. Since in other types, each character has his own width, we can’t “mask” it.
- bg - If you use any background in your input, then you should apply it to your mask too, since it will be above the input.
- free - Here you should add margins in order to compensate any padding that your input has. Furthermore you should set your input’s font-size here.
- maxSize – This is important if your password field is too short. If you don’t adjust it you may get some extra bullets exploding your input’s size.
At this point you have a basic plugin, that is called via $(elem).hoverpass(), defined by our second line $.fn.hoverpass = function(){}.
I know, this name sucks. I would be glad if you send suggestions about better names 
.
Change our input type to text
I don’t know if you’ve tried this before, but let me tell you something, you just can’t change the type of inputs. This happens due to security reasons, right? Well, seems that just IE will worry about it (you can do it via old JavaScript in real browsers). Anyway, what we have to do then is create a “clone” of current input without type property.
There is several ways of doing this, I’ve done it this way:
return this.each(function() {
//let's declare some variables, many as a "shortcut" for options
var bullet = options.bullet,
font = options.font,
bg = options.bg,
free = options.free,
freeBul = options.freeBul,
delay = options.delay,
delayHover = options.delayHover,
animation = options.animation,
lastBul = "";
//since we just can't change a field's type, we'll remove it and append a brand new text input on it's place
var oldElement = $(this); // caching element, much better performance
var inputHTML = '<input type="text" style="font-family: '+ font +'; " />'; //this is our basic input text, with our monopace font
var input = oldElement.after(inputHTML).next(); //appending our simple text field with our styling (font-family) AND caching it as var "input"
/****
we are saying here:
define the following variables: attr , i (zero), attrs (array with all oldElement attributes), l (size of attrs)
while our counter (i) is smaller than attributes lenght (l) increase our counter and run this code
*/
for ( var attr, i=0 , attrs = oldElement[0].attributes , l =attrs.length ; i < l ; i++){
attr = attrs.item(i)
if (attr.nodeName != "type" && attr.nodeName != "style") { //well, we defined our type as text and font-style!
input.attr( attr.nodeName, attr.nodeValue );
}
}
oldElement.remove(); // bye, bye input type="password"!
});
Create our mask and bullets
Wow, at this point, when you define $(elem).hoverpass() it will turn into a monospaced text input. Pretty cool, huh? But we want more than this.
Now we will create our bullets container. The only really interesting thing in this two lines is that jQuery element caching again. You really should be using this simple technique:
// let the game begin var maskHTML = '<div class="hpMask" style="position: absolute; cursor: text; height: 1px; font-family: ' + font + ' ; ' + free + ' " />'; //our container with his styling var maskContainer = input.before(maskHTML).prev(); // appending our container for bullets with styling (font-family, free)
Now we’ll prepare our bullets HTML, since it will be used several times, and add some bullets when we have a “value” attribute defined.
var bulletHTML = "<span class='hpBullet' style='background: " + bg + "; " + freeBul + " '>"+ bullet + " </span> "; // our bullets HTML with styling (bg, freeBul)
var countBullet = 0; // this is our counter, it is important to prevent our mask to get bigger / smaller than our input or its maximum size
//since we use it from different places, it's better to add it via function
function addBullet() {
// add our last bullet, but hidden, and show anything that isn't last bullet
lastBul = maskContainer.append(bulletHTML).find(":last-child").hide();
maskContainer.find(":not(:last-child)").each( function(){ $(this).show(); } );
//start timer to show lastBul
lastBul.delay(delay).fadeIn(animation);
countBullet++;
}
//first loop adding bullets when we have a default value
for ( i=0 ; i < input[0].value.length ; i++){
addBullet();
}
Well, at this point you should see again a textfield but if you have a value attribute defined, you’ll see a lot of bullets and the last one fading after one second. Although, if you type, nothing happens.
It’s time to play with keyboard
No, we won’t be taking music classes here
We now need to append new bullets every time something is typed in our password field, and remove one bullet if the pressed character is delete or backspace.
We could do this via keypress, keyup or keydown.
Thinking about it a little bit with keydown and keypress (they are very similar) we bind “pressing key” and with keyup we bind “releasing key”. Looking a little closer, you might notice that in our case it means that keydown/keypress is called before we have any change in our field’s value but keyup is called after any change occurs.
This is why we need to use keyup here. We have to look at our field’s value and see “hey, have you changed your size?” in order to append or remove bullets. This is because we could have several scenarios when user selects part of the password, press delete in the beginning of the field and much other things that would be too painful to bind as separated actions.
So, let’s do it:
//let's bind all keydown and create / remove our bullets ; we need do use keydown in order to detect special characters in non-gecko browsers
input.keyup(
function(event) {
//check if something was really typed
if (input[0].value.length > countBullet) {
addBullet();
} else { //ooops, delete or backspace?
//then we check if something was really deleted
while (input[0].value.length < countBullet) {
maskContainer.find(":last-child").remove();
countBullet--;
}
}
}
);
Finally, hover-revealing field!
Well, now we just have to hide our bullet when someone hovers it. Kind of easy, right? Well, it isn’t that easy. It is because we have to hide our bullet, but we can’t lose it’s width, because if we do, our users would see only the last character of the password (not the ones in the middle). What we can do is to fade it to an insignificant opacity (like 10%) and then change it’s height to 1px, so we still have width.
Ok, now it’s just to use elem.hover() and we’re done, right? Again, no. This is because we have dynamically generated content we should use live() or delegate() to bind it. In my tests delegate had a much better performance, so we will do it this way:
//hide bullets based on a jquery object
function hideBullets(object) {
object.stop().css({ "height": "auto"}).animate({ opacity: 1 }, animation).removeClass("hpHiddenBullet");
}
//hover function for our bullets
maskContainer.delegate(".hpBullet", 'hover',
function(){
var item = $(this);
if ( item.hasClass("hpHiddenBullet") != true ) {
hideBullets( $(".hpHiddenBullet") );
item.stop().addClass("hpHiddenBullet").animate( { opacity: 0.01}, animation, function() { item.css({ "height": "1px"}); } );
setTimeout( function() {
if ( item.hasClass("hpHiddenBullet") == true ) {
hideBullets( item );
}
}, delayHover);
}
}
);
Are you hungry yet?
Wow, hope you guys liked it. Maybe you’re not going to use this effect itself but I’m sure we have a lot of good snippets here that are worth using in other cases.
Talking about the final effect, what do you think about it? Have you seen a better alternative?
Show us your opinion and let’s find what could be the very best implementation to our users!
1stwebdesigner – Graphic and Web Design Blog
Adapting Your Design for a Foreign Audience
Sunday, July 24th, 2011
In this digital age, the rest of the world is just a mouse-click away. More people are wanting to appeal to audiences overseas. And why not? With less content on the foreign language internet , it’s easier for sites to climb the heady heights of Google and claim the coveted top slot on international search engines. But what happens when your existing website is tailored for those who only speak English?
There are a number of factors and tweaks you’ll need to make when adapting your design to be accessible for a multilingual audience.
Easy as A-B-C
If your webpage was originally developed with Unicode, then you can breathe a sigh of relief. If it’s not, then you’ve got some work to do. Along with different languages comes the issue of different alphabets, and Unicode really is the best way to support a number of different scripts. UTF-8 can open your website up to over 90 written languages and can tailor for just about any non-English character you could possibly think of, including those characters in the Cyrillic, Farsi and Hebrew alphabets.
Navigating Success
Speaking of Hebrew, some languages read from right to left, so you’ll have to change those navigation bars if your new target language demands it. Whether you decide to swap the menus over to the other side or simply put in a horizontal navigation bar depends entirely on your own creative juices.
Getting Flashy
How much Flash are you using? More to the point, why are you still using Flash?! Unfortunately it’s not easily translated, and may need to be completely redone. It’s also worth remembering that some countries (particularly developing countries) across the world may not have high-speed internet access yet, meaning all your hard work could potentially be wasted if you’re not careful. You can solve this by creating a simple HTML site if necessary. Do your research first!
Content is King
Okay, so while the content may not necessarily impact on the design, it’s a pretty important consideration. Any existing material will need to be translated, preferably by a pro. True, there are free tools out there like Google Translate or Babelfish that can do the job for you, but machine translation generally isn’t up to scratch and could leave you with a site full of garbled text that no design genius could persuade people to love. Human translators can also make sure there are no cultural faux pas, jargon or other linguistic nuances that could leave you looking unprofessional.
Culture Clash
As well as a different language, other cultures simply view the world differently. This might sound a bit daunting as a designer, but a little bit of knowledge will go a long way. Anthropologist and cross-cultural researcher Edward T. Hall devised a framework that classifies different cultures into low context and high context. Low context cultures like Germany and Scandanavia prefer clear statements with an obvious message, whereas Japan and other Eastern cultures place more emphasis on visual stimulus or other communicative devices.
High Context
Japan
Arab Countries
Greece
Spain
Italy
England
France
North America
Scandinavian Countries
German-speaking Countries
Low Context
Source: Understanding Cultural Differences by Hall, E. and Hall, M.
This may mean changing the layout or the way in which you get your point across. For an American website trying to launch in Japan, for example, you should pay more attention to the use of images and the more subtle ways that your message can be conveyed.
Colour me Beautiful
It’s also wise to be aware of the different cultural meanings of colours. In the West, red will conjure up fiery thoughts of passion or love, while over the water in South Africa, red is the colour of mourning, signifying death. Of course you’re never going to please everyone, but going for a neutral light background with dark text will generally put you in good stead for being multi-culturally friendly.
So what are you waiting for? If you do your research right and adapt your website properly for a multilingual audience, the world can soon become your cyber-oyster.
Technology News – Want to Stay Updated?
Sunday, July 24th, 2011Are you interested in knowing about the latest technology updates and prefer being in touch with it every now and then? Well the importance of being in touch with the technology news cannot be ignored especially in the modern times. TAGS: Technology , News
Latest Articles in Technology Category on EzineMark.com
Seo Tools
Saturday, July 23rd, 2011SEO Tips and Tricks – Popular SEO Tools . We love free stuff, especially when it comes to SEO tools and SEO data. Simply wonderful list of SEO tools — one of the best I’ve seen. I’ve compiled a list of online or downloadable SEO tools that I recommend and use on a regular basis. [...]
SEO Rescuer.com
WDL Premium: Real Estate WordPress Theme deCorum
Saturday, July 23rd, 2011
Today for our premium members, we’ve got a new premium WordPress theme from ThemeShift. deCorum is a complex and fully-featured real estate WordPress theme. The minimal style and extensive layout options let you easily change it to your special needs with no coding skills.
If you’re not yet a WDL Premium member, you’re missing out on a great deal. Learn More!.
Also, be sure to check out the other great themes by ThemeShift
Click the image below for a live demo of deCorum.
Key Features
For a full feature list, check out the deCorum product page on ThemeShift.
Layout Options
To best fit your needs deCorum comes with extensive layout options to customize the theme to your needs without touching any code. Take control through widgets and theme options.
jQuery Image Slider
deCorum comes with a home page and a single property jQuery image slider in two layout variants each. There is a full width and a 2/3 width layout with sidebar.
Custom Widgets
To be as flexible as possible I created a useful set of custom widgets for the home page, sidebars and footer to help you present your real estate objects in the most convenient way.
More screen shots
Download deCorum
About ThemeShift
Themeshift is a WordPress theme shop operated by Simon Rimkus. His themes are beautifully designed and of the highest quality. You can also follow Themshift on twitter.
Ayesha Infotech Computers/ Peripherals
Friday, July 22nd, 2011B372we Deal I Sales A D Service Of All Types Of Computers Old New Laptop Repairi G Computer Amc Pri Ters Sca Ers Power U Its Servers A Wide Ra Ge Of All Computer Peripherals For I Sta T P…
Chennai Classifieds
Sit back and watch Stances The Numerous kinds Obtainable and Their Health benefits
Friday, July 22nd, 2011Any time a person flows to get a relax and watch they provide small amount of believed to the workings work on the watch. What’s important to them? In reality, there’s an easy bunch to look out workouts and many individuals plan to go along with a person activity kind finished an alternative. Less than is usually a number of different enjoy workouts and even what the amazing benefits are quite that you might get the best site for you in which a follow goes.
One of the primary kinds movements meant for looks after could be the mechanical exercises. Thats usually where the leading way for points to go is undoubtedly operated from a mainspring. This early spring gradually unwinds plus sends the throughout the enjoy. This style of keep an eye on features a good oscillator which is to always keep hours. It truely does work simillar to a little rim which tactics backwards and forwards. Monitors these days come with an oscillator the fact that techniques somewhere around 36,1000 moments every hour.
The primary element of an analog exercise sit back and watch may be the sense of balance spring season as this is which actually equipment this changes or even moaning to the amount rim piece. Many of us love all these sit back and watch actions as they are able get the obsolete winding follow or simply a personal winding keep an eye on. You should not concern yourself with electric battery in the slightest degree.
The following most frequent look at action will be the computerized engine activity. They can be a favourite watch of as these kinds designer watches generally clear backside so that your person wearing them is able to see all of the repair for the watch as they quite simply wear it. All these different watches deliver the results by way of a rotor which can be in the shape of a fan. This specific windmill ups and downs for the rotate after the human being techniques their own left arm while wearing this watch. You should to assist you to wind turbine that view exploiting purchase for doing it to your job you want to don it around Year days daily. This should give the follow an adequate amount of actions and keep them running efficiently everyday. Now there’s lots of timepieces which may appeal to up to a 7 days and not having to dress in this wrist watch.
You can still find watches all-around realistically work by hand injury hardware circulation. Assuming you have such type of look at you’ll will need to a blowing wind this at least a full day in order that it keep occasion with no problem. This is simply not choices commonplace categories of wrist watches now just as most people for example the simplicity on the running watches that require zero treatment in the slightest.
Chopard watches,Rolex masterpiece, rolex gmt ceramic, rolex explorer 2011, rolex daytona price,rolex day date ii
BIG Pricing Changes from CurdBee
Thursday, July 21st, 2011It’s no secret that CurdBee’s business model is freemium. Allowing unlimited invoices and clients, our free version lets your business grow as fast as you want it to. Then, when you’re ready to add more advanced features like PDF invoices, Estimates and Recurring Profiles, you can upgrade to CurdBee PRO. Last year, we gave a few lucky people the chance to get CurdBee BIG, our all inclusive offering.
Starting soon, you can Go BIG as well and get Invoicing, Estimates, Recurring Profiles, Time Tracking and Expenses for just 9/year. That comes to just .50/month. How about that? A complete invoicing and time/expense tracking solution for the price of a large pizza!
BIG is self explanatory. For 9/year you get anything and everything CurdBee. CurdBee PRO is our pay as you go solution, allowing you to pick and choose from a selection of modules that offer different functionalities. CurdBee FREE, as always, will give you free unlimited invoices and clients, forever.
This new pricing structure will launch with Time and Expense Tracking later this week, so mark your calendars and get ready to make some serious savings.
These changes also mean that CurdBee paid modules are now available to users who do not have CurdBee PRO Plus module (more on that later). Thus, if you want to only add Time Tracking, you can do so for just /month. If you want Expenses, that’s just /month again. To top it all, we’re also offering the Authorize.net and 2Checkout modules for just /month now.
As you can see, CurdBee is now more modular, and that benefits FREE users as well. While you previously needed to upgrade to CurdBee Plus to take advantage of our modules, even CurdBee FREE users can now add free modules like the CurdBee Push Notifications module.
Have questions? We’re sure you do. Here are some FAQs for you to look through.
I use CurdBee PRO now. What will happen to me?
You’ll keep enjoying the same great billing service you always have! These pricing changes are purely optional. The only difference is that CurdBee PRO now refers to all CurdBee premium features. CurdBee’s advanced invoicing features such as PDF export and custom invoice notifications now come under a module known as CurdBee Plus. All former CurdBee PRO users will have this enabled by default.
So, if I want use a custom domain, do I need to upgrade to CurdBee Plus?
Yes. All the features that were formerly branded as CurdBee PRO now fall under the CurdBee Plus upgrade.
And if I have a CurdBee Plus or any other module, I’m a CurdBee PRO user?
That’s correct. Any user who uses a paid CurdBee module is a PRO user.
I only want time tracking. How much will it cost me?
Just /month! Thanks to this new module and pricing structure, you no longer need to enable CurdBee Plus to add other modules.
I use CurdBee Standard Edition. What happens to me?
You’re now a CurdBee FREE user, and you have access to free CurdBee modules such as our Push Notifications module. We felt that FREE better described what this tier of service was.
I spend a month on CurdBee Plus and two modules. Is it cheaper to go BIG?
Yes, it is. If you upgrade to BIG right now, you get CurdBee Plus and all other CurdBee modules (6 premium + 4 free, as of now) for just 9/year. That’s less than .50 a month!
Are all CurdBee modules and extensions each?
No. Some modules, such as the Authorize.net and 2Checkout gateway modules are each. Others, like the CurdBee Snail Mail module and the CurdBee Push Notifications module are totally free. Visit your account’s Upgrade & Extend page to find out more.
Sweetness! How can I get CurdBee BIG?
This new pricing plan will go live along with the release of Time and Expense Tracking later this week. As soon as that happens, you can upgrade to BIG from your account’s Upgrade & Extend page.
Still have something you’d like clarified? Sure! Post your question below, contact us on twitter or visit our support section.