Tryangled Solutions web designing tips tricks

The values of many properties are inherited by any descendants of the element that you specify the property for. color and the font related properties are the most common examples of such properties.

Be aware that some properties may be overridden by browser specific user agent style sheets, i.e. the browser’s defaults. That’s why you can’t make all headings non bold with the following rule:

1. body { font-weight:normal; }

The browser’s predefined rules are more specific because of the cascade, which is described next.

We’ve transcribed all 101 tips here. To fit our Mac-centric audience a little better, we’ve switched everything around to the default Mac keyboard commands.

1. Want to copy a Layer? Jump it: Command-J
2. You a Windows user? Press Control instead of Command.
3. For a new Layer: Command-Shift-N
4. To Delete a Layer, hit the Move Tool (v) and       Command-Delete.
5. Every letter selects a tool. Except for:
6. F for Fullscreen.
7. Q for QuickMask.
8. D for Default colors.
9. X for Switch colors.
10. Press a Number to change Opacity.
11. …or Two Numbers for better Control.
12. Shift-Plus (+) to Advance a Blend Mode.

13. Shift-Minus (-) to Go Back one Blend Mode.

14. Shift-Option+[a letter] for a specific Blend Mode(Dissolve=I, Multiple=M, Screen=S, Overlay=O, Soft Light=F, Hard Light=H, Linear Light=J, Vivid         Light=J, Pin Light=Z, Color Dodge=D, Color Burn=B, Darken=K, Lighten=G,Difference=E, Exclusion=X,   Hue=U, Saturation=T, Color=C, Luminosity=Y, Behind=Q)
15. Windows Folks, Option means Alt for shortcuts.
16. Command-Plus (+) Zooms In.
17. Command-Minus (-) Zooms Out.
18. Spacebar gets the Hand so you can drag the image around.
19. Command-Spacebar = Zoom Tool In.
20. Option-Spcebar = Zoom Tool Out.
21. Command-Spacebar-Drag to zoom in on a specific area.
22. Command-Z for Undo.
23. Command-Option-Z Steps Back one action.
24. Command-Shift-Z Steps Forward one action.
25. Command-Shift-F Fades the last edit.
26. F12 = Revert Document.
27. Hey! You can even Undo a Revert!
28. Command-X = Cut.
29. Command-C = Copy.
30. Command-V = Paste.
Deke sings about how wonderful he is…
31. Image Size = Command-Option-I.
32. It’s partner, Canvas Size = Command-Option-C.
33. Command-F repeats the last Filter.
34. Command-Option-F repeats last Filter with Different Settings.
35. Using Selection Tools: Drag to start a new selection.
36. …or drag to move a selection outline.
37. …add to a section using Shift.
38. …delete from a selection using Option.
39. …find the intersection holding down Shift-Option.
40. …Press Spacebar to move the selection on the fly.
41. Command-A = Select All.
42. Command-D = Deselects Everything.
43. Command-Shift-I Inverts the existing Selection.
44. Command-Option-R brings up Refine Edge.
45. Option-Click with Lasso tool to select a straight-sided selection.
46. Shift-Click with Brush to draw straight lines.
47. Press Option with Brush to get the Color-Lifting Eyedropper.
48. Press Command to get the Move tool.
49. Command-H = Hide Selection.
50. Command-1 shows 1st channel (Red or Cyan)
51. Command-2 shows 2nd channel (Green or Magenta)
52. Command-3 shows 3rd channel (Blue or Yellow)
53. Command-Tilde (~) shows a Full-Color Composite. (Read about the tilde if you like.)
54. Command-L for Levels.
55. Command-M for Curves.
56. Command-B for Color Balance.
57. Command-U for Hue/Saturation.
58. Add the Option-key to bring up last settings for those last four.
59. Command-Shift-Option for Black and White.
60. In Levels & Curves, Option-drag that White Slider to preview your clip highlights…
61. …Option-drag the Black Slider to preview clip shadows.
62. DekePod-DuplicatefromHistory.pngWant to duplicate an image? Cool tip! Click this Icon at the bottom of history palette.
63. Command-W to Close an image. Then…
64. …Y to save changes. (Windows Only)
65. …N to abandon changes. (Windows Only)
66. …On a Mac: S=Save and D=Don’t Save.
67. …ESC to Cancel on both Mac and Windows.
Deke sings some more… (whew! Lots of typing!)
68. Press Command-T to invoke Free Transform…
69. …Enter to Apply, or ESC to Cancel.
70. Command-Option-T will Transform a Copy!
71. Command-Shift-T repeats the last Transformation.
72. Command-Shift-Option-T plays a Transformation sequence.
73. Press the Bracket keys [ or ] to change the size of a Brush.
74. ..add the Shift key to change the brush hardness.
75. Caps Lock for Precise cursors.
76. Option key switches from Dodge to Burn or Burn to Dodge.
77. Hitting the Period in Gradient tool switches between gradients.
78. Here’s a tip: The Sharpen Tool Sucks! Don’t use it!
79. Command-Click the Thumbnail in Layers or Paths palette to Load a Selection.
80. Type Slash (/) to lock/unlock a Layer’s Transparency.
81. Press Tilde (~) to hide an image while Viewing a Mask.
82. Press Backslash (\) to view a Layer’s Mask.
83. Command-Delete fills selection with the Background Color.
84. Option-Delete fills selection with the Foreground Color.
85. …add the Shift key to fill just the Opaque pixels. (cool!)
86. Shift-Delete to bring up the Fill dialog box.
87. Filling using the Behind mode locks out “preserve transparency”.
88. Command-Brackets ([ or ]) moves Layers up or down.
89. …add Shift to move Layers all the way to top or bottom.
90. Option-Brackets ([ or ]) Selects Layers.
91. …add Shift to select multiple layers.
92. Command-Option-A to select All Layers.
93. Command-G groups Layers into a group.
94. Command-E will Merge Selected Layers.
95. Command-Shift-E will Merge Visible Layers.
96. Command-Option-E will Merge selected Layer onto the Layer below.
97. Command-Shift-Option-E will Merge Everything onto a New Layer.
98. Command-Shift-C Copies a Merged version of Layers.
99. Command-Shift-V will paste an image into a Selection.
100. Hit Tab to Hide all Palettes.
101. Hit Shift-Tab to Hide just the Right-side Palettes.

