Kean Hui - showcases inspiring web design, photography, resources and tutorials.

Mistakes should be avoided while designing a website

keanhui — Wed, 25 Jul 2012 02:18:44 +0000

Now a day’s every individual and organization must have their official or private website. As they use their website to show every one about their business online on the internet. Even creating a professional looking website is also very easy but some of the designers often do some little mistakes in designing a website. Here are few tips which you need to take care of while designing a website.

Spacing: There should be perfect space between text and images. You have to make a homepage in that way that it attracts people attention to it. So, don’t use unnecessary text or images on the homepage. Sometimes when you are designing a best online casino website then particularly you have to take care of spacing between different components.

Consistency: You have to use a consistent layout of your website. Don’t try to change the layout of website often. Always use standard and regular font, size of text, colors, layout styles, image styles, navigation style for example if you are going to create a website say casinolunch.com so, you have to predefine its color, font, layout style and image style.

Backgrounds: One of the major reasons behind a bad looking website is use of multicoloured background image tiles as it really difficult to read text from multicoloured backgrounds. So, always try to use a flat color background or faded image so that text can be read properly.

Scrolling text: If you have a large page of text that requires scrolling, so always divide that page in different sections and provide simple navigation tabs between them. These types of problems are generally faced while creating online William hill casino related site.

Images: Don’t try to put more number of images as text is also as important as images. There is no need to use expensive software for images, just Photoshop for images.

Repper Pattern Generation Tool

keanhui — Fri, 29 Jun 2012 08:19:26 +0000

Background textures may not be as de rigueur as they once were but they still have their place. The only this is, once you’ve decided to go with a repeating pattern, how do you make one?

This clever little pattern generator takes an original source image as raw material and allows you to crop a selection of it to be kaleidoscoped into shape before coloring and choosing a tiling technique to be applied. This can then be exported in png.jp and tiff formats ( the desktop app can handle very high-res imagery).

Verdict : Terrific fun to play around with and produces lovely-looking patterns. Whether this is a good thing for the internet is another matter.

Website : http://repperpatterns.com/
Price : USD43
System : Mac/PC/Linux

Diablo 3 Tips & Tricks — Come for the Demons, Stay for the Loot

keanhui — Thu, 21 Jun 2012 07:36:25 +0000

If you’re new to the Diablo series then you may need to take awhile to find your footing with the latest version of the game—Diablo III.

While the game is easy enough to get a grip on, we’ve decided to compiled a helpful little guide, or primer of sorts, to get you on your way to killing demons and wearing their bloodied possessions like some kind fantasy version of Buffalo Bill—minus the lotion.

So here’s all that you need to know beyond clicking on monsters to kill them.

1. You can hold down your mouse button while you have an enemy selected to repeatedly attack it. You don’t have to click for each attack. Knowing this might just save you from destroying a few mice.

2. Every player sees their own individual loot and drops. No one can see the items dropped for you on the ground, so don’t leave a Legendary weapon lying around expecting your friend to pick it up. Instead, pick it up and trade it with them.

3. Unlike items, health orbs are seen by every player. Picking up a health orb will heal you and all nearby players.

4. Hold the CTRL button while mousing over an item on the ground to reveal its stats. You won’t have to burden your inventory by picking it up. This will provide you with a comparison between the item on the ground and the equivalent item you have equipped.

5. With your inventory screen open, holding the ALT key while hovering over an item allows you to compare an item with your off-hand item. Handy for dual wielders!

6. Dual wielding weapons gives you a 15% attack speed bonus.

7. Gold is picked up automatically. Your character is equipped with magnets that sucks up all the gold around you.

8. Hitting the ALT key allows you to view the names of all the items on the ground for 10 seconds. You can change the duration in the options.

9. There is a “Force Move” (titled “Move”) command that is unbound by default. Binding it to one of your additional mouse buttons (assuming you’re using a gaming mouse) can be handy for forcing your character out of a tight situation.

10. If you’re playing a ranged character class (Witch Doctor, Wizard, or Demon Hunter), you can hold down the mouse button and hit the SHIFT key to stop and attack at the direction you’re pointing in.

