Menu Right

Top Social Icons

Responsive Full Width Ad

Left Sidebar
Left Sidebar
Featured News
Right Sidebar
Right Sidebar

How to Reset Root Password On Ubuntu 15.04 / 15.10 / 14.04 / 14.10 / 12.04 LTS - Learn Online

1 Reboot your computer.
2 Hold Shift during boot to start GRUB menu.
3 Select advanced options for ubuntu
4 Select the option with recovery mode
5 Select root and press enter
6 Give command - mount -n -o remount,rw /
7 Press Enter
8 Give command - passwd your_username
9 Give new password
10 reboot

Searches related to How to Reset Root Password In Ubuntu
how to set root password in ubuntu
how to reset root password in ubuntu using grub
forgot ubuntu password
how to change root password in ubuntu
create root password ubuntu
ubuntu change password terminal
start ubuntu in recovery mode
linux root password


10 Principles Of Effective Web Design

Usability and the utility, not the visual design, determine the success or failure of a web-site. Since the visitor of the page is the only person who clicks the mouse and therefore decides everything, user-centric design has become a standard approach for successful and profit-oriented web design. After all, if users can’t use a feature, it might as well not exist.
We aren’t going to discuss the implementation details (e.g. where the search box should be placed) as it has already been done in a number of articles; instead we focus on the main principles, heuristics and approaches for effective web design — approaches which, used properly, can lead to more sophisticated design decisions and simplify the process of perceiving presented information.
Please notice that
  • you might be interested in the usability-related articles about 10 Usability Nightmares and 30 Usability Issues we’ve published before,
  • we’ll cover more principles of effective design in our following posts. 

Principles Of Effective Web Design

In order to use the principles properly we first need to understand how users interact with web-sites, how they think and what are the basic patterns of users’ behavior.

How do users think? Link

Basically, users’ habits on the Web aren’t that different from customers’ habits in a store. Visitors glance at each new page, scan some of the text, and click on the first link that catches their interest or vaguely resembles the thing they’re looking for. In fact, there are large parts of the page they don’t even look at.
Most users search for something interesting (or useful) and clickable; as soon as some promising candidates are found, users click. If the new page doesn’t meet users’ expectations, the Back button is clicked and the search process is continued.
  • Users appreciate quality and credibility. If a page provides users with high-quality content, they are willing to compromise the content with advertisements and the design of the site. This is the reason why not-that-well-designed web-sites with high-quality content gain a lot of traffic over years. Content is more important than the design which supports it.
  • Users don’t read, they scan. Analyzing a web-page, users search for some fixed points or anchors which would guide them through the content of the page. Screenshot
    Users don’t read, they scan. Notice how “hot” areas abrupt in the middle of sentences. This is typical for the scanning process.
  • Web users are impatient and insist on instant gratification. Very simple principle: If a web-site isn’t able to meet users’ expectations, then designer failed to get his job done properly and the company loses money. The higher is the cognitive load and the less intuitive is the navigation, the more willing are users to leave the web-site and search for alternatives. [JN / DWU]
  • Users don’t make optimal choices. Users don’t search for the quickest way to find the information they’re looking for. Neither do they scan web-page in a linear fashion, going sequentially from one site section to another one. Instead users satisfice; they choose the first reasonable option. As soon as they find a link that seems like it might lead to the goal, there is a very good chance that it will be immediately clicked. Optimizing is hard, and it takes a long time. Satisficing is more efficient.Screenshot
    Screenshot
    Both pictures show: sequential reading flow doesn’t work in the Web. Right screenshot on the image at the bottom describes the scan path of a given page.
  • Users follow their intuition. In most cases users muddle through instead of reading the information a designer has provided. According to Steve Krug, the basic reason for that is that users don’t care. “If we find something that works, we stick to it. It doesn’t matter to us if we understand how things work, as long as we can use them. If your audience is going to act like you’re designing billboard, then design great billboards.”
  • Users want to have control. Users want to be able to control their browser and rely on the consistent data presentation throughout the site. E.g. they don’t want new windows popping up unexpectedly and they want to be able to get back with a “Back”-button to the site they’ve been before: therefore it’s a good practice to never open links in new browser windows.

