Archive for Mayıs 2010

20+ Beautiful Free Serif Fonts

Free Serif Font – As I’ve mentioned, I’m a huge fan of type. So much so, my family and loved ones are pretty sick of font talk by now 🙂 There are tons of fonts out there, and many many good ones that often go overlooked. With the surge of “Coolest Grunge Fonts” post, etc, I wanted to do something different. These are all (in my opinion) beautiful, elegant serif fonts. They are all free, though the licensing are different from font to font, so make sure you check the info page for information. Also want to warn you this is a long post 🙂 But I wanted to have a good preview of each font. Below the preview, you’ll find a link to more info, and to download the font.

Beautiful Free Serif Fonts

30 Extremely Elegant Serif Fonts

A few weeks ago, I showed you a bunch of super sleek fonts to use in your clean designs, but if your looking to establish an classic mood for a design, you may want to choose an elegant serif font. This article presents to you 30 of the best free serif fonts around.

Extremely Elegant Serif Fonts

10 Essential Free Serif Fonts

A few months ago I already posted 15 essential sans serif fonts. Today I decided to show you some of the best free serif fonts. These fonts are all free for commercial use and they’re a must-have for every designer. If you decide to use these fonts in one of your creations, please post them in our Flickr group and share them with the rest of us!

Essential Free Serif Fonts

10 Awesome Free Serif Fonts

This is the second part of a five part series featuring my favorite free fonts for design. This compilation will focus on ten very useful serif fonts. These fonts are perfect for print copy and large headings. Check them out!

Awesome Free Serif Fonts

20 Classy Free Serif Fonts

What is a serif font anyway? To make it short, serifs are semi-structural details on the ends of some of the strokes that make up letters and symbols. You’ll get a feeling these fonts have been here for ages. If you like classy fonts, my selection of 20 free serif fonts is going to be the right thing for you. Enjoy!

20 Beautiful Serif Fonts for Better Designs

Serif fonts are considered the easiest to read because the small strokes (serifs) simply emphasize each separate glyph and make it better recognizable.Serif fonts are not really style specific. You may find grunge serif fonts, comic serif fonts and so on.If you are a serif fan yourself, I am sure you’ll appreciate the collection of 20 free serif fonts I put together.Take a look below .. download and enjoy!

36 Free, High-Quality, Sans Serif Fonts For Your Clean Designs

Every now and again I take a look around to select the best free fonts all over the web (at least I try to do it). In this roundup I’ve collected some great Sans Serif Fonts that could help you in your web (and graphic) projects.

I really like elegance and readability of this kind of fonts when they are used properly and to improve the harmony of the design.Below you’ll find 36 must-have (in my own opinion) High-Quality Free Fonts for making a clean, elegant and (maybe) “serious” web design.

Designing Drop-Down Menus: Examples and Best Practices

Great Examples & Tutorials Of Mega Drop-Down Menu – As a general rule, most Web developers, especially usability enthusiasts, say it is bad practice to use drop-down menus because they are confusing, annoying and oftentimes dysfunctional. From a design standpoint, however, drop-down menus are an excellent feature because they help clean up a busy layout. If structured correctly, drop-down menus can be a great navigation tool, while still being a usable and attractive design feature.Yes, that’s right: drop-down navigation menus can be user-friendly. Just yesterday Jacob Nielsen the results of his recent drop-down menus study, in which he found out that big, two-dimensional drop-down panels that group navigation options help users to avoid scrolling and can precisely explain the user’s choices with effective use of typography, icons, and tooltips.

Mega Drop-Down Menu, Enjoy It Responsibly!

A perfect website is the result of the application of several techniques that come from different fields. The most famous trends in the modern web design are just the perfect combination among rules from design, web usability, user interface design, science behind HTML, CSS and Javascript.A relatively recent trend is the use of mega drop-down navigation menus. They are simple to build and have a great appeal for the users.

Mega Drop-Down Menu

Mega Drop-Down Menus (33 examples)

Mega drop-down menus are characterized by large panels divided into groups of navigation options. By structuring navigation choices through the use of layout, typography, and icons, everything is visible at once which avoids the need to scroll.

examples of Drop-Down Menus

A Trend of Multi Column Mega Drop-down Menus with 30 examples!

The Navigation Menu plays a key role in any website, either it is a drop-down or a simple one. Its ok for small sites with 5 to 6 menu items, you will have more options to present the menu with better navigation by giving good look and feel by taking the latest web trends & usability into consideration.But what if you have a huge portal or a site with lots of content to feature to the visitors of your site? That’s the first and main question comes to every designer and developer before they plan to develop a website. It’s the same case with me – I always dig into different kind of sites like magazine, news, huge portals etc. to find how others are giving better navigation – the different ways/approaches to present the menu by highlighting their key sections/parts of their site.