11. Like World of Warcraft, it’s possible to link your items in the chat box by shift-clicking an item with the chat box open. This allows other players to view the items you link.

12. Items in white and gray text are common drops and sell for next to nothing beyond the first act. Unless you really need the gold, don’t fill your inventory with them.

13. You can inspect other players and look at what they’re wearing by right-clicking their character portrait.

14. Magical and rare items are worth more as crafting materials. Instead of selling them to the vendor, salvage them instead.

15. Remember to equip your follower. Hit the “F” key to bring up their inventory and skills.

16. Invest in a bigger stash instead of creating different characters to act as mules. The time you spend transferring items between your characters could be better spent on actually playing the game.

17. If you play with a steady friend, designate one player as the party’s blacksmith have the other focus on jewel crafting.

18. Crafting artisans are account-wide, so don’t worry about leveling up your artisans with specific characters. Everything you do with with your artisans will be carried over to all your characters.

19. Leveling up your artisans and craftsmen is important for salvaging items, socketing items, and crafting powerful gear. Don’t neglect them.

20. In addition to providing you with something to read while you’re not killing monsters, Lore books provide experience points. Collect them all!

21. Lecterns are only activated by individual players, so be sure to click on them when you see them.

22. Never leave a game while in a dungeon. It’ll start a countdown timer and leave you helpless unless the countdown is disabled. If you want to leave a game, do so in the safety of town.

23. Treasure goblins will disappear if you don’t kill them fast enough. Kill them as soon as you see them. They tend to drop a lot of gold and magical items.

24. Elective Mode allows you to customize your skills without adhering to the categorical restrictions in the default mode.

25. Enabling advanced tooltips in the options allows you to see more details and statistics of your skills.

26. Press the “G” key to plant your banner on the ground. Show off that Feat of Strength achievement you got from playing in the Closed Beta with it.

27. Press the “Z” key to get up close and personal with your character. Be sure to take a screenshot!

28. Press the “X” key to view the health bars of all the monsters on screen.

29. The Numpad buttons on your keyboard allows your character to say pre-recorded lines that are both audible and appear in the chat box. Useful if you’re not on Skype or Mumble.

30. You need to get a character to level 10 to unlock Hardcore mode.

31. People are going to know you by your BattleTag, not by your character’s name.

32. “Magic Find” increases your chance to find better items. It is a statistic that averages out between all players present in the game.

33. Finding the best items in the game is easiest with exploration and killing elite packs of monsters instead of bosses.

34. Monsters scale up in health and damage output depending on the difficulty and the number of players in the game. You will not get more experience points for being in a game with more players. Instead, all players will do more damage. This differs from Diablo 2, which forced players to group up to gain experience at a reasonable rate.

35. There is an XP penalty to killing monsters too different from your current character level. If the level difference is less than 5, there is no penalty. If the difference is between 5-10, there is a small penalty. If the difference is over 10, you’ll only receive 5% XP for killing the monster. You will gain bonus XP for killing monsters up to 3 levels above your level.

36. High grade gems must be crafted. They cannot be found.

37. Traders’ inventories can be reset by creating or joining a new game.

38. You can teleport to another player by creating a town portal and selecting a player’s banner.

39. You can reassign and map your skill keys to whatever works for you, and you’ll have the option of using two different set ups for each command. If you have a mouse with many buttons, be sure to assign your skill keys to those.

40. You can earn money from the Real Money Auction House (RMAH) by selling your items there. In the RMAH, you have the option to earn “Battle Bucks” or cash it out through PayPal. “Battle Bucks” reside in your Battle.net account and cannot be cashed out. You can use “Battle Bucks” to buy items on the RMAH without spending real money.

3 Tips To Capture New Year’s Eve Fireworks

Create Colorful and Unique QR Codes Easily

keanhui — Fri, 15 Jun 2012 04:02:52 +0000

The QR code is designed for mobile Web revolution. The idea is so nice; a link between the Web and the real world through the powerful computers in our hands.

There are numerous online tools let you create QR codes. Most of these tools offer the same basic format, with the same basic QR code creation tools. But if you are looking for a QR generation tool that lets you create more colorful and more unqiue looking codes, then QR Hacker is the site for you.

