@font-face Generator: Embedding Any Font Face on your Web Page

Why Use Embedded Fonts?

Because a font is an operating system resource, not a browser resource. If you have an unusual font installed on your PC, it’s easy to design a website and include that font. You can see it because the font is installed on your operating system. But if your visitors don’t have it installed too, their browsers will display their default font instead.

From a page designer’s perspective, this is a big weakness. You want pages to display like you intend, but can’t control an individual browser’s display . No matter how carefully you lay out your page with a particular font, you’re at the mercy of the user’s browser when the page is displayed.

That’s where @font-face Generator come in: with them, you don’t have to worry about browsers defaulting to a more common font. Instead, your font downloads along with the page. This generator is really useful and indeed works really great. Try it for yourself..

You can also download bunch of fonts here

@font-face Generator: Embedding Any Font Face on your Web Page

Debugging a website could be a tedious job. A uncomplicated web site may well contain a few web sites and would be much easier to maintain and debug, but with greater size comes complexity, that is what makes debugging a exasperating encounter. Is your internet site fully functional and tested without having blunders? If not, and you may have damaged back links or sections of your web page that bring about problems it can be necessary that you tackle these problems instantly!

Not only will it look unprofessional for you personally from your customers’ perspectives, but mistakes inside of your web page can detrimentally affect your search engine rankings. This really is especially prevalent with Google. Google seems to have little tolerance for internet sites with errors where pages, photos or links really don’t load, and we have seen web sites which are ranking inside the top 10 speedily shed positioning and almost vanish from search engine final results.

If the web site problems are due to net pages not loading where by they are linked accurately, you must take a examine the world wide web hosting organization that you are working with in case:
Their server is too slow for your website;
Are their servers at capacity for the amount of sites hosted on their servers?
Or are their world wide web servers unstable and go down quite often.

Regardless of what the purpose; ask your internet internet hosting organization what they are doing about it. If they do not fix the problem easily, then come across a new net internet hosting company
! -don’t accept excuses where they are not going to correct the difficulty within a timely manner- You will discover a great deal of hosting firms around, so there’s no purpose why you must settle for poor top quality.

Although cost isn’t usually indicative of whether or not an internet internet hosting firm is going to produce a top quality service -we have observed costly web internet hosting firms provide low excellent hosting services, and low expense companies produce high good quality service-, don’t select a cheap net internet hosting company since you believe you could possibly save a few hundred dollars a year. If your internet site has consistent setbacks, and you also shed positioning from the search engines then it’ll cost your business quite a bit more than a few hundred dollars a year.

What do you must do to discover out in case your web site has errors?
Manually examine your site by having a number of various users navigate via it. Make confident all backlinks function accurately, and that all images are displaying where they must be.
Examine your net statistics reports to discover out if any errors are showing. In case you will not have these types of reports for your web site, change internet hosting providers straight away!

Action by step guide for debugging a web site:

1. Be confident to edit the right document.

Test to view in the event the webpage you happen to be looking at inside the web browser is the same document you’re modifying in Notepad or your HTML editor. It’s effortless to get confused when you are working with many copies of the same file.

For example, most webmasters with slow Internet connections frequently prefer to create modifications offline and keep a duplicate imitate of their Internet website on their personal PC. It can be quicker to update the web page offline. So they function to the native duplicate, save it, and then take a look at the alterations on-line.

But they occasionally leave out a person crucial phase: sending the changed document for the server. The on the internet duplicate hasn’t transformed a bit due to the fact the webmaster forgot to upload the modified file! The file open inside internet browser isn’t the identical file that has modified.

Note: you must generally possess a backup duplicate of your website regardless of what kind of connection you’ve!

2. Beware of your internet browser cache

If you are sure that you’re editing the right page, but your modifications still don’t show up inside your internet browser, then you might possess a caching dilemma.

The solution is often as uncomplicated as closing your web browser and reopening it simply because the browser cache isn’t functioning properly. Normally, the cache is your friend: it decreases website page download time by saving downloaded files and loading the community copies when the browser requests them again. That means fewer requests to the server.

Theoretically, a “hard refresh” (press the shift key as you reload the web page) in Explorer and Netscape tells the web browser to request the web page from the source (either the server or your local imitate) instead of loading the cached backup.

