Starting to Position with CSS
Tuesday, November 18th, 2008Once you have a series of
1. Set a width on your body
You don’t have to do this, but most pages are easier to read if you don’t assume that everyone will have their browser set to the same settings as your browser. I like to design for 1024×768 resolution, with a typical width of around 800px. However, I also have done fluid widths using percentages. It’s all up to you.
2. Float everything
Once you have your maximum width, then you can float everything on the page, and have it line up. For example, if you want your navigation
But if you wanted it to be on the right side, you’d make it a width of less than 100% and float right.
Then, anything that comes after it would be floated left, and as long as those elements had a smaller width than 600px (800 - 200), they would slide right in to the left of the navigation.
3. Use floats to create margins
One of the great things about floats is that you can use them to create margins without using CSS. For example, if my navigation is on the right and 200px wide and my body content is floated left and 580px wide, there will be a 20px margin between the two elements, without any margin tags at all.
4. Get multiple columns by nesting
If you want three columns, you create two divs that float left and right, and then in the wider div, you create a second set of two columns that float left and right inside it. HTML
CSS (note that the inner divs have a width of 50% because they are half of the outer container, which is the “leftside” div:
5. Test in multiple browsers
While this technique works most of the time, some browsers react strangely to floats. You may have to play with the widths to get your elements to show up correctly.
What are the advantages of using Firefox?
Saturday, November 15th, 2008Security
While no browser is 100% secure Mozilla Firefox has much better security than Internet Explorer. Firefox does not support Activex which is a tool that can be used with good and bad intentions. Activex allows web sites to have more access to Windows. As a result of this, cyber criminals have taken advantage of it. This means that viruses and spyware (and sometimes other types of malware as well such as adaware) can take advantage of it, resulting in these programs ending up on the visitors computer (if using Windows at the time). Spyware is any piece of software that silently gathers information about a user while he/she navigates the Internet and transmits the information to an individual or company that uses it for marketing or other purposes.
Spyware and other types of Malware usually do not target Firefox, but there is some out there that will also get Firefox, but it is rather unlikely that a Firefox user would get it. Unless for example they install loads of extensions from all kinds of web sites.
If a Firefox user has the cache turned on a Trojan can end up in it. A cache is an amount of space in which Firefox uses to temporarily store images and other files from sites so you can load the page up quicker if you chose to go back and view the page again. You can turn it off by going to “Tools” then “options” click on the “privacy” tag and then the “cache” tag set the amount of MB’s it’s allowed to use to “0″. However a Trojan just sit their in the catch and will not do anything unless the user actually opens it. If you have a virus scaner (like AVG) it will be able to remove trojans and worms from your computer.
Spyware, viruses, and other things like this are usually only a Windows issue. In fact viruses aren’t really an issue with other operating systems such as Linux. Linux is known to be very secure and virus free. However some viruses were made for Linux, but they were never distributed out of the lab. Ubuntu is a popular and rather good Linux distribution for beginners. It is worth checking out and especially if you have had enough of Windows and it’s many problems such as it’s very bad security. Linux is very stable and does not just crash like Windows does for some users. (Personally my PC never crashes, but I’ve had some problems before.)
With popular free open source programs such as Firefox, or Linux distributions. Any security issues are fixed very quickly. Unlike for example a software company like Microsoft were it can take years before a security issue has been fixed. That is of course if it ever gets fixed!
Speed
Simply put, Firefox uses less resources, loads pages faster, and can be tweaked to make best use of your computer. There are guides and tools that can help you get the most out of it. Also note that the Gecko Rendering Engine engine is always being updated as new versions of Firefox come out.
Customizations
Because of the Extension/Theme compatibility that is programmed into Firefox you can just about make it able to do or http://www.seo.tryangled.com/aboutus.php, provided someone has made an Extension/Theme to match your tastes.
You can get very nice Mozilla Firefox and Mozilla Thunderbird themes from http://www.spuler.us
Compatibility
It is, because of Internet Explorer’s huge market share and lack of web standards support that it holds the whole web back from becoming a lot better. Yes lack of web standards support as in lack of being able to support web page coding that standards compliant browsers such as Firefox, and others that also use the Gecko Rendering Engine Rendering Engine to display web pages with can support. There are also some other standards compliant browsers that do not use the Gecko Rendering Engine Rendering Engine to display web pages with.
Web Designing-Default values
Wednesday, July 16th, 2008You can often eliminate the need to specify a value for a property by taking advantage of that property’s default value. This is especially important to consider when you use shorthand properties, since any unset properties are assigned the default values of the corresponding individual property.
Some common default values are 0 for padding (though there are exceptions to this), and transparent for background-color.
Since there are slight differences in the default values between browsers, some people like doing a Global white space reset by zeroing both margin and padding for all elements at the top of their stylesheets:
1. * {
2. margin:0;
3. padding:0;
4. }
Mozilla Firefox 2.0 vs. Microsoft Internet Explorer 7
Wednesday, July 16th, 2008For a while it looked as if Mozilla’s Firefox browser was destined to become a huge threat to Internet Explorer in the web browser wars. Firefox has continued to slowly but steadily eat away at IE’s market share, and for good reason. In many ways it was just a better overall browser than IE 5 or 6. Enter Internet Explorer 7. With many of the same features that helped spark Firefox’s popularity as well as its intimate coupling with the Windows Vista operating system, Microsoft’s newest browser offering has raised doubts as to whether Mozilla’s market share can continue to grow at its current rate.
Both of these browsers have their own respective appeal and deciding which one may be right for you can prove to be a daunting task. This article attempts to make things a little easier for you when decision time arrives.
Using Scripts to Spice up Your Web Page
Monday, July 14th, 2008You can use scripts within your pages to spice them up. However, although you will probably be tempted to use all the fancy techniques to create special effects, try not to go overboard. With each script or effect you add to your web page, it will take that much longer for your page to load.
Select your scripts carefully. Most browsers now support JavaScript, so using this type of script will probably be your best choice. Keep in mind, JavaScript and Java are two totally different languages and are not in any way connected.
If you must use Java on your site, use it sparingly. Java can be slow and has a tendency to crash browsers. It can also add a lot of time to your web page’s load time.
Scripts to Avoid When Designing a Professional Site
Pop up boxes asking for your visitor’s name
Disabling the browsers back button
Continuous alert messages
Scrolling messages in the status bar
Large scrolling text
Fancy cursors
Cursor trailers
Automatic transfers on mouseovers
Mouseover sounds
This list represents only a small portion of the types of scripts you should avoid. These scripts are not only very irritating, but they’re a big waste of your visitors’ time. If you want your visitors to return, use scripts that will compliment your web site.
Firefox vs Internet Explorer
Saturday, June 28th, 2008Just because everyone feels that they have a solution to someone else’s problems, new forms of technology are created. Some technology is created to process word files and improve the use of the computer while others are created to enhance the use of the Internet.
Because the Internet is so widely used, countless developers are coming up with tools that will make the Internet more user friendly. Several browsers are created one competing against the other as far as performance goes. Two highly competitive browsers are Microsoft’s Internet Explorer and Firefox.
Internet Explorer has been around since the creation of windows. It is used by several individuals. It has many wonderful browsing features as well as some safety features such as a pop up blocker. Though it is extremely popular, Firefox is gaining momentum as people are catching onto the numerous benefits.
One benefit that Firefox has that totally outdoes Internet Explorer is the enhanced popup blocker. Unlike Internet Explorer’s popup blocker that only halfway does the trick, Firefox’s popup blocker blocks out all of the annoying ads. You’ll never again have to see them on your computer. What’s more, you do not need supplemental programs to block annoying ads as does Internet Explorer.
Should you wan to open new web pages, you do not need to open them in new windows. Rather, you can use tabs. What’s more, you can open them in the background.
If you are filling in any forms online, Firefox will save the details for you so you will not have to go back and enter them in a second time. This is great, especially if you are going to sites you’ll use more than once such as Google or advertising sites like Craigslist. This detail alone is not only a time saver: but, it makes life online easier.
When using Firefox, you’ll also have better online security. Spyware, adware and malicious software cannot automatically install themselves into the browser unlike Internet Explorer. This means that you’ll not have to worry about your browser being hijacked to the point of having to repair your OS or totally reformat it all together.
Though Firefox possesses many great attributes, there are some disadvantages to using the browser. For example, its tight security makes ActiveX impossible to run which is a major problem since countless developers use ActiveX to deliver various applications to desktops. This makes it impossible to ditch Internet Explorer completely as if you wanted to use ActiveX, you’ll need to switch browsers.
In order to decide whether Firefox has really replace Internet Explorer will require that you are looking at the entire picture. It is imperative that you have all the facts. Also, just because you have switched to Firefox does not mean that you should forget about updating and patching Internet Explorer on a regular basis. Though Firefox is a great browser, you’ll still need to rely on Internet Explorer for certain things, especially when it comes to making up for the weaknesses found in Firefox.
accessibility
Tuesday, June 24th, 2008Definition:
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