QR Hacker is a web service that lets you create colorful QR codes to encode text, URLs, phone numbers, and Vcards. You can select your color customizations. You can select how round the code’s pixels appear. You can also select colors and images for the background and foreground of the code. Once you have completed editing your QR code you can download it as a PNG image or a PDF document.

Requirements: -
Demo: http://www.qrhacker.com/
License: License Free

43 Free CSS3 Pictogram Buttons with 3 Styles

keanhui — Fri, 15 Jun 2012 03:59:02 +0000

CSS3 Pictogram Button is a set of 43 button with three different styles and six different colors and using entypo pictogram for replacing the images.

Three different styles includes : Beveled, Rectangle and Rounded. While there are six colors you can choose : Orange, Magenta, Cyan, Red, Black and Green. Those buttons also have three different states : normal, hover and active. No images, all buttons are using CSS and font.

Requirements: CSS3 Support
Demo: http://www.webstuffshare.com/2012/05/css3-pictogram-button/
License: License Free

Browser Detection – Simple JavaScript to Get Users to Upgrade Their Old Browsers

keanhui — Fri, 15 Jun 2012 03:36:35 +0000

Description
Our friends at DevSlide recently launched a Labs area where they publish ideas, software, script, apps, etc., and we thought that this one could be interesting for JS developers and webmasters. It is a JavaScript browser detection tool that detects the user’s browser. If an old browser is detected, it will display a friendly suggestion for them to upgrade their browser to the latest version or download a new browser.

Background
Coding for old browsers (such as old versions of Internet Explorer, Firefox, Opera) can be a nightmare even for experienced web developers who hand code XHTML/CSS markup. It is difficult to find a balance of features, speed, and browser compatibility. It is particularly frustrating when you run a JS / CSS3 website and know that only a small percentage of your users are preventing you from using all the features of CSS3 (which, when used correctly, is feature rich, optimizes page load speeds and is easier to maintain).
Well, we have not opened a new world here . But, this is a big problem and it is further complicated, because most users who are running such an out-dated browser do not even know where to go to upgrade their browser. The DevSlide team created a script written from scratch in JavaScript and will not conflict with any existing JavaScript frameworks such as jQuery, and MooTools. It displays a nicely styled and friendly message. You can choose from five predefined messages (professional, informal, goofy, technical, and even a mean one, lol) or customize your own message. There is also a cookie feature, so that the user can choose to ignore the message or ask to be reminded later.

How to Install It
It’s easy to add to your site and configure. There is even a configuration form where you can customize it and load it from the DevSlide servers or download and host it on your server.
1.) Go to DevSlide Labs and configure the script. 2.) Add generated code to your … tag. 3.) Help us all to eliminate out dated browsers
That’s it Click the links below to visit DevSlide Labs to download and configure the script.

Browser Compatibility
Old and modern browsers.

Download Visit Site Demo

Creative Sites with Scrolling Effect

keanhui — Mon, 28 May 2012 03:45:44 +0000

360° Langstrasse Zürich

Modo Luce

cultural solutions uk

Why Interactive Showreel

Tiquino International

Web Video Production

Samuel Esteves

Two more

Natasha Stefanenko

Galoper Design

Gut Lärchenhof

Kerstin Fuderholz

Posta

Even Technologies Silent Auction mini site

Weight and Things

Edp Renovaveis 2011

Malagä Création

Montana Grill Express

BEE Creative

superChemical

Kiwi Natural

Heidi Lobensommer – Paintress and Artist

Lois Jeans 50th Anniversary

Biamar

Cheese Please

Whiteboard

Enjoy sex anytime anywhere

X-Doria

Q-music – Titanic

Portfolio of Michel Doudin

No Leath

Brooks Shoe Advisor

Mogul

Datskat Inverno 2012

Mikrofilm Short Festival

Honda Test Days 2012

Putzengel

DIAZ

Fishy

Manufacture d’Essai

tokiolab!

Camping Village Nord Sud

Streni

ATANAI PLUS

Influence the Colour Range in 8-bit Graphics

keanhui — Wed, 16 May 2012 06:29:59 +0000

