How To Link to a Specific Spot on a Page

How To Link to a Specific Spot on a Page

Want to give your website visitors a shortcut to a specific spot on a page? Or maybe add a link back to the top so they can get back to your navigation menu or any other area within the page? Targeting within a page is really easy and there's 2 ways to do this, here's how.

The XHTML Compliant Way to Link Within a Page

If you don't know what XHTML compliant means, don't worry it just means that it will help your pages validate as XHTML Strict, the old way won't pass. This method is just as easy as the older link jump and when you continue getting better at designing you will probably be glad you did it this way in the first place (no messy editing later).

1) Name the Target
Choose the exact spot you want to send your link to, choose and element near it (a div, header tag, paragraph.. whatever as long as it's in the right spot), add id="something", you can call them anything you like as long as the names are the same in the link and the target ID and preferably no spaces (spaces change to %20 in the address bar and look a tad messy).

An example would look like this:
<div id="whatever-you-want-to-call-it">
The content of your div here.
</div>

2) Link To Your Anchor Target
To link to your anchor simply use:
<a href="#whatever-you-want-to-call-it">Link Text Here</a>

or if it's on another page:
<a href="pagename.html#whatever-you-want-to-call-it">Link Text Here</a>

The Old Way

This way of jumping to a spot within a page is not as good an idea for a few reasons. The "name" attribute has been depreciated for XHTML, and using tags you already have on your page like <h1>, <p> or any other places you can add id's will leave you less clutter on your page. (ie, you can use them for css styles, javascript and a lot more. And yup, if you happen to already have a something styled on your page using ID, linking to it works just fine.)

With that said, just in case for some reason you want to try the other way, here it is. As with the linking method above, you can call it anything you'd like, try not to use spaces though (they look rather messy in an address bar).

1) Naming the Target
Choose a spot on the page you want to link to and make an anchor by making a link mostly as usual but instead of "href" add "name" inside it.

Here's an example:
<a name="whatever-you-want-to-call-it">something here so you don't have an empty tag</a>

2) Linking to your new jump spot
This step is the same as above:
<a href="#whatever-you-want-to-call-it">Link Text Here</a>

See, either way you choose to link within the page it's fast, easy and can be very helpful to your visitors.

<< More H

Read More

Tips To Speed up Your Website

While more and more people are getting access to high speed internet, there are many left on dial up. Be kind to those visitors and do a few, simple things to speed up your webpages. Not only will these tips give you a faster load time, most will also help keep your bandwidth fees low as well!

Use CSS For Faster Pages

Even if you decide to use tables, CSS can greatly improve your web sites load time! With your styles in an external .css file, the browser can cache all the formatting and stylizing for your pages instead of having to read each and every single tag all over again. Also it cuts down on long drawn out tags and replaces them with smaller class styles instead.

Use External Scripts

Use the same script on multiple pages? Switch to an external script. I'm not talking about remotely hosted, I mean loading javascript files from one source instead of adding all that code to each of your pages like this:

<script type="text/javascript" src="yourscript.js"></script>

That way the browser already has it in it's cache and won't have to read it each time another page loads. This one saves a ton of load time, specially for larger scripts!

Remove Anything You Don't Really Need

OK, while this might sound obvious sometimes the hardest thing about creating a website isnot using every fancy trick that you know. Images, flash and sometimes even sound files are very impressive.. but do you really need to showcase all your talents on one page?

Embedded sound files are something many people just find annoying anyway. You'd be surprised how many are surfing at work ;-). The last thing anyone wants is a loud music or sounds announcing to their boss that they're surfing. Also many people have their own music playing... hearing a song over top of what we're listening to is less than pleasant. As for Java applets, try to ditch them or if you want those effects, JavaScript unusually loads faster and can do just as much or more. Stand back and take a critical look at your website, you may see a few special effects that can be let go of for the sake of faster load time.

Avoid Nested Tables

OK, I'm not a big fan of using tables for layout anyway (I'm one of those people that believes content and presentation should be separate.. but thats another tip page). With that said, if in your templates tables seem necessary (or the easier way to do it), try to avoid nesting. Why? When you place a table inside another table, it takes a lot longer for the browser to work out the spacing since it has to wait to read the entire html and then work out the layout. If at all possible, try using CSS to create the columns on your page.

Avoid Full Page Tables for Faster Rendering

If you use tables, try avoiding the whole page being one big table. The browser won't show anything until it's read the whole thing that way. For a faster loading webpage, either try multiple tables (not nested) or having stuff above the main table to make your content in the first table show up faster. That way your visitors will have something to read while the rest of your page loads. It may not really make you page faster, but it will feel like it to your visitors.

Split Up Long Pages - Multiple Short Pages Load Faster

By splitting up long pages into multiple pages you not only make the content show up faster but many people that see a very long scroll bar give up. Remember, people's attention spans are often shorter than a grasshoppers (OK, not literally, but you get my point) since so much information is available at our fingertips. Try breaking it up into more readable lengths.

Remove Excess "Whitespace"

