fq

I, for one, don’t like to see a perfectly valid CSS layout mingled with some tables just for this purpose. So, if you want to know how you can achieve vertical-align functionality the right way, read on.

Step 1 — One line vertical-align:middle

This one is quite easy. Let’s say you set up a nice graphical container for your text but when you add the text, it just sticks to the top of your container — not a very nice visual effect. To center it vertically, simply specify the line-height for your text the same height as that of ...


The Fastest Way to Invoice Your Clients

How to install the new referral banners

by John Coates - August 22/2010

Been sharing the FreshBooks love? There are now also new banners to help!

We love seeing people share FreshBooks. Every time we see a tweet or a banner on a website,  it motivates us to make FreshBooks even better for you.

This week, we released some new banners that will help you earn 25% commission on the first year’s subscription revenue on your referrals. They are new and shiny but what’s really neat is that they also can now be easily coded ...


garbanUnder this Service we will arrange meeting for our Staff (Specialist in German Language and European standards) to you so that you can directly discuss your projects with sitting together. So we will be together to analyze every aspect of the project and will create a common specification.

After this the next step will be to create the project plan, in which we will describe the development steps, development time and will specify exact milestone for this.

After this our Designer will start with the design of the project and will also prepare SDD (Screen Design Document) and DBD (Data ...


How to Use CSS Classes and IDs

Assigning Names

  • 1

    There are a few IDs that are used very commonly on web pages, for example, container (or wrapper), header, content, sidebar, footer. These are great examples of CSS IDs, because the names used are self-explanatory. They describe the purpose of the div or element they identify.

  • 2

    Both IDs and classes should be given self-explanatory names. The trick is to choose a name that will be self-explanatory over time.

    Suppose, for example, that you have a page element that explains the day's specials. You decide to make it red. You could either name it "special" or ...


  • Bugs, Security, and Other Tweaks

    There were supposed to be only eight parts to this series, but as we started releasing them, Chris and I realized that there was going to need to be a follow-up post to address some of the bug fixes, security patches, and a few other minor changes.

    NOTE: All the changes we're going to cover in this article are already included in the source code.

    Bug Fixes

    After releasing the live app, a handful of bugs showed up in the comments. We tried to address these as quickly as possible to keep the app from causing unnecessary grief for ...


    Security in the JavaScript

    First, a good measure is to “Pack” the javascript so it isn’t so easily readable, as well as downloads faster. There are a lot of tools available to do this, including this one by Dean Edwards.

    Client Side Sanitization

    Secondly, because we are inputting data and turn it around to display immediately on the screen, it’s best to do some of that input scrubbing directly in the JavaScript. When a user enters a new list item, we’ll take two steps to scrub it. First we’ll ensure they aren’t naughtily trying to insert immediately executable JavaScript ...


    Creating an Account

    First and foremost, a user needs to be able to create an account. This will give them access to the rest of the site's functionality.

    As it stands, when a user visits our app, they're greeted with our "sales" page, which encourages them to click the "Sign Up" button in the top right of their screen:

    App home screen The home screen of our app

    Clicking that "Sign Up" button directs the user to /signup.php—our first order of business should probably be to build that page.

    Creating the Sign-Up Form

    In our app's root directory, create a file ...


    A better way to sell ads

    We make you more efficient
    You’re right. Managing your own advertisers and their campaigns is not difficult. But it takes time (and patience). Adding a slick piece of software between you and your advertisers will make both of your lives easier. Your time is better spent growing traffic, creating new content, and curating your community.

    You don’t have to give up control
    Most ad networks make you give up control of your ad space. They have restrictive terms, only allow certain ad sizes, don’t let you approve each ad on your website, and worst of all they ...


    A page element with relative positioning gives you the control to absolutely position children elements inside of it.

    To some, this is obvious. To others, this may be one of those CSS “Ah-ha!” Moments. I remember it being a big deal for me when I first “got it”.

    Here is a visual:

     

    The relative positioning on the parent is the big deal here. Look what would happen if you forgot that:

    Might not look like a big deal in this small example, but it really is a significant change. What is happening is the absolutely positioned elements are positioning themselves ...


    Transparency is one of those weird things that is treated completely differently in all browsers. To cover all your bases, you need four separate CSS statements. Fortunately they don’t interfere with each other really, so using them all every time you wish to add transparency is no big hassle and worry-free. Here they are, and are currently set to 50% transparency:

    .transparent_class {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    }

    UPDATE: I wanted to pull this post out of the archives and update it a bit because it there seems to be a good ...


    Page 1 of 5 1 2 3 4 5 »

    © 2008-2010 KPSOFT INC. KPCMS