A Trend of Multi Column Mega Drop-down Menus

Mega Drop Down Menus w/ CSS & jQuery

While in the process of redesigning 4wheelparts.com, I decided to explore new methods of working with our huge number of inventory and categories. I did some research and noticed a new trend for ecommerce sites in having what they call “mega drop down menus”.

Mega Drop Down Menus w/ CSS & jQuery

How to Make a Mega Drop-Down Menu

Mega drop-down menus are not actually new, but more and more we see them on popular websites and blogs. With the ever increasing quantity of content on the web we have to figure out solutions to display content and navigation but still keep everything usable and provide a good user experience. It’s no wonder mega drop-downs are now used more often.Today we’ll take a look at creating a simple HTML site with a horizontal navigation bar where a menu item will have a mega drop-down attached to it. I used jQuery for the drop-down and some CSS3 for the rounded corners.

How to Make a Mega Drop-Down Menu

10 Free Professional PSD Web Templates

Free PSD Web Templates & Web Elements – Not everyone has the time to develop their own web templates in Photoshop, and not everyone can afford to hire a designer. When that happens, most of us turn to looking for free templates. Unfortunately, many free templates aren’t of high quality, and therefore aren’t very useful to learn from, or to use as a website.In this post, we here at CreativeFan have rounded up 10 of the absolute, hands-down best web templates that you can download. There are no weak links here, each template is of incredibly high quality, and if you’re a designer, you might even learn a thing or two.Hope you like the templates, be sure to read the usage policy for each, and have fun!

Free PSD Website Templates

45+ Free Design Template And PSD Files

Here is many useful graphic design files with guidelines, resolutions for better and faster design creation like business card, credit card, icon, document, sticky note, dvd cover, cd cover templates and much much more. I believe in the right hands this collection will become marvelous time saver at least I feel so ever since I found these resources. Why should You create again and again something, that’s already out there?

Free Design Template And PSD Files

150 Best Free PSD Templates (Website)

Best Free PSD Templates

40 Free PSD Website Templates

Starting from scratch on a new web-design project can be tough for the beginner and even the advanced user when the ideas aren’t coming. A quick fix for this can be to start with a template as the foundation. It can be dissected for quick learning and can spark ideas that you may not have thought of. Below are 40 PSD site temps to help guide you through the learning curve or generate some new ideas.

Free PSD Website Templates

50+ High-Quality Free PSD Web Templates

Photoshop is an excellent tool to designing a website. There are no design software as adobe Photoshop in designing a website. Sometimes most reputed designers used to share their creativity to others for free that will become marvelous and a learning source of beginner web designers. Here I I’ve listed 50+ High Quality PSD Web Templates to download.

High-Quality Free PSD Web Templates

The Ultimate Free Web Designer’s Icon Set (750 icons, incl. PSD sources)

There are thousands of free icon sets out there, and every other day we see new sets being released by the design community. In fact, Smashing Magazine has been releasing icon sets for years now, too. But today’s release is particularly important. Over the last 1.5 years, Oliver Twardowski was designing and preparing an “ultimate web designer’s icon set” exclusively for Smashing Magazine and its readers. Today we release the third, final version of the set, an extensive pack with over 750 free icons (48×48px) for designers and Web developers. The .PSD-sources are available for free download as well.

Ultimate Free Web Designer’s Icon Set

Free Portfolio PSD Template from OurTuts

This week OurTuts is offering another Freebie:A free portfolio PSD template for every designer who want to have a website for showing his work.The template has a beautiful orange-gray color scheme and is created using the 960 Grid System.The PSD file has been created in Adobe Photoshop CS3 and is fully editable,layers being organized in relevant groups.

Portfolio PSD Template from OurTuts

Ultimate Collection of Free Buttons in PSD Format

With the several websites emerging in the net, it is often a struggle to find high quality resources that will make your websites stand out and be completely unique. Although, it pays to create your own designs to cater to this need, it is often impractical to do so because of time and resources constraints. Some designers, then, turns to free resources as offered by numerous websites…

 Free Buttons in PSD Format

10 free professional websites templates PSD files

Studying and working on PSD files is a very good way to learn using Photoshop for Web Design. In this article, I have compiled 10 gorgeous, professional and 100% free website templates that you can use and customize to fit your needs.

WEB UI Treasure Chest v 1.0

Say hello to our treasure chest, which contain more than +100 elements for website design. Full PSD layered file, most of files are fully editable. Big part of this files contains elements «you don’t wanna waste time on» like bullets, arrows, scrollers, checkboxes, etc, some typical stuff, but also some lovely elements

WEB UI Treasure Chest

Webdesign pack by *plakkert

Web Form Elements by ~sniperyu

Web Form Elements

Pixel Arrows Pack 01 by ~sizer92

Pixel Arrows Pack


Kategoriler