1. Don’t make users think

According to Krug’s first law of usability, the web-page should be obvious and self-explanatory. When you’re creating a site, your job is to get rid of the question marks — the decisions users need to make consciously, considering pros, cons and alternatives.
If the navigation and site architecture aren’t intuitive, the number of question marks grows and makes it harder for users to comprehend how the system works and how to get from point A to point B. A clear structure, moderate visual clues and easily recognizable links can help users to find their path to their aim.

Let’s take a look at an example. Hostrings.com claims to be “beyond channels, beyond products, beyond distribution”. What does it mean? Since users tend to explore web-sites according to the “F”-pattern, these three statements would be the first elements users will see on the page once it is loaded.
Although the design itself is simple and intuitive, to understand what the page is about the user needs to search for the answer. This is what an unnecessary question mark is. It’s designer’s task to make sure that the number of question marks is close to 0. The visual explanation is placed on the right hand side. Just exchanging both blocks would increase usability.
Screenshot
ExpressionEngine uses the very same structure like Beyondis, but avoids unnecessary question marks. Furthermore, the slogan becomes functional as users are provided with options to try the service and download the free version.
By reducing cognitive load you make it easier for visitors to grasp the idea behind the system. Once you’ve achieved this, you can communicate why the system is useful and how users can benefit from it. People won’t use your web site if they can’t find their way around it.

2. Don’t squander users’ patience 

In every project when you are going to offer your visitors some service or tool, try to keep your user requirements minimal. The less action is required from users to test a service, the more likely a random visitor is to actually try it out. First-time visitors are willing to play with the service, not filling long web forms for an account they might never use in the future. Let users explore the site and discover your services without forcing them into sharing private data. It’s not reasonable to force users to enter an email address to test the feature.
As Ryan Singer — the developer of the 37Signals team — states, users would probably be eager to provide an email address if they were asked for it after they’d seen the feature work, so they had some idea of what they were going to get in return.
Screenshot
Stikkit is a perfect example for a user-friendly service which requires almost nothing from the visitor which is unobtrusive and comforting. And that’s what you want your users to feel on your web site.
Screenshot
Apparently, Mite requires more. However the registration can be done in less than 30 seconds — as the form has horizontal orientation, the user doesn’t even need to scroll the page.
Ideally remove all barriers, don’t require subscriptions or registrations first. A user registration alone is enough of an impediment to user navigation to cut down on incoming traffic.

3. Manage to focus users’ attention

As web-sites provide both static and dynamic content, some aspects of the user interface attract attention more than others do. Obviously, images are more eye-catching than the text — just as the sentences marked as bold are more attractive than plain text.
The human eye is a highly non-linear device, and web-users can instantly recognize edges, patterns and motions. This is why video-based advertisements are extremely annoying and distracting, but from the marketing perspective they perfectly do the job of capturing users’ attention.
Enso
Humanized.com perfectly uses the principle of focus. The only element which is directly visible to the users is the word “free” which works attractive and appealing, but still calm and purely informative. Subtle hints provide users with enough information of how to find more about the “free” product.
Focusing users’ attention to specific areas of the site with a moderate use of visual elements can help your visitors to get from point A to point B without thinking of how it actually is supposed to be done. The less question marks visitors have, the better sense of orientation they have and the more trust they can develop towards the company the site represents. In other words: the less thinking needs to happen behind the scenes, the better is the user experience which is the aim of usability in the first place.

4. Strive for feature exposure

Modern web designs are usually criticized due to their approach of guiding users with visually appealing 1-2-3-done-steps, large buttons with visual effects etc. But from the design perspective these elements actually aren’t a bad thing. On the contrary, such guidelines are extremely effective as they lead the visitors through the site content in a very simple and user-friendly way.
Screenshot
Dibusoft.com combines visual appeal with clear site structure. The site has 9 main navigation options which are visible at the first glance. The choice of colors might be too light, though.
Letting the user see clearly what functions are available is a fundamental principle of successful user interface design. It doesn’t really matter how this is achieved. What matters is that the content is well-understood and visitors feel comfortable with the way they interact with the system.

5. Make use of effective writing