That is the theory, but in reality you occasionally just must shut the web browser window entirely and reopen it to view the transformed file.

3. Write clean HTML code

Before you get your hands dirty seeking to debug troubles, run HTML Toolbox over your website page to create confident you really don’t have any coding blunders. Clean HTML code isn’t guaranteed to solve your problem, but it can be a important stage.

But if your document is free of HTML coding mistakes, then the issue may be within your Cascading Fashion Sheets (CSS) or JavaScript code. Review them both for errors and browser display troubles. And keep in mind, at times your code, CSS, and JavaScript are all correct but the basic difficulty is web browser support! Use Internet browser Photo to determine how your page looks in various browser versions and operating systems. Should you locate a exhibit issue in a very single browser, verify to determine when the internet browser truly supports the style technique you employed.

For instance, Opera does not allow you to make use of CSS to create dynamic form fields and WebTV has incredibly limited JavaScript assistance. Should you do not realize that browsers show web sites differently at times, chances are you’ll waste plenty of time looking to debug your websites when actually there’s nothing you are able to do except use a unique strategy.

It is comforting to know that you just didn’t cause the dilemma – but frustrating to realize that you simply can’t correct it either!

4. Take it one particular step at a time.

The subscription model of HTML Toolbox will identify and repair coding problems, then give you a corrected imitate in the website page that you can take a look at and add to your own server. But if you’re employing the trial model, Toolbox just finds the problems for you personally. You’ve to resolve them your self.

One trouble with fixing mistakes by hand is that you simply usually introduce new blunders even though wanting to figure out the original problem.

To avoid this trap always make one particular alter at a time. It is maddening to spend hours making extensive corrections to a page, only to have it look worse than when you started. Comply with these steps:
Take the first error flagged by Toolbox and repair it.
Conserve the file.
Test your website page (don’t forget Stage One particular in this article!)!!

Sometimes, fixing a person error takes care of multiple problems. That’s mainly because a single error like not closing a tag effectively can cascade via the rest of your code. The software might read the rest in the code improperly and assume the whole thing is messed up – when in fact the only trouble is that you simply just forgot to shut a quotation mark or bracket on a single tag.

Make adjustments 1 at a time and it’s a lot less difficult to evaluate the outcomes and repair problems.

5. Pay attention to server-side issues.

You could possibly be making use of server-side technologies that only deliver the results when the webpage is on the live server.

Here’s a short list:

Server-side Includes: These will not seem on your community machine since they’re a server-side technology. You’ve got to upload your web pages to take a look at them.
Database Functions: If you’re running a dynamic World-wide-web internet site and creating websites around the fly from database queries, then you might need to upload the webpages on the server ahead of testing them. That depends on how you’ve got your local system fixed up, but but if your Web host is supplying the database or shopping cart software, chances are you need to design on the internet!
FrontPage Forms: FrontPage makes it simple to course of action forms without having bothering with CGI script installation, database setup, etc. On the other hand, you have to have FrontPage extensions installed to the server before the kinds will course of action and exhibit correctly.FrontPage usually warns you when the website page “contains elements that have to be published prior to they display effectively.” That is your cue to add the website page prior to you even begin trying to debug it.

6. Use an HTTP Sniffer

The http sniffers like HTTP Debugger Pro may substantially improve your web site debugging encounter.

Some typical problems located in web sites are:

Invalid HTML
Damaged Hyperlinks
Missing meta tags
JavaScript mistakes
HTML Problems:

Our internet web sites are produced with a variety of “word processing” language named HTML – Hyper Text Markup Language. This language is made up of tags which say how the web document need to seem. For instance, to generate daring text, you would use this HTML:

<b>bold text</b>

Everything between the commence and end tags <b> and </b> would appear in bold text. As with any language, you’ll find rules, plus the guidelines for HTML are fixed by an organization termed World Wide Net Consortium (W3C). They use a test you’ll be able to run to view but if your websites meet their requirements. In case you pass, your pages have valid HTML.
How HTML blunders occur:

