Are you looking to widen your choice of web fonts from the standard Arial, Georgia, Verdana etc? Then take a look at
Google Web Fonts.
This is a great directory of over 250 fonts that you can include on your website with just one line of code in your CSS file. You can now even include
Google Web Fonts in Photoshop.
In the past, we've had to either lose the SEO benefit of text on a page, so that the client could keep their designer's specified typeface, or we've had to compromise design for search engine placement. With Google Web Fonts, you can have both!
This post lists the
10 best fonts from the Webfonts directory.
Website errors happen, but why not make the most of them! We've seen some good examples where visitors are given a list of suggested pages they can visit etc, but take a look at this for an alternative:
http://kvartirakrasivo.ru/404/index.php
Using CSS3 has made the implementation of certain design elements a very simple process. Gone are the days of modifying an image to ensure it has a 1px width and then setting it in the CSS as a repeating background image!
A fantastic tool for CSS3 is
CSS3 PIE. CSS3 PIE allows the user to easily create gradients and buttons by simply selecting options and then copying the code to clipboard.
A unique feature of CSS3 PIE is the capability of rendering several CSS3 decoration features in Internet Explorer. As all web developers should know…when developing a website we need to ensure it’s compatible across a range of different browsers.
To ensure compatibility between IE and CSS3, we first need to include the following line of code each time we implement CSS3 in the style sheet.
behavior: url(/PIE.htc);
This file referenced above is
available here and will need to be stored in the relevant location to ensure CSS3 is compatible with Internet Explorer.
Recently whilst developing a new website for a client, a requirement was that the headings on the right hand side of a web page needed to be in uppercase.
Naturally during the development process design decisions can often change at a later date during the project. It would be a time consuming process changing all of the titles back to lowercase should the design change at a later date. This is where the text-transform property comes in handy:
.right-column
{
text-transform: uppercase;
}
Therefore if the headings need to be changed to lowercase, only one line of code will need to be removed from the CSS file, rather than retyping all of the headings in lowercase format.
Firstly a disclaimer...the site we're discussing here was not developed by SearchPath!!
We've recently had a website owner contact us because their site was hacked by a SQL injection - it wasn't much of a surprise when looking at how their site was setup and the lack of security.
We thought it might be a good time to remind people of how crucial website security is, in many respects, from damaging your brand reputation, and in financially damaging your business. If Google finds your site contains malicious code or is redirecting to a malicious site, your site will be blocked by Google, and will disappear from its search results. If you rely on your website for business, just consider how damaging this could be.
We've put together a quick
guide to website security and how SearchPath secures its client sites. For us, security is a given - it is naturally included and taken care of within our build process - why would it be otherwise?!