As the Web is different from print, it’s necessary to adjust the writing style to users’ preferences and browsing habits. Promotional writing won’t be read. Long text blocks without images and keywords marked in bold or italics will be skipped. Exaggerated language will be ignored.
Talk business. Avoid cute or clever names, marketing-induced names, company-specific names, and unfamiliar technical names. For instance, if you describe a service and want users to create an account, “sign up” is better than “start now!” which is again better than “explore our services”.
http://hostingndomain.com

Hostingndomain.com gets directly to the point. No cute words, no exaggerated statements. Instead a price: just what visitors are looking for.
An optimal solution for effective writing is to
  • use short and concise phrases (come to the point as quickly as possible),
  • use scannable layout (categorize the content, use multiple heading levels, use visual elements and bulleted lists which break the flow of uniform text blocks),
  • use plain and objective language (a promotion doesn’t need to sound like advertisement; give your users some reasonable and objective reason why they should use your service or stay on your web-site)

6. Strive for simplicity

The “keep it simple”-principle (KIS) should be the primary goal of site design. Users are rarely on a site to enjoy the design; furthermore, in most cases they are looking for the information despite the design. Strive for simplicity instead of complexity.
Screenshot
Crcbus provides visitors with a clean and simple design. You may have no idea what the site is about as it is in Italian, however you can directly recognize the navigation, header, content area and the footer. Notice how even icons manage to communicate the information clearly. Once the icons are hovered, additional information is provided.
From the visitors’ point of view, the best site design is a pure text, without any advertisements or further content blocks matching exactly the query visitors used or the content they’ve been looking for. This is one of the reasons why a user-friendly print-version of web pages is essential for good user experience.
Screenshot
Finch clearly presents the information about the site and gives visitors a choice of options without overcrowding them with unnecessary content.

7. Don’t be afraid of the white space

Actually it’s really hard to overestimate the importance of white space. Not only does it help to reduce the cognitive load for the visitors, but it makes it possible to perceive the information presented on the screen. When a new visitor approaches a design layout, the first thing he/she tries to do is to scan the page and divide the content area into digestible pieces of information.
Complex structures are harder to read, scan, analyze and work with. If you have the choice between separating two design segments by a visible line or by some whitespace, it’s usually better to use the whitespace solution. Hierarchical structures reduce complexity (Simon’s Law): the better you manage to provide users with a sense of visual hierarchy, the easier your content will be to perceive.
Screenshot
White space is good. Cameron.io uses white space as a primary design element. The result is a well-scannable layout which gives the content a dominating position it deserves.

8. Communicate effectively with a “visible language”

In his papers on effective visual communication, Aaron Marcus states three fundamental principles involved in the use of the so-called “visible language” — the content users see on a screen.
  • Organize: provide the user with a clear and consistent conceptual structure. Consistency, screen layout, relationships and navigability are important concepts of organization. The same conventions and rules should be applied to all elements.
  • Economize: do the most with the least amount of cues and visual elements. Four major points to be considered: simplicity, clarity, distinctiveness, and emphasis. Simplicity includes only the elements that are most important for communication. Clarity: all components should be designed so their meaning is not ambiguous. Distinctiveness: the important properties of the necessary elements should be distinguishable. Emphasis: the most important elements should be easily perceived.
  • Communicate: match the presentation to the capabilities of the user. The user interface must keep in balance legibility, readability, typography, symbolism, multiple views, and color or texture in order to communicate successfully. Use max. 3 typefaces in a maximum of 3 point sizes — a maximum of 18 words or 50-80 characters per line of text.

9. Conventions are our friends

Conventional design of site elements doesn’t result in a boring web site. In fact, conventions are very useful as they reduce the learning curve, the need to figure out how things work. For instance, it would be a usability nightmare if all web-sites had different visual presentation of RSS-feeds. That’s not that different from our regular life where we tend to get used to basic principles of how we organize data (folders) or do shopping (placement of products).
With conventions you can gain users’ confidence, trust, reliability and prove your credibility. Follow users’ expectations — understand what they’re expecting from a site navigation, text structure, search placement etc. (see Nielsen’s Usability Alertbox for more information)
Screenshot
BabelFish in use: Amazon.com in Russian.
A typical example from usability sessions is to translate the page in Japanese (assuming your web users don’t know Japanese, e.g. with Babelfish) and provide your usability testers with a task to find something in the page of different language. If conventions are well-applied, users will be able to achieve a not-too-specific objective, even if they can’t understand a word of it.
Steve Krug suggests that it’s better to innovate only when you know you really have a better idea, but take advantages of conventions when you don’t.