Update! This article was written for Photoshop CS3. It would appear CS5 does not offer the same functionality.

This is a neat little technique I stumbled upon one day while poking around in Photoshop’s “Save for Web…” settings. It allows weighting of Photoshop’s colour palette when saving 8-bit images. As with a lot of discoveries in life, it wasn’t long before I found it coming in very handy.

Saving this graphic for web as an 8-bit image was creating a lot of undesirable banding in the gradients of the coloured twirls. (Saving as a 24-bit image was out of the question given the file size. Saving as .jpg could be a consideration, but as we shall see, not necessary.)

The PNG and GIF compression algorithms determine their palettes based on frequency of each colour. So in this case the blacks and greys are over represented, while the pinks and blues (and to some extent yellows) are under represented. That’s why the banding is most obvious in the colourful sections of the graphic.

If we could reduce the number of greys (henceforth referred to as ‘background’) in the palette we would free up spots for the bright colours (‘foreground’) and thereby achieve cleaner looking gradients. Well, thanks to Photoshop’s ‘Use a channel to influence color reduction’ option we can do just that.

The solution

The first thing we need to do is create an Alpha channel to define our foreground / background separation. This is easily achieved using Photoshop’s ‘Colour Range…’ tool (Select > Colour Range…). By SHIFT-clicking on a few background areas in the graphic and sliding the ‘Fuzziness’ setting to ’200′ I was able to quickly isolate the background. Then check the ‘Invert’ checkbox to select the foreground.

Click ‘OK’, then select the ‘Channels’ palette (Window > Channels). Create a new channel (icon at bottom of palette) and fill your selection with white.

Now we’re ready to compress the graphic. Go to the Save for Web interface (File > Save for Web & Devices…). Select PNG-8 or GIF, then click on the ‘Use a channel to influence color reduction’ icon

In the dialog that pops up select your Channel from the dropdown (‘Alpha 1′ in our case). Also note you could use the same technique with text or vector shape layers.

Click OK and you’re done. Note the new & improved colour palette sporting a large reduction in the number of dark greys.

Employing this method I was not only able to enhance the appearance of the graphic but in this case shaved almost 30% off the file size.

San Francisco Zoo Table Lamp

keanhui — Wed, 02 May 2012 02:01:35 +0000

Darshita Mistry is born and brought up in India. On completing her Undergraduate Degree in Applied Arts and Crafts, she realized there was more for her to learn in the field of visual communications. So, here she is, working towards a MFA in Graphic Design at the Academy of Art University in San Francisco.

Source by studentshowcase.net

Stun Them All with Tiger Eye Beads

keanhui — Thu, 26 Apr 2012 01:40:47 +0000

Tiger eye beads are from the quartz group. They have a lot of luster that is glossy. This also shows a display of what looks like changing colors. This happens when the light passes through it. This is because it has many fibrous bands. These are very durable and can be worn by anyone. Whoever is wearing these is believed to be very courageous and have a lot of confidence in themselves in many cultures.

Tiger eye beads make great pendants. These are also good beads to make a necklace with a string of them. The colors of this bead will range from a golden to a red-brown color. All of these will have a contrasting band of colors. From the contrast in colors, when light shines on them, they appear to swap the colors from the different angles. The tiger eye beads have silky luster. This makes them very attractive for any piece of jewelry.

These tiger eye beads look like a tiger’s eye. This is what this is names after. These are used for making jewelry and for many different types of ornaments. The smaller beads of this type can be used for bracelets. Earrings can also be made from these lovely beads.

These can be polished up for a very precious gemstone. These have earthly colors that make a great addition to anyone’s jewelry box. The jewelry that is made from this lovely tiger eye bead will also give the jewelry box a pretty shine. This is something that everyone will love.

These wonderful tiger eye beads are something that most people adore. Many say that they will dance when they are in the right light. It has also been used to treat ulcers. The stubbornness of an individual may be reduced by wearing this as well. They also purify blood. These stones cannot handle extreme temperature changes. Alcohol cannot be used to clean them either. If you love the best of the best tiger eye beads, and enjoy saving, try beadsbarn.com now

No related posts.