“The possibility of embedding any font you like into websites via
@font-face is an additional stylistic device which promises to abolish the monotony of the usual system fonts. It surely would be all too easy if there was only one Web font format out there. Instead, there’s quite a variety, as you will get to know in this article.
This quick introduction to
@font-face will lead you towards a guide through the
@font-face kit generator. If you want to make Web use of your already licensed desktop fonts, read up on how to embed them from your own server. Topped up with some helpful tips, tricks and workarounds, this article will hopefully provide some useful insights.”
Read the full article @ SMASHING MAG.
“Today, I present to you a small handful of informational tidbits which will act as glimpses into the world of a typography enthusiast.
You may not currently think about the impact of a period, types of fonts, or understand why people grumble about Comic Sans, but hopefully after this article, you might.
1. New York Times Nameplate – The Impact of a Period
The period in the New York Times nameplate died on February 21, 1967. Around the time of the removal, they put out a news release claiming that removing the period from the nameplate would save tons of ink every year.
Although the alleged ink savings were beneficial, they were not the original reason for the redesign, theTimes was looking to update it’s appearance and hired Ed Benguiat to make a number of typographical alterations. According to his Wikipedia page, Benguiat has designed over 600 typefaces, including Playboy, Sports Illustrated, and, the original Planet of the Apes film.”
You can find the full article @BUILDINTERNET.
“Addy Osmani shows us how you can create a kick-ass animated Shine Effect with jQuery & CSS3 and then use it to create your very own Shiny Gallery ‘ShineTime’. This effect is useful in making your user interface elements look like they’re a real polaroid photo (or made of glass) and the best part is, it’s not that difficult to achieve.
You’ll also learn today how you can successfully use layering in your designs to give your gallery that extra bit of detail that can make it stand out from the others.”
Requirements: jQuery Framework & CSS3
License: License Free
This article was written by WebAppers.
“Today we will be starting with a new post string where we will be featuring designer portfolios weekly. Today will be the first installation of these posts, but we want to make sure that the showcased portfolios do inspire you. We also want to involve the community in these posts and do highly encourage you to post a link to your portfolio in the comments if you would like it featured on Creativeoverflow in the future.”
Checkout creativeoverflow for all the creative designs.
So you’ve just launched your website. The only thing left now is to start creating content and arranging for some promotion, right? Well, not so fast. You first have to do several things to ensure that your site is set up properly and ready for the public.
Here are a few things you should do right after launching a website (and if you can, do them prior to launching your website publicly).
Create a Sitemap.xml File and a Robots.txt File
What are these files? These files are essential for search engines and other web services. They are two out of the five web files that will improve your site.
The Sitemap.xml file is a standard protocol for listing all the URLs that are contained within your website. It gives web spiders like Googlebot a better understanding of your website’s structure.
If you’re using WordPress, you’re in luck: The only thing you need to do is to install a plugin called Google XML Sitemaps, and it will do all the work for you. This is a valuable WordPress plugin, and is one of six plugins that Six Revisions uses on the site.
If you’re not using WordPress, you can have a look at XML-Sitemaps.com, a simple tool for generating a Sitemap.xml file just by providing your website’s URL.
Read the full article @ SIXREVISIONS.
Even though CSS3 has brought a lot to the table in regards to drop shadow effects, there are still plenty of reasons to use image alternatives. The drop shadows generated by CSS3 are relatively uniform, and don’t deviate much past size and transparency. In some cases, you might want to give a page some extra depth.
I ran into a similar situation in a recent client project, and decided to use a recent trend of warping drop shadows to help add some extra excitement to the page. You might have seen similar effects in other tutorials involving deleting a circular section, but this method will keep the edges from being too sharp. It also allows you to work with non-rectangular shapes because all points are editable in the warp tool’s grid.
Read the full tutorial @ BuildInternet.com
“Font selection for headlines on websites can be critical to achieving the right look and drawing the proper attention with the headlines. Here is a look at more than 50 fonts that will give you some options for creating strong headlines that communicate a message. Some of these fonts you probably already have, some of them can be downloaded for free, and others can be purchased. Each font is linked to a page where it can be downloaded or purchased.”
Written by DesignMag.