Whitespace is the spaces between your coding, removing the unneeded tabs and spaces can help a lot! Doing this will take a lot of extra bytes off the total size of your page and will speed up load time quite a bit. (Careful using automatic squishers, I find they often squish too much and makes it rather hard to edit later.)

Keep Your Code Clean

If you do use a wysiwyg editor, most times the will add useless code to your pages for example, many will leave empty tags (ie. <font> </font>). Removing any of those excess tags will not only speed up your load time, but make you pages validate a lot cleaner.

Speed up Images Load Time

Don't Go Overboard On Images

While images can greatly enhance the look of a site they can really slow it down if there are too many. Try to decide if all your images are really needed (quite a few nice effects can be done with css, so sometimes images are unneeded.)

Height And Width Tags

When the page loads and the image size is already defined (ie. you've used the height and width tags), the browser knows where everything will be before the images are loaded. Otherwise the page has to wait and load the images before the text. Same goes for tables, so try to use width tags when possible on those as well for a speedier page.

Faster Images? Reduce Their File Size

There are many totally free, online image optimizers so you don't even have to install anything and it's extremely easy! Online Image Optimizer will greatly reduce the file size of your gif, jpg, or pngs and neither you or your visitors will be able to see the difference other than a page that loads a heck of a lot faster. They also keep the transparency and animations in gifs!

GIF vs JPG vs PNG

Personally on new sites I design I tend to go for optimized pngs. They have lossless compression (jpgs are lossy) and can be used without worry (gifs have the potential to have copyright issues) and load fast when optimized. Jpgs however are usually better for photos and sometimes highly detailed images. The best idea is really to try the image you want in different formats and compare file size to quality.

Here's a bit of fast info... If you don't need sharp resolution, choose PNGs or GIFs over JPEGs, as PNGs and GIFs generally load quicker. JPGs are generally best for photos, PNGs or GIFs for anything else.

Read More

Barracuda Networks / Great Candidates / 2010 or 09 or 08 batch BE BTech

We are glad to inform 2008/2009/2010 batch candidates regarding opportunities with Barracuda Networks. 

- Are you an engineering stud who is one of the few who loves Networking, Security and takes to programming the way fish take to water? 
- Does research and product development in the world of Network Security, Firewalls & Malware Prevention excites you? 

If so, then you have a chance to be with the Pioneers. In silicon valley, the world leaders in security and networking find Barracuda Networks to be THE place to work at. 

About the company:
Barracuda Networks Inc. built its reputation as the worldwide leader in content security appliances by offering easy to use and affordable products that protect organizations from email, Web and IM threats. Barracuda Networks has leveraged its success in the security market to offer networking products that improve application delivery and network access as well as world-class solutions for message archiving, backup and data protection.

Coca-Cola, FedEx, Harvard University, IBM, L'Oreal, and Europcar are amongst the more than 85,000 organizations protecting their networks with Barracuda Networks’ solutions.


Eligibility:
- BE/BTech (CS/IT/EC etc) or MCA from 2008/2009/2010 batch .
- High pH Score 
Salary:
Not a constraint for the right guy.
Candidates from leading product companies or from top colleges are encouraged to apply


To Apply:
Visit http://www.elitmus.com/jobs/31310

Read More

Mcafee / Bangalore / 5 lakhs / 2010 batch / Immediate joining

McAfee is hiring freshers for their Bangalore location !

The company needs no introduction being the largest dedicated security company in the world, has been a leader in this space for past 20 years, has been granted more than 250 patents till date.
Eligibility:

- BE/BTech from 2010 Batch (CS/IT/EC Preferred)
- High pH Score
- A minimum of 70% in degree

Process to apply:
Visit www.elitmus.com/jobs/31272

Read More

US-Tech-Freshers opening - 2009/ 2010 ENGINEERING GRADUATES

RECRUITMENT DRIVE FOR 2009/ 2010 ENGINEERING GRADUATES

Designation: Software Engineer ILP 

JO # 16181 

Band & Grade:  A1

Eligibility Criteria:

1)  Educational qualification: 

·         B. Tech / B. E (Any Stream)

·         M. Tech / ME (Any Stream)

·         M. SC [Computer Science / Information Technology / Computer Technology only]

·         MCA

2)  Year of Graduation:  2009 /2010 ONLY.

3) Minimum score: 60% in the qualifying examination (should have a valid Degree certificate).

4) Recruitment drives will be conducted at:

·         Trivandrum

·         Kochi

·         Chennai

Exact venue and other information will be announced in a Newsflash later, based on the number of candidates, facilities and related resources.

Last date for referring resumes is February 11, 2011 before 6:00 PM IST.

Important

·         All resumes will be pre screened by the Global Campus Relationship Team.

·         Shortlisted candidates will receive a confirmation email from UST Global. Only shortlisted candidates will be invited for the recruitment drive.

·         If selected, candidates should be prepared to join the company immediately.

Important information for USsociates:

·         Referral bonus is not applicable for this opening.

Please send your referral resumes to Fresher.Referral2011@ust-global.com

Guidelines to send referral profiles:

·         Open a fresh email.

·         Attach the resume of the candidate to be referred.