You can change the color of an individual HTML web page link by adding a font tag in front of your linked text.

Example Code:

<A HREF=”http://www.blog.tryangled.com”><FONT COLOR=”#FF0000″>Your Link</FONT></A>

You can highlight your HTML web page text in the color of your choice by adding the STYLE attribute to your HTML code.

Example: Example of highlighted text

Copy and paste the following code into the HTML portion of your web page where you would like the text to appear:

<SPAN style=”BACKGROUND-COLOR: #ffff00″>Example of highlighted text</SPAN>

You can change the colors to whatever you’d like, but keep in mind, the text must be visible through the background color.

Using doorway pages or a doorway page system is the lazy man’s way of building a website. A doorway page system involves the use of hidden text and graphic links, creation of a bunch of doorway pages all separately optimized for different keywords, and a hidden site map that links to all of the doorway pages.

The doorway pages themselves are filled with optimized text and function primarily to get visitors to go to your other pages on your website. One of the problems with this hidden doorway system is that it smacks of trickery. The doorway pages don’t provide real content to the visitors, but provide a means to navigate to the other pages on your site.

If this were a legitimate system of navigation, why hide the text and graphic links, the site map and the doorway pages in the first place?

Here is one way to create a system of hidden doorway pages. First, you research relevant but relatively low ranking keywords for your site that don’t have much competition. Second, you create a bunch of these doorway pages that are optimized for these keywords. Third, you build a sitemap containing links to all of these hidden doorway pages. The doorway pages are not directly linked to your homepage or any other of your main pages. The sitemap, however, does contain links to all pages on your site including your homepage and main pages AND your hidden doorway pages.

This hidden sitemap, once completed, is the only page you link directly to your homepage. You do this with a hidden text or graphic link. Creating a hidden graphic link is easy. You simply create a .jpg or .gif file that has the same color as the background of your home page. Search robots cannot distinguish colors inside a pixel-based file. You link this graphic to your sitemap and you are done. The only telltale signs that this exists is in your source code and if you happen to run your cursor over the area it will change to the hand.
Creating a text link is a bit trickier since some search engines will penalize sitesthat have link text color that is too close to the background color (especially if it is the same as the background color).