Problems in HTML might be caused by a lot of things. Here are the most frequent causes of problems:
Failure to specify the version of HTML becoming used. This really is a really typical dilemma. The first line of HTML in a web webpage should indicate the document kind. It really is crucial to specify this mainly because world-wide-web browsers try to adapt to your version of HTML being employed, and if that unknown (or incorrectly fixed), a web page may well look entirely diverse depending on the internet browser currently being utilised.

Net document editors can produce invalid HTML. This has improved inside the last handful of years, but some applications just don’t adhere to the requirements. The worst offender is Microsoft FrontPage. It inserts all kinds of junk that shouldn’t be there. Dreamweaver, yet another well-liked editor, does pretty well now, though older versions had some difficulties. NVU is another a person that does a good job. And of course, you are able to write your own HTML from scratch. We write mostly from scratch around here, mainly because it gives us total control over the HTML.
Sloppy modifying is a different trigger of problems. Leaving out info, failure to close or nest tags properly, and careless mistakes can wreak havoc on an internet document. Regrettably, a lot of Content material Management System (CMS) applications have problems from the HTML they produce, probably since plenty of unique people today perform about the programming, and numerous programmers do not know the best way to make valid HTML
How you can uncover HTML errors:

Validation mistakes could be identified working with the W3C Markup Validation Service. It will tell you, in fairly technical terms, what troubles it observed with your web website page. Another way of discovering these mistakes would be to use a Firefox plugin called Total Validator. This tool is nice simply because it gives one-click access on the validation tests, as well as the results are shown within the context of the website page so you’ll be able to see precisely where by the issues are. They also possess a web-based validation instrument which gives much more options, such as spell checking and screen shots.

HTML Validation:

Validation helps to ensure your internet website page seems suitable, regardless of what web browser is getting utilised.
Search engines can view and understand the document written content. Some errors might prevent your content from becoming read by the search engines like google.
Pages are far more accessible to men and women with disabilities.
Damaged Backlinks:

Nothing annoys your visitors like a damaged url. It really is very necessary that all of your web pages in a website should operate appropriately and should be accessible. It truly is bad when a visitor clicks on the hyperlink and gets an error document or something other than what was expected. If you have a back links page or make frequent additions and deletions on your site, you need to check out for broken links on a regular basis.
How inbound links get broken:

Broken links can happen for a selection of reasons:

An internet document on your internet site is moved or deleted.
An online document on somebody else’s website is moved or deleted.
An internet internet site ceases to exist (a frequent occurence)!
A typo or incorrect capitalization in the URL deal with.

Damaged inbound links are effortless to fix – they must be updated or removed.
The best way to deal with damaged inbound links:
Try to locate an updated link – In the event the backlink is on your website, contact your webmaster for a repair. If the link is to a specific website page on an additional web web page, attempt visiting just the domain name part of the address. For instance, if the website link goes to www.somesite.com/somepage.html, making an attempt proceeding to just www.somesite.com – perhaps you are able to discover the original details in a brand new spot. In the event you find it, send the new website link to your webmaster.
Uncover a replacement hyperlink – The net is a very transient spot, with internet sites coming and heading all the time. You’ll be able to generally look for for a web page offering one thing similar and replace the old with the new.

Damaged inbound links can also be treated by utilizing any of your following tools:

1. W3C Backlink Checker – This software will test a single webpage of one’s internet internet site. Merely enter the world-wide-web tackle (URL) of the page you need to check out, as well as the checker will visit the document and verify each hyperlink within the page, such as hyperlinks to internet webpages, other web web sites, photographs, fashion sheets and anything else linked inside the document. If you want to verify much more than 1 document on your site, arranged the recursion depth, which specifies how numerous pages deep the hyperlink checker need to go into the web page. A setting of 2 or 3 really should be sufficient to test every website page of your site.

2. Google Webmaster Tools – If you’ve arranged up a webmaster account with Google, you’ve got access to a bunch of reports about your site, 1 of which is really a “broken links” report. This covers your entire website, so it could be a very valuable monitoring device. From your dashboard, click in your web internet site url, then Diagnostics, then Internet Crawl, then Not Identified to discover the broken hyperlinks report. If you’ve a back links webpage on your site, you should test this report frequently.