·         Please follow the below format for the subject line.

        

        For e.g.: 2009 David R Trivandrum          

For enquiries, please mail to: Fresher.Referral2011@ust-global.com. 

Read More

Looking for Permanent Position on .NET(3.5/3.0)-PERMANENT POSITION -CHENNAI

Our Client is looking for exceptionally talented Professionals with the following Technologies:
Want you to respond Immediately for the post of
• .NET(3.5/3.0)DEVELOPER-PERMANENT POSITION-4YRS TO 8 YRS-CHENNAI
“SATURDAY INTERVIEW-URGENT REQUIREMENT”
Skills Mandatory:
• .NET(3.5/3.0)
• WCF/WPF
• SIVERLIGHT

1. Candidate should be working in .NET DEVELOPER Projects till date.
2. Should be able to relocate to CHENNAI
3. Notice period is Max 15days.
4. PERMANENT position
5. Manufacturing experience is not taken.

Skill : .NET (3.5/3.0)DEVELOPER
Work Location : CHENNI
Position : PERMANENT position
Mode of interview : Face to Face or telephonic
Total yrs of exp : 0.6 months to 7 yrs

Please Forward your updated profile with the below details :

Relevant Exp:
Total Exp:
Current CTC:
Expected CTC:
Notice period:
Current location:
Interested candidates are requested to send the updated resumes very soon.

Note: Please forward only if the requirement matches you tolawrence@qsourceglobal.com.

Regards,
Lawrence
Human Resources
QSource Global Consulting
| www.qsourceglobal.com| Phone –91-891-2721355
#45-57-17/2, Narasimha Nagar, Raitu Bazaar Road, Visakhapatanam- 530024

Read More

WAMP SERVER FOR PHP WindowsXP

CLICK HERE TO DOWNLOAD

Read More

About Money

Read More

About Sleep

Read More

About Time

Read More

Quotes

The past is behind, learn from it.
The future is ahead, prepare for it.
The present is here, live it :-)

Read More

Friends

Frindship is like a mark on a stone
"which can never b erased"
But when sum1 tries 2 rub a stone&erase it
The fire produced can burn any1

Read More

Wife SMS

You know why women starts with 'W'...
because all questions start with "W".. !
Who ?
Why ?
What?
When?
Which?
Whom?
Where?
&
Finally Wife...

Read More

Fresher IT On Off Campus Interview Tips

1. Practice written test questions available on internet. Talk to the final yr students who have attended on-campus recruitment recently ( BMSCE, BMSIT, SIT, SSIT, SJCE, PESIT, PESCE, GOGTE, BVB, BNMIT, DR AIT, RVCE etc.. many other colleges ) and understand and prepare for similar kind of questions.

Below are few popular questions asked by any IT company!

2. For personal interview ( Tech round ), please have basic/good knowledge of C programming(practisc popular C prgams like fibonacci, Palindrome, prime numbers etc.. etc.. ). And, mainly your core subjects as well. ( for ex : if u r from Mechanical branch, u should be good in your core subjects, whatever it is )

3. For personal interview ( MR/HRround ) - visit the company website and know more abt the company and prepare for questions like 

a. Tell me what u know abt our company

b. Why u want to join our company and why should our company recruit you.

c. Where do u see urself in IT industry after 5 or 10 yrs

d. Are you ok to work in any cities in india? ( answer should always be yes )

4. Practice more on how you communicate or speak English. Let it be a cool understandable way of communication and show that you are keen to learn new things and open to any technology.

Useful For Fresher Interview, IT Fresher Interview Tips, IT On campus interview tips, IT Off campus interview tips, Fresher Interview Tips

Read More

Requirements for Freshers 2009 2010 B.Sc B.E/B.Tech,BCA

looking for B.E/B.Tech, B C A and B.Sc (comp) graduates with good communication skills and easily understanding capability. Minimum aggregate should be 50%

Location :Bangalore 

Education :

UG - Any Graduate - Any Specialization,Graduation Not Required
PG - Any PG Course - Any Specialization,Post Graduation Not Required

Industry Type :

IT-Software/ Software Services

Functional Area :

Application Programming, Database Management 

Fast growing Software Company with more number of clients. And Handling different projects on different Technologies

Send your Cv's to 
mail Address: limrajobs(at)yahoo.com

Read More

2010 batch Off Campus Hiring for IT Services

Eligibility Criteria :
· 2010 batch BE / B.Tech / ME / M.Tech / MCA / M.Sc (CS / IT) candidates only
· Consistent academic record of minimum 60% in X, XII, UG and PG (if applicable) with no standing arrears
· Good interpersonal, analytical and communication (both written and verbal) skills
· Candidates with degrees through correspondence/ part-time courses are not eligible to apply
· Candidates who have appeared for the Cognizant recruitment process in the last 9 months are not eligible
· Open only to Indian nationals

Interested candidates can log onto https://careers.cognizant.com and provide their details under the "Freshers" link. If they have already applied and waiting for the hall ticket, they do not have to register again. 

Show them the road to an exceptional career in the IT sector

Read More