10. Test early, test often

This so-called TETO-principle should be applied to every web design project as usability tests often provide crucial insights into significant problems and issues related to a given layout.
Test not too late, not too little and not for the wrong reasons. In the latter case it’s necessary to understand that most design decisions are local; that means that you can’t universally answer whether some layout is better than the other one as you need to analyze it from a very specific point of view (considering requirements, stakeholders, budget etc.).
Some important points to keep in mind:
  • according to Steve Krug, testing one user is 100% better than testing none and testing one user early in the project is better than testing 50 near the end. Accoring to Boehm’s first law, errors are most frequent during requirements and design activities and are the more expensive the later they are removed.
  • testing is an iterative process. That means that you design something, test it, fix it and then test it again. There might be problems which haven’t been found during the first round as users were practically blocked by other problems.
  • usability tests always produce useful results. Either you’ll be pointed to the problems you have or you’ll be pointed to the absence of major design flaws which is in both cases a useful insight for your project.
  • according to Weinberg’s law, a developer is unsuited to test his or her code. This holds for designers as well. After you’ve worked on a site for few weeks, you can’t observe it from a fresh perspective anymore. You know how it is built and therefore you know exactly how it works — you have the wisdom independent testers and visitors of your site wouldn’t have.
Bottom line: if you want a great site, you’ve got to test.

Set Authorized Redirect URIs in Google API console

Once you have created your Google OAuth API Keys, you may be wondering how to authorize redirect URIs for your applications? or may you are receiving Error:redirect_uri_mismatch error. You can correct it by following these simple steps below.

Note: This steps are intended for novice users.
  1. Go to Google API console and click API Access tab on the sidebar.
  2. Click Edit Settings under Client ID for web applications block.
  3. Enter your URIs, one per line as shown in picture below, and click Save/Update.
That’s it, your application should work without any interruption from now on. For more info you can checkout google documentation here.

Creating Google OAuth API Keys and Developer Key

Google API lets you play with the core of Google system, by building queries, a client can access required data from various Google services, which can be used to build all types of Google based applications. Before sending API queries, a client application needs Google API keys. In this basic tutorial we will learn about obtaining Google API Keys and developer key from Google API console.

Create Client ID and Client Secret

  1. Sign-in to Google and go to Google API console,  click API Access on the left sidebar, click big blue button “Create an OAuth 2.0 Cliend ID“.
  2. A box should pop-up, enter your Project name and Product logo (optional), click next.
  3. Next choose your application type, usually it is Web application for websites.
  4. You should now be presented with Google Client ID and Client Secret on next page. You can use this information in your Google applications.


Creating Developer Key

Developer key is required to identify the project you’ve undertaken, such as you may be developing a custom Google Map or Analytics page etc. To keep track of its requests Developer Key is required. Let’s see how we can obtain Developer key for your project below.
  1. Click on Services link on left sidebar. Click on any status button to turn it on.
  2. Google Terms of Services page should appear on the next page, click accept button to proceed.
  3. Now go back to API access list by clicking API Access on the left sidebar. You should find another key listed below called Simple API Access. The API listed under it is your Developer key. Hope it helped, good luck.

Marshmallow Android 6.0


Whether you like them straight out of the bag, roasted to a golden brown exterior with a molten center, or in fluff form, who doesn’t like marshmallows? We definitely like them! Since the launch of the M Developer Preview at Google I/O in May, we’ve enjoyed all of your participation and feedback. Today with the final Developer Preview update, we're introducing the official Android 6.0 SDK and opening Google Play for publishing your apps that target the new API level 23 in Android Marshmallow.

Get your apps ready for Android Marshmallow

