Programming Languages

Significance of Color Scheme in Website Design - Color SchemesColors play an important role in human lives. Unlike animals, we see and interpret colors of different hues, shades, tints and spectrum. Emotions are attached to different colors ; phrases have been coined around them. Sample a few: Seeing Red, Going Green With Envy, Having The Blues, In The Pink Of Health, Green Thumb.

Since we are surrounded by colors in real life, it is but logical that it make the transition to the virtual world.
Divider Line

Computer Training Excuses - No ExcuseYou wouldn't go to a doctor who had never been to medical school, or hire a lawyer who never studied law. One side-effect of a world advancing as rapidly as ours is that fields are becoming more and more specialized and narrow. People can no longer get by on general knowledge in their careers, something I found out for myself not too long ago. I'd been out of high school for two years, scraping by on my own and picking up scraps of programming as I went. I saw all of the self-taught programmers breaking into the IT industry, and I hoped to do the same. After all, IT is one of the few industries out there where being creative and a quick learner is more important than a degree.
Divider Line

Which is the Easiest Programming Language? - Programming LanguagesIf you have some misconception in mind that the programming languages are easy or hard, I am afraid to say that you are mistaken. To tell you frankly about the programming languages, there is nothing such as easy or tough programming language. The only thing that you need to keep in mind while stepping into the world of programming languages is that which programming language would set your base by giving you in-depth knowledge of programming logics and the basics of programming techniques.
Divider Line

Google Web Fonts to Your Website -

Google Web FontsIf you're like myself, you would easily come to a realization that web compatible fonts are down-right dull for content and even more so for content headlines. People have come up with many ingenious ways to counter this problem. However, each of these methods has its downside. Remember the most important aspect of Google Web Fonts; they not only look good, but they are just fonts to the search engines that spider your website.

Divider Line

CSS Tricks - CSS Tricks This is a bunch of simple and easy to use CSS tips and tricks that will go a long way for any new comer into CSS.
Divider Line

Entering into Programming World - Good Luck ProgrammingOnce you have learned some programming languages, you feel yourself completely prepared to enter into the programming world, and start working on the programming languages that you have learned. Many students also feel that they have learned extra things which might be helpful in their programming careers. The matter of fact is that the real world is entirely different from what you have been taught in the classrooms.
Divider Line

HTML5 - Setting New Standards in Hypertext - HTML 5HTML5 is the latest buzz word in web development world. It comes with a lot of cool, new features and most importantly it aims at bringing consistency to the whole process of web development. The code is much cleaner, neater and standardized. For example, web software developers can replace the div tags with neat HTML5 elements. This also means that web developers across the board can read and understand code better even if they know nothing about the language because of the standardization. This also ensures that web developers building new hosted web applications can understand the features better and integrate well with it. The overall semantics would improve because of the new HTML elements and it would be easy to see the structure of the code and determine the header, footer, navigators etc.
Divider Line

Effective Use of Cascading Style Sheets (CSS) - CSSStyle Sheets in many ways is even easier to get a grip of than even HTML yet very few people use it because of lack of insight into this technology. Well dont lack any longer, get your behind here and read all about it. Cascading style sheets (CSS) are an elegantly designed extension to the Web and one of the greatest hopes for recapturing the Web's ideal of separation of presentation and content.
Divider Line

Why Programmers Love the Night - Programming at night One famous saying says that programmers are machines that turn caffeine from coffee and Coca Cola into a programming code. And if you ask a programmer when does he like working the most and when is he most productive - he is probably going to say late at night or early in the morning, that is when he has the greatest energy and concentration to work.
Divider Line

Word Ligatures and OpenType Typography - In the following article we are going to talk about Ligatures and OpenType typography in Word. While you can explore the Advanced properties and OpenType font behavior with the Font window opened, watch out for the ligatures that show up in the second appearance of the word Office on the image...
Divider Line

How to be a Programmer - Programing training To be a good programmer is difficult and noble. The hardest part of making real a collective vision of a software project is dealing with one's coworkers and customers. Writing computer programs is important and takes great intelligence and skill. But it is really child's play compared to everything else that a good programmer must do to make a software system that succeeds for both the customer and myriad colleagues for whom she is partially responsible. In this essay I attempt to summarize as concisely as possible those things that I wish someone had explained to me when I was twenty-one.
Divider Line

QupZilla Web Browser - Qupzilla web browserThis very fast QtWebKit Internet Browser has the goal of being light and available on all dominant platforms. The project was started for educational purposes, but today it has grown into a quality program. Considering that it is still young, QupZilla can't be found in the GNU/Linux distribution treasury.
Divider Line

TW Tech Glossary - Misplaced your bible? Well here it is - Tech Glosasary! This truly took a while to complete and should be used by all from beginners to advance techies.
Divider Line