3. Install a Hyperlink Checker – We use a program termed WebTester – it does the same checking as Google, but it’s installed in your world-wide-web internet site and you’ll be able to run it as usually as you please. All it requires is the capability to run PHP in your web site.

@font-face Generator: Embedding Any Font Face on your Web Page

10 Top Programming Trends for 2010

More Control over Flash Apps

Anyone that knows a little bit of SEO will surely tell you that Flash is not a search engine’s best friend. Often, Flash sites and applications are built in one big compiled block, impenetrable to any indexing script or web spider. Hence their low ranking on all search engine results pages.

While this limited Flash in the past, in recent years, Flash CMS (content management systems) have been under constant development to help regular users and developers alike in building modular websites, with lots of SEO-friendly content.

This is also possible because of the ever more present interaction between ActionScript and other scripting languages. There are many scripts and AS3 classes out there especially built to facilitate the interaction between JavaScript and Flash. Doing so, it indirectly provides access between the Flash app and other content on the web; here including the search crawlers as well. Not being offered anymore in a single block of binary data, Flash websites are moving away from niche and brand sectors and into a category of deep and searchable content authoring tools.
Flash applications will evolve with the release of Adobe Flash Player 10
Enlarge picture

Besides some successful programs like FlashMoto CMS, SILEX, fCMSPro, FlashNuke, XOT Flash CMS and others, Flash in general has some big events coming up this year too. Already released in a beta version, Adobe Flash Player 10.1 has included NVIDIA support, delivering enhanced rich Web content to NVIDIA GPU owners.

Alongside NVIDIA support, Flash 10 will also bring support for multi-touch and mobile devices, expanding its horizons to more than the average PCs.

Aside from Flash Player, another beta version of a piece of software revolving around Flash has sparked some genuine interest in the world of Flash developers as well. Adobe AIR 2.0 will surely capitalize on the success of its predecessor, AIR 1, with a much hyped release. The newer version will bring some exciting features such as API for accessing microphone raw data, HTML5 support, CSS3 support, global error handling, very much improved cross-platform printing, UDP support, secure sockets, socket listening capabilities, mass storage device detection, native code integration, multi-touch and gesture support, the ability to open a file with its native program, etc.

HTML5 & CSS3 Tutorials Will Flood the Web

While an official date for HTML5 or CSS3 hasn’t been announced, developers have already jumped on the available standard drafts, and are constantly pouring tutorials and articles about the soon to be released languages.

HTML coders and slicers should be more than happy this year, with lots of tutorials and tips & tricks articles being published on any respectable tutorial-content website network. Actually, I think I’m one of those editors that couldn’t wait for the official version and got ahead of myself in this article here.

These newer versions of HTML and CSS will be better adopted and accepted much faster compared to the fiasco with the previous release of ActionScript 3, which saw many programmers stick to AS2 because of hard to read documentation and the lack of online tutorials. The Internet is full of them now, but at the time of AS3′s release, they were kind of scarce, denting the success and features of AS3.

Compared to the huge mass of HTML5 and CSS3 tutorials currently available on major search engines, we surely are in a better position to transition to the new standard pretty fast.

Touch Technology

As mentioned above, touch technology has been on the rise since the iPhone made it available outside security departments and high-tech gadgets. Now, it is the number one topic of development and integration at Microsoft, but the Redmond-based giant is not the only one leading the way on this wave. Through Flash10, Adobe has joined the current alongside Apple, Microsoft and Google.

Look no further than a couple of years when this will be standard in any newly released hardware gadget or software.

Do-it-yourself Applications

eople with no programming knowledge that use “coded” products generally do not want to know how their product basically works. This is why WYSIWYG editors, CMSs and GUIs have been so successful. These do-it-yourself (DIY) applications will continue to grow, expand and conquer new markets, changing the way general purpose applications need not only to be operated, but built.

These days, programmers have not only to bullet-proof a website against hackers and virus attacks, they have to also “dumb it down” for their administrators and users. While frameworks basically build other applications, CMS have entered the common day-to-day vocabulary, being considered a must in any coding project.

