LittleXpert Daily Internet Tips

    LittleXpert Daily Internet Tips is the site where you get a daily tip on all things interweb.

    Browsing Posts in CSS

    Todays Internet Tip Is On “Firefox Add-ons”.

    Firefox has come along way with how it runs and what it can do, it seems like i find a new and exciting feature or Add-on every day.  And since its “Open Source” that helps a lot with getting updates, new features and keeping it alive.

    There are so many Add-ons out there, you can pretty much find a add-on that can do anything. The possibilities are endless.

    List Of Popular Add-ons: Clicky

    My Favorite Add-ons are:

    • Firebug - Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page
    • Cooliris - The Cooliris 3D Wall — Simply the fastest and most stunning way to browse photos and videos from the Web or your desktop. Effortlessly scroll an infinite “3D Wall” of your content from Facebook, Google Images, YouTube, Flickr, and hundreds more.
    • Web Developer – The Web Developer extension adds a menu and a toolbar with various web developer tools.

    I use these Firefox Add-ons everyday, most of all Firebug and Web Developer, as they help me with my every day jobs with creating websites, fixing broken code, pretty much anything to do with html,css,websites i use them on.

    I will get into their features and what they can do in future posts.

    Please feel free to comment on/promote/suggest your favorite Firefox Add-ons.

    Todays Tip is about CSS.

    CSS stands for Cascading Style Sheets.

    Here is a good description of CSS:

    Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. Tutorials, books, mailing lists for users, etc. – w3.org

    A CSS file allows you to separate your web sites content from it’s style. As always you use your HTML file to arrange the content, but all of the presentation (fonts, colors, background, borders, text formatting, link effects, etc.) are accomplished within a CSS.

    Internal File Stylesheet:

    <head>
    <title><title>
    <style type=”text/css”>
    CSS Content Goes Here
    </style>
    </head>
    <body>

    Extrernal File Stylesheet:

    <link rel=”stylesheet” type=”text/css” href=“Path To stylesheet.css” />

    <head>
    <title><title>
    <link rel=”stylesheet” type=”text/css”href=”style.css” />
    </head>
    <body>

    By using an external style sheet, all of your HTML files link to one CSS file in order to style the pages. This means, that if you need to alter the design of all your pages, you only need to edit one .css file to make global changes to your entire website.

    Here are a few reasons this is better.

    • Easier Maintenance
    • Reduced File Size
    • Reduced Bandwidth
    • Improved Flexibility

    This was just a basic understanding of CSS, and how it works.  To learn more please checkout our guide links below.

    Here are some guides on learning CSS, i use these quite often and they are very helpful:

    CSS Cheat Sheets:

    LittleXpert Daily Internet Tips is the site where you get a daily tip on all things interweb.

    So Welcome to LittleXpert!

    Throughout the next days,week,years we will be working on getting you a daily (if we can) random internet tip, about all things internet.

    AS this site grows, we will work on adding more features to it as well as adding the option to ask questions and then we will answer them with the next days tip.

    Thanks to all that find us and read us.

    Blog WebMastered by All in One Webmaster.