Some web designers may not have fully knowledge to master CSS, and many of us are good enough with little bit of brushing and designing in PhotoShop. Now, I found a great website, PSD to CSS Online, which provide free service to convert PhotoShop creations into CSS pages online.

Although this tool may not appeal to big shot designer because they know CSS. It will for sure useful for those who know PhotoShop but do not know CSS. Try it out for your very own unique webpage and even template!

http://www.psd2cssonline.com/

If you want to install and set up a dynamic web server with Apache, a lot of applications such as Apache web server, mySQL database, PHP and Perl scripting language, and not to mention important extensions and tools to manage the web server’s applications. It’s not a easy and simple task. But luckily, there is XAMPP from Apache Friends.

XAMPP is a collection of free software applications for installing and using the Apache Web server. There are different combination of applications depending on which XAMPP distributions. Currently there are four type of XAMPP distributions available: XAMPP for Linux (previously known as LAMPP), XAMPP for Windows, XAMPP for Mac OS X, XAMPP for Solaris. Typically, XAMPP is a full featured AMPP (Apache MySQL, PHP, Perl), an Apache distribution that includes the Apache Web server, MySQL database, PHP, Perl, FTP server and phpMyAdmin, with several other important and commonly used extension built-in, such as SSL.

To install and get your web server running, just download XAMPP in your OS flavour, extract it and then just start the web server. The Windows version even comes with a installer version, making life even simpler, making the installation of web server in Windows just a few clicks. You can get all the simple installation instructions at the XAMPP web pages where you download XAMPP. Beside, XAMPP for Windows also offers lite version, where it is the smaller bundle of XAMPP recommendable for a quick work around with PHP and MySQL.

Best of all, XAMPP is free, and so do the package of software applications that come with it.

http://www.apachefriends.org/en/xampp.html.

This extension shows you the raw HTTP headers that a webserver returns. It’s very handy for debugging issues with 404s, redirect, monitoring cookies and so on.

Greasemonkey – tinyurl.com/ynvmda

Greasemonkey is a useful tool that lets you write scripts to modify different websites. It enables you to change the way a website displays and install different scripts to customise HTML pages.

RefreshBlocker – tinyurl.com/2wz2k2

This extension will prevent your browser from following the forwarding specified by the refresh parameter of the META tag element. It can also be handy for debugging.

ShowIP – tinyurl.com/3xj8r5

Show you the IP address of a website and allow you to copy it to the clipboard. It also allows querying custom services by IP (right mouse button) and Hostname (left mouse button), like whois, netcraft. Additionally you can copy the IP address to the clipboard.

PrefBar – http://prefbar.mozdev.org

This allows you to change your user agent. Change it to Googlebot to see exactly how a webserver responds to the Googlebot user agent, or try importing new buttons for extra features.

Google Browser Sync – www.google.com/tools/firefox/browsersync

A great feature that continuously synchronizes your browser settings – including bookmarks, history, persistent cookies, and saved passwords – across your computers. It also allows you to restore open tabs and windows across different machines and browser sessions.

Every now and again designers stumble upon the very same problem: the choice of a unique and beautiful typeface which manages to fulfill three basic tasks. Support the corporate identity, enrich the visual appearance and is compatible with the overall design. However, usually there are simply too many options you can consider, which is why you need time to find the option you are most comfortable with. Although the choice usually depends on clients’ requirements, it is necessary to have some pretty starting points for your font decision.

So which typefaces are “bulletproof”? What fonts can be used effectively in almost every Corporate Design? And what are the options for unique, but still incredibly beautiful typefaces?

We have answers. Over the last few days we’ve browsed through dozens of type foundries, read dozens of designers’ articles about typography, analyzed font rankings and visited bookmarked font-related suggestions. So this post has ‘em all. Well, OK, at least many of them.

Let’s take a look at over 80 gorgeous typefaces for professional design, based upon suggestions from designers and web-developers all over the world. Most screenshots are taken from the foundries and provided specimens – particularly on Veer.com and Fontshop.com.

Classic Typefaces

Classics of typography in a brief overview. You will find even more traditional typefaces on the site 100 Best Fonts, including history, development and related information.

1. Helvetica

2. Helvetica Neue

3. Univers

4. Frutiger

5. Avenir

6. Myriad Pro

7. Neuzeit

8. Syntax

9. Proxima Nova

10. Proxima Sans

11. Glasgow

12. Charlotte Sans

13. Precious Sans

14. Gill Sans

15. Lisboa

16. Franklin Gothic

17. Futura

18. EF TV Nord 1

19. FF Scala

20. Rockwell

21. Eurostile

22. Warnock

23. FF DIN

24. FF Meta

25. Officina

26. FF Dax

27. DF Dynasty

28. Akzidenz-Grotesk

29. AG Book

30. Precious Serif

Further Typefaces

The fonts listed below aren’t so well-known. Thus you can use them for unique corporate identity or user interfaces which are supposed to have a “fresh” look.

31. Locator

ProcessTypeFoundry

32. Seravek

ProcessTypeFoundry

33. FF Kievit

Source

34. Ronnia

Typetogether

35. Stella

Feliciano Type Foundry

36. Le Monde Courrier

Le Monde Courrier, € 167.4 for 2 PCs

37. Parisine PTF

Parisine PTF, € 210 for 8 PCs

38. Freight

Source

39. Guardian

Christian Schwartzl

40. Anomoly

41. PMN Caecilia

42. Leitura

Source / DSType

43. The Mix

Source

44. Stalemate

45. Neo Sans

Source

46. Felbridge

Felbridge, £29.00 per font

47. Trade Gothic

48. Karmina

Typetogether

49. FF Milo

Source: Typographica.org

50. Auto

Source

51. Soho

Source

52. Kepler

Source

53. Depot

Chris Dickinson

54. Relato Sans

Source

55. Priva Pro

DSType

56. Relato Serif

Source

57. Alber

Chris Dickinson

58. Palatino Sans & Informal

Source

59. Fedra Sans

Source

60. Olga

Source

61. Depot

Chris Dickinson

62. Priva Pro

DSType

63. Whitman

Source

64. Productus

Source

65. Tempelhof

Günter Schwarzmaier

66. Amira

Source

67. Krart

Source

68. Tang

Source

69. Dederon Sans

Source

70. Samuels Family

(Images: MyFonts Newsletter)

71. Untitled

Source

72. Greta Text

Source

73. FF Sanuk

74. Houschka

75. Scene

Source

76. Amplitude

Source

77. Insider

Characters.nl

78. Preface

79. Flex

Source

80. Halvorsen

Source

81. Xtra Sans

Source

Foretaste for one of our next posts:
The Future of Typography

82. Obliqua (in development)

Source

83. Muestra Urbana (in development)

Source

84. Wingardium

Source

85. Tauran Regular

Source

86. Mello Sans

Source