People want to build their own website, create their own blogs, put together their own form validation process, manage their own user pool, create and administrate their own ad campaigns, and the list goes on. For an application to have success in 2010, it must allow the user to do everything and not depend on any company support or complicated FAQ page. In other words, programmers should not alienate form the KISS rules and the proper success will follow. If you don’t believe me, just take a look at the most successful tools out there: WordPress, Joomla, Drupal, Coppermine, LimeSurvey, XOOPS, etc.

Ruby Closing the Gap on PHP

While PHP was still dominant  on the Elance Online Work Index, that didn’t mean anything on the quality and performances of the two scripting languages. While PHP owes its #1 spot to its widely spread community, Ruby has managed to go under the radar and insert itself through various Ruby-powered platforms like Rails and Sinatra on very big and popular websites.

Currently, if someone is tempted to build a social network, any big consulting agency will recommend using Ruby as its code base. Just take a look at some sites running Ruby these days and see how much it has spread, shadowing PHP in performance and code re-usability. Some examples of sites running Ruby code are: Twitter, Google, Justin.TV, YellowPages, Scribd, Hulu, Github, BaseCamp, Jobster, CrunchBase, Identi.ca, Shopify, Urban Dictionary, Lighthouse, XING, Campfire, Odeo, iLike and many more.

Also, besides Ruby, look out for Python and other scripting languages to emerge from the pack and bite from PHP’s market share.

More JavaScript, AJAX and Flash than Ever

Imagination levels are at an all-time high on the web. The ones to blame for this aren’t designers, project managers or art directors. The guilty ones are only code developers. While earlier versions of JavaScript, AJAX and Flash were doing some basic animations (move slow or fast from here to here), these days, the same languages have become standards in the hiring process. What do I mean by that? Well, if a developer or designer wants to get a job, they must know all of them, or at least have a clue of what they can do.

With the rise of JavaScript libraries like jQuery, MooTools, YUI, Dojo, Prototype and many more, developers were given a tool not only to write faster and more intelligible JS code, but powerful tools to go after the user interactivity and design that only Flash applications were providing. With a plugin database as big as Joomla‘s module repositories, jQuery is surely the leader of the pack, influencing every part of the web. Its success is so great that, recently, W3Schools, a very famous tutorial website for learning programming and scripting languages has included a course for learning jQuery, something it did not do in the past for other similar JS libraries.

At the same pace with jQuery, AJAX has been keeping up with the rhythm of modern day designs, being more and more used to animate and load remote and local content. Just check out the AJAX-based scripts indexed on Softpedia or other resources like Ajax Rain, Solutoire, MiniAjax, AjaxDaddy and DZone Snippets.

Online Work Gets More Profitable

We have already talked about this trend in Part I of this editorial, and wanted to advise all the developers and programmers still reading this editorial to take advantage of the recent trend in companies and businesses around the world that choose to give freelancers more work opportunities on their projects hoping to achieve lower total costs in code developing. We recommend online work marketplaces like Jobster, Guru, Elance, Rent-A-Coder, ODesk, GetAFreelancer and much more.

Cloud Computing

The 2009 success of this topic has been built mainly on the quality provided by companies like Amazon, RackSpace and GoGrid. While it still has its naysayers, cloud computing seems to have at least slid a foot in the door for later discussions.

Silverlight Continues Growth

Still not as known and used as Flash, Silverlight has been quietly building a user base by slowly getting itself installed on as many computers as possible. While the biggest web user of Silverlight (besides Microsoft sites) remains NBC, developers taking a look into Silverlight apps have been praising it for its fast development pace.

Personally, I think it artificially considered the stage of evolution it’s in. Also, I heard many opinions on the web from much more Silverlight and Flash knowledgeable personas stating that Microsoft’s Flash-clone had surpassed Adobe’s product in many areas, while still implementing new features at a rapid pace. Even so, Silverlight has a long way to go, being still behind Adobe in terms of reachability.

.NET 4

Microsoft’s new product will be released alongside Visual Studio 2010 in the coming months, but the buzz surrounding the event is getting as big in the programming world as the Windows 7 release had on regular PC users.

With the new versions of these products come fresh features like after install ready-to-use ASP.NET MVC, inclusion of F# in the .NET Framework, C# and VB.NET feature improvements, Visual Studio 2010 to fully support all of .NET 4 environments, and much more.

From Softpedia.com