CSS Tutorial - CSS TutorialThis is one of the better CSS tutorials on the net. Not because it is very lengthy but because it gets right down to the point of the matter. It's for those who are beginning CSS and for those who know but want to brush up on their skills. Take a look, learn, and teach! CSS is a set of page markup definitions that can be applied to HTML documents to define how pages are rendered. This addition to the HTML tag set can be applied by Authors internally in each HTML document or they can reside in a separate server side file that is referenced and applied to the document.
Divider Line

How to Install the Aptana Studio IDE on Windows - Aptana Studio 3IDE (Integrated Development Environment) represents an integrated development environment in which you can develop applications. This tutorial will be useful to all those that considering doing programing...
Divider Line

Magento: Why, or Why Not? - Magento LogoThe following is a brief outline of the advantages and the disadvantages of Magento as a Shopping cart. It gives a detailed analysis of the reasons that one should choose Magento for, as well as things that they must be careful about while using Magento. . If the few disadvantages can be overcome, then it is surely one of the best shopping cart platforms.
Divider Line

What Programming Language To Learn - Programming LanguagesOne of the most common questions we hear from individuals hoping to enter the IT industry is, "What programming languages do I need to know?" Obviously this is a complex question, and the answer will depend on what field the questioner is going into. Many programming languages are taught during courses used to obtain a computer information science degree. However, those already in IT know that the greatest skill you can have is to be a jack-of-all-trades. A well-prepared worker can switch between computer programming jobs with only minimal training, thanks to a wide knowledge of multiple programming languages.
Divider Line

IE 5.5 Color Scoll Bars - CSSThis is easy as heck CSS tutorial for the beginners. It will show you how you can add your own color customized scroll bar for your own site. Don't forget: If using CSS rules within the open and close
Divider Line

What is CSS?

Cascading Style Sheets is a means to separate the presentation from the structural markup of a web site. By applying a CSS style you have the ability to keep the structure of your document lean and fast, while controlling the appearance of the content.

HTML was intended as the structural markup language. This language focuses on the roles that the different elements of a document have to play, not how they have to look. CSS has been invented and developed for the Internet. It is not an adapted tool from print or programming, but a means of enhancing HTML. Since CSS takes care of the presentation, the structure of the document can be static HTML, and the content either contained in the HTML itself, or generated by ASP, ColdFusion, XML and/or other technologies.

Some Benefits CSS:

  • Style sheets allow you to separate the style and layout of your HTML files from their informational content. You can define the look of a site in one file, and change the whole site by changing just the one file. But be careful of unexpected effects ! You can make all of your HTML layout and formatting changes in one location, either in an external file referenced by any number of pages, or the style can be applied to a specific section of text within the body of a page. The HTML code becomes simpler and more manageable because you don't have to keep repeating tricks to control rendering in your HTML files (except that you will need for a while to maintain good presentation for older browsers).

  • You have finer and more predictable control over presentation. CSS has been designed to deal with issues which HTML was not.

  • You have finer and more predictable control over presentation. CSS has been designed to deal with issues which HTML was not.

  • Older browsers will simply ignore your style sheets so they will not break existing pages.

  • The CSS style sheet mechanism allows readers to influence the presentation of HTML documents. Style sheets allow both document authors and readers to specify rendering rules for HTML documents. Cascading means that if both parties supply style sheets then the browser will apply both, using further rules for resolving conflicts.

  • Style sheets will allow companies to easily adopt a house look and feel, and this will help give readers a sense of where they are and what they are reading. Style sheets can be pointed to from Web documents via hyperlinks and this will dramatically simplify the maintenance of Web sites. If the company later changes the house style they only need to make changes in one place.

  • Style sheets will also improve the printing of Web documents. Paper has different properties than a computer screen and the differences can be accounted for in a style sheet. Web authors should be confident that their documents will look as good on paper as they do on computer screens.

  • People with disabilities have better access to your pages. Visually impaired Web users may need increased font sizes and will be among the first to benefit from style sheets. CSS provides a framework for speech style sheets. A style sheet can produce rich aural presentations by describing pauses intonation, and other components of speech along with non-speech sound cues.


Link Color

If you want to make a link a different color than the other links on you page, use this:

<A href="file.html" style="color: green" > </A>

Remove line under links

Want to remove the line under certain links? Use this:

<A href="file.html" style="text-decoration: none" > </A>If you want to remove the lines under every link use this:

</script><style type="text/css"><!--a {
text-decoration: none;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;}a:hover {
text-decoration: underline}--></style>

Centered Tables

[Thanks to Ian Hickson for giving me the solution for this one.] You've put this into your style sheet:

.centered {text-align: center;}And this HTML:

<div class="centered"><h3>Test of Centering</h3><p>Table of cities and states</p><table border="1">
<tr><td>Pekin</td> <td>Illinois</td></tr>
<tr><td>San Jose</td> <td>California</td></tr></table></div>Here's what you get:

Test of CenteringTable of cities and states Pekin
San Jose
California“Aha,” you think. “My shiny new browser is broken.” No, it isn't. It's working exactly as CSS level two says it should. Section 16.2 of the specification says that text-align describes how inline content of a block is aligned. If you look at the Document Type Definition (DTD) for HTML, you will discover that tables are not inline elements. Here's how you fix the problem. Add this to your stylesheet:

.centered-table {
margin-left: auto;
margin-right: auto;}Setting the margin-width to auto makes the browser calculate the margins according to the formula in section 10.3.3 of the specification. In this case, it makes the left and right margins equal, thus centering the table. Your HTML now changes to this:

<div class="centered"><h3>Test of Centering</h3><p>Table of cities and states</p><table class="centered-table" border="1">
<tr><td>Pekin</td> <td>Illinois</td></tr>
<tr><td>San Jose</td><td>California</td></tr></table></div>And you get the desired result:

Test of CenteringTable of cities and states Pekin
San Jose


A selector can have different classes, allowing the sameelement to have different styles. For example:

color: #000000}now in your HTML coding you would put<H3 CLASS="color1">The font color will be the colorspecified in the color1 class. <H3>

Group Your Margin Attributes

This code works in IE 3.02 and 4.0.

When using Style Sheets, you can set margins for the entire document in the BODY section. The margin-left, margin-right, and margin-top attributes set the side margins and top margin. You can specify the margins in points, inches, centimeters, or pixels in positive and negative numbers. For example:

margin-left: -10px;
margin-right: -10px;
margin-top: 20px}

However, instead of setting the margin attributes separately, you can combine them into one attribute called margin. Instead of the code above, you can simply use:

P {
margin: 20px -10px-10px}

The implied order for margin is top, right, and left. If you specify a single value, it will be applied to all three margins.


Want to make a special headline for your page with out using big, slow images?Try this:

<HTML><HEAD></HEAD> <BODY bgcolor=green><DIV style="
position: absolute;
top: 15px;
width: 370px;
height: 80px;
font-size: 60pt;
>ARCHIVE</DIV><DIV style="
position: absolute;
top: 35px;
left: 110px;
width: 300px;
height: 20px;
font-size: 45pt ">Zach's</DIV></BODY> </HTML>

Search Engines

Some search engines take outbound links into account when they rank your page. For example, linking to a well-known page about root beer and including the words "root beer" in the link text could boost your ranking for those words. Occasionally, it would be nice to get this advantage without encouraging visitors to leave the site. The solution is to use a bit of CSS to hide the link from human visitors. Because search engines don't see what is happening on the screen, they can't differentiate the hidden link from the normal links on your page. Simply include the following in an external CSS file:

A.sample {
text-decoration: none;
color: black;
cursor: text;}This removes the underline from the link and changes its color to black. Should the browser support CSS2, it will also prevent the cursor from turning into a hand when it is located above the link. Then use the following in your HTML:

<A class="sample" HREF="targetaddress">link text</A>

Graphic List Bullets

  • You've wanted to do this for years.

  • You want a list, but you don't want it numbered.

  • You don't want regular bullets, either.

  • You want a custom graphic bullet.

In short, you want a list just like the one described above. Before CSS 2, you had to build a table. Now it's so easy you'll laugh. Just put this in your stylesheet:

ul {
list-style-image: url("example.gif");} And replace example.gif with the pathname to the image that you want to use.

External Style Sheet

With an external style sheet you can change the look of your site by changing one file.

The file should not contain any html tags.An external style sheet can be written in any text editor.Your style sheet should be saved with a .css extension.Between the <HEAD> tag you will put the link code. Example:

<HEAD><link href="link.css" rel="StyleSheet" type="text/css"> </HEAD>

Did You Know?

  • Cascading Style Sheet was thought of as an offshoot of HTML when it first came into being. A few months later DHTML was the big hype and so CSS was reintroduced as a part and parcel of DHTML.

  • Style sheets allow you to control the rendering, e.g. fonts, colors, leading, margins, typefaces, and other aspects of style, of a Web document without compromising its structure.

  • The first rumors of CSS started back in late 1994 when HTML didn't seem to quite take the lead role in "Presentation" of websites.

Partners Links
- CSSReflex is the design blog maintained by Naeem Noor. Topics focus on web design, CSS, tutorials, resources, inspiration, WordPress, blogger and blogger templates.
- Personal blog with content about Front-end Web Developement, HTML, CSS and Javascript programming.
- CSS tips and tricks, web design articles, HTML5 & CSS3 tutorials.
- Whether you're into digital photography, web design and development, motion graphics, or just need to brush up on Excel, you can learn all the software skills you need to gain a competitive edge with our online tutorials.