The final Android 6.0 SDK is now available to download via the SDK Manager in Android Studio. With the Android 6.0 SDK you have access to the final Android APIs and the latest build tools so that you can target API 23. Once you have downloaded the Android 6.0 SDK into Android Studio, update your app project compileSdkVersion to 23 and you are ready to test your app with the new platform. You can also update your app to targetSdkVersion to 23 test out API 23 specific features like auto-backup and app permissions.
Along with the Android 6.0 SDK, we also updated the Android Support Library to v23. The new Android Support library makes it easier to integrate many of the new platform APIs, such as permissions and fingerprint support, in a backwards-compatible manner. This release contains a number of new support libraries including: customtabs, percent, recommendation, preference-v7, preference-v14, and preference-leanback-v17.

Check your App Permissions

Along with the new platform features like fingerprint support and Doze power saving mode, Android Marshmallow features a new permissions model that streamlines the app install and update process. To give users this flexibility and to make sure your app behaves as expected when an Android Marshmallow user disables a specific permission, it’s important that you update your app to target API 23, and test the app thoroughly with Android Marshmallow users.

How to Get the Update

The Android emulator system images and developer preview system images have been updated for supported Nexus devices (Nexus 5, Nexus 6, Nexus 9 & Nexus Player) to help with your testing. You can download the device system images from the developer preview site. Also, similar to the previous developer update, supported Nexus devices will receive an Over-the-Air (OTA) update over the next couple days.
Although the Android 6.0 SDK is final, the devices system images are still developer preview versions. The preview images are near final but they are not intended for consumer use. Remember that when Android 6.0 Marshmallow launches to the public later this fall, you'll need to manually re-flash your device to a factory image to continue to receive consumer OTA updates for your Nexus device.

What is New

Compared to the previous developer preview update, you will find this final API update fairly incremental. You can check out all the API differences here, but a few of the changes since the last developer update include:
  • Android Platform Change:
    • Final Permissions User Interface — we updated the permissions user interface and enhanced some of the permissions behavior.
  • API Change:
    • Updates to the Fingerprint API — which enables better error reporting, better fingerprint enrollment experience, plus enumeration support for greater reliability.

Upload your Android Marshmallow apps to Google Play

Google Play is now ready to accept your API 23 apps via the Google Play Developer Console on all release channels (Alpha, Beta & Production). At the consumer launch this fall, the Google Play store will also be updated so that the app install and update process supports the new permissions model for apps using API 23.
To make sure that your updated app runs well on Android Marshmallow and older versions, we recommend that you use Google Play’s newly improved beta testing feature to get early feedback, then do a staged rollout as you release the new version to all users.

We finally have the gooey answer to the Android M conundrum and it’s Marshmallow. Not a major shock, it was always a front-runner, but some people have been surprised by the fact that Marshmallow will be version 6.0 of Android and not 5.2 or 5.5. Should a whole number leap imply some major overhaul? Why is Google jumping straight to 6.0? There are various possible reasons.

It never made sense

Did Google’s version system ever really make sense? Anyone who has worked with programmers will understand the often arbitrary nature of version numbers. Traditionally, the first number is supposed to mark a major version and the second number a minor version, but that’s just a general convention, it’s not an unbreakable rule. In practice, version numbers often just mark the point that something was pushed out the door. They’re useful because they make it possible to track down problems later, but they don’t really tell the end user anything, and they’re not really meant to.
Let’s take a brief look at the historical line-up of Android versions:
  • Android 1.0
  • Android 1.1
  • Android 1.5 Cupcake
  • Android 1.6 Donut
  • Android 2.0 Éclair
  • Android 2.2 Froyo
  • Android 2.3 Gingerbread
  • Android 3.0 Honeycomb
  • Android 4.0 Ice Cream Sandwich
  • Android 4.1 (4.2, 4.3) Jelly Bean
  • Android 4.4 Kitkat
  • Android 5.0 Lollipop
Take a look through the versions and try to find a pattern that establishes consistently why some versions are whole number leaps and others aren’t. The closest you could argue is probably that whole numbers indicate an aesthetic leap, but Éclair didn’t really and Marshmallow won’t either. What does it matter when the system never really made sense anyway?
The dessert names are for users, marking larger leaps of style and function, but even the incremental updates within names have sometimes delivered more than just bug fixes. There’s no real consistency there.