Some sources suggest you create your pages with a white background (color code #FFFFFF) and that you create your hidden link text with an almost white color #EDFAE6 that is almost invisible to the eye and will not get your penalized with the search engines.
Now, instead of creating a tricky, hidden doorway page system filled with no real content for your visitors, why not make your homepage and other main pages your doorway pages? Instead of picking a bunch of low-ranking keywords and optimizing your pages for these keywords, why not pick the highest-ranking relevant keywords for your business and optimizing all or most of your pages towards these keywords?
With this method, the trick is to create content-rich, keyword-optimized pages that serve the dual purpose of informing your visitors and serving relevant information to the search engines. This is not the lazy man’s approach since this method takes quite a bit of skill and expertise in writing these pages with both purposes in mind.

The benefit of making all of your pages content-rich doorway pages and not hidden doorway pages is threefold. First, you avoid the ethical gray area of the hidden doorway page approach. Second, you pick the highest-ranking relevant keywords, build your website around these words, and make these pages content rich for your visitors and keyword rich for the search engines which keep visitors interested in your site (and buying your products) and when they rank well with the search engine will bring in more traffic than the lesser ranked, hidden pages. Third, when you develop content-rich doorway pages you don’t run the risk of the search engines finding your ethically questionable hidden doorway page system, realizing this is what is going on, and penalizing your site, burying it deep within the rankings of the search engine.

Now, you may ask, why not create a content-rich doorway page system AND a hidden doorway page system? You can, but you run the previously-mentioned risks plus when you develop a hidden system, you are taking time away from developing the rest of your website that could go into other, more productive areas such as rewriting your pages in respect to content and keywords or developing new pages. Remember, not all pages have to do well in the search engines. Some of your pages are just for your visitors to enjoy like Flash or Shockwave game pages, streaming audio or video or a product picture page with very little text on it.

In order to get visitors to come to your site, you may also want to work on your reciprocal linking with other sites, buy or trade traffic with other sites, develop your own newsletter, buy or trade for advertising in other sites’ relevant newsletters and other marketing methods to bring visitors to your site. Doorway pages may have been the “in” thing a couple of years ago, but now they have gone out of fashion. But if you keep your site focused and direct your energy in productive marketing methods, you site will see significant gains in traffic. At this point it will be up to you to find ways to convert your visitors into customers and reap the profits from your efforts.

You can load random stuff by using this code. For this example, I load random color code:
$selectnumber = rand (1, 5);
if($selectnumber==1) $pagebg=”#990000″;
if($selectnumber==2) $pagebg=”#0000FF”;
if($selectnumber==3) $pagebg=”#00AAAA”;
if($selectnumber==4) $pagebg=”#000099″;
if($selectnumber==5) $pagebg=”#DDDD00″;

Definition:

Accessibility in the context of a Web site is the degree to which that Web site is usable by people with disabilities. Web pages often have access issues for the following groups of people:

* Visually impaired people using screen readers
* Hearing impaired people using browsers with no sound
* Physically impaired people
* Color blind people

n the search engine optimization industry it is well known that there are 3 types of hats that an seo may wear. There is the white hat seo who is on the up and up and does their job in a ethical manner. The black hat seo who does things in a not so ethical manner and normally does their optimization in a manner that the search engines state is not proper. Last but not least is the gray hat seo who is somewhere in the middle of the white and black hat seo.

It behooves me to say that most black hat seo companies are fly-by-night operations that stop doing business when the heat gets too hot. They close their operations only to start up somewhere else under a newly assumed company name. These companies make promises to their customers that they can’t deliver. We’ve all seen the promises like: “We guarantee you the #1 position on all the search engines for your industry keywords”. No one can make this guarantee, so don’t believe it.

So the moral to the story for companies out there who are looking to optimize their web sites is to make sure to deal with reputable companies. Make sure they have been in business for some time, check references, and ask them to show keyword results for work they have done to optimize web sites. Don’t be fooled by companies that send you spam mail with false promises to get your business. SEO is hard and rewarding work when done correctly!