How to Extract a tar.gz File in Ubuntu Linux using Terminal - Learn Online

What command do I need to unzip/extract a .tar.gz file?
installation - How to extract a tar.gz file
How to unzip .tgz file using the terminal?
How to open a tar file in Unix or Linux
How to Create & Extract tar.gz and tar.bz2 Files in Linux


Microsoft Visual Studio Code in Ubuntu Linux - Learn Online

Download code for linux -



Visual Studio running on OS X and Linux for free?
How to install Visual Studio Code on Ubuntu?
Microsoft Launches Visual Studio Code
Microsoft unveils Visual Studio Code for Windows, Mac and Linux.
Trying Out Microsoft Visual Studio Code On Linux
Error while installing Visual Studio Code on Ubuntu 14.04
How to Install Visual Studio Code in Ubuntu


How to Install and Configure Git and Repositories on GitHub on Ubuntu Linux - Learn Online

Install Git with Apt :
sudo apt-get update
sudo apt-get install git

Set Up Git:
git config --global user.name "Your Name"
git config --global user.email "y[email protected]"













Searches related to how to install git on ubuntu
how to install git on linux
how to use git on ubuntu
github
setup git on ubuntu
ubuntu git package
setup git server ubuntu
ubuntu git clone
git-core
Searches related to github on ubuntu
mac os install git
how to use github ubuntu
how to setup github
how to use github linux
github generate keys
git setup linux
git install
git bash


Installing Jetbrains Intellij IDEA on Ubuntu and Creating First Hello World - Learn Online

install Oracle Java by following commands

$ sudo add-apt-repository ppa:webupd8team/java
$ sudo apt-get update
$ sudo apt-get install oracle-java8-installer






Searches related to intellij idea on ubuntu
intellij idea install ubuntu
intellij idea setup
intellij idea ide
how to install intellij idea on linux
ubuntu intellij shortcut
intellij linux
no jdk found to run idea
intellij idea ubuntu ppa


Install PyCharm Python IDE on Ubuntu Linux + Create and Run First Project - Learn Online

install Oracle Java by following commands

$ sudo add-apt-repository ppa:webupd8team/java
$ sudo apt-get update
$ sudo apt-get install oracle-java8-installer




How To Install PyCharm On Ubuntu 14.04, Linux Mint 17
How to update PyCharm 3.4 to 4 in Ubuntu 14.04
Installing PyCharm
Searches related to install pycharm
install pycharm mac
install pycharm professional ubuntu
install pycharm debian
install pycharm fedora
install pycharm centos
pycharm 2
pycharm 2.5 keygen
pycharm 2.5 key


How to get Higher screen Resolution for Ubuntu 14.04 guest on VirtualBox - Learn Online

This worked for me and I am running VirtualBox and Ubuntu

sudo apt-get install virtualbox-guest-utils virtualbox-guest-x11 virtualbox-guest-dkms



virtualbox ubuntu change screen resolution
virtualbox ubuntu server change resolution
virtualbox ubuntu guest screen resolution
virtualbox ubuntu resolution too low
virtualbox ubuntu resolution problem
ubuntu guest virtualbox very slow
ubuntu guest virtualbox shared folder
virtualbox ubuntu guest full screen


Install Linux Ubuntu on Oracle VirtualBox in Windows 8 / Windows 8.1 - Learn Online

Searches related to install ubuntu on virtualbox
ubuntu download
install ubuntu on virtualbox mac
install ubuntu on virtualbox windows 7
install ubuntu on virtualbox windows 8
install ubuntu server on virtualbox
install ubuntu 12.04 on virtualbox
install ubuntu on virtualbox from iso
install ubuntu on virtualbox youtube


How to Install Genymotion Android Emulator in Ubuntu Linux - Learn Online

Searches related to install genymotion on ubuntu
install genymotion on windows
install genymotion mac
install genymotion plugin android studio
install genymotion on linux
download genymotion
install virtualbox ubuntu


Responsive Full Width Ad

Copyright © 2016 Hostrings, powered by Blogger.