background preloader

Web design

Facebook Twitter

Useful Web Typography Tools. Typographic art has become a movement on the web.

Useful Web Typography Tools

We appreciate the efforts of designers who come up with great typographic techniques and tools and share their knowledge with fellow designers. Now it’s time to present a beautiful fresh dose of web typography-related tools. Below is a collection of excellent typography-related tools, with most being geared toward helping you work with CSS typography. 20 Free Fonts Just Perfect for Retro and Vintage Designs. Awww, vintage and retro style designes are simply awesome.

20 Free Fonts Just Perfect for Retro and Vintage Designs

By using various design elements such as textures, patterns and brushes to add an aged or used appearance designers can easily pull of timeless look. Free Books. A lot of people keep asking about a good list of programming books.

Free Books

Hence, we are building this list to save your time and to spread the knowledge. Some of these books will definitely help us to evolve our coding skills and thought processes for developing better solutions. We will do our best to keep updating this list, hope you find this list useful, here we go. Meta-List. Web development tips: Ten (or a few more) files every Web site needs. Introduction There are a few standard files that every Web site should really have, but that most neglect.

Web development tips: Ten (or a few more) files every Web site needs

Most of these are matters of convention, not of technical requirement, but you are doing your site wrong not to provide them. Let users who make a wild guess about what they want to find usually succeed when they guess URLs. This tip discusses each of these standard files briefly. Web fonts with @font-face. Home / CSS3 Previews / Web fonts with @font-face Not exactly a feature which is new to CSS3, @font-face was first proposed for CSS2 and has been implemented in Internet Explorer since version 5!

Web fonts with @font-face

However, their implementation relied on the proprietary Embedded Open Type (.eot) format, and no other browsers decided to use this format. With the release of Safari 3.1, however, website makers can use any licensed TrueType (.ttf) or OpenType (.otf) font in their pages. To use web fonts, each form of the font family must be declared using the @font-face rule; for example, to use both regular and italic forms of Jos Buivenga’s Delicious font, you would put the following in your stylesheet: Then call it using font-family: Users of Safari 3.1 will see this text rendered with the Delicious font, with this part in Delicious Bold. For anyone not viewing in Safari 3.1 – or who doesn’t already have the font installed – here’s a reference image:

CSS3.0 Generator. CSSWARP - CSS Text to Path Generator. 45+ Incredible jQuery Plugins Making Images more Dynamic and Elegant. Images are incredibly important ingredients in web design to make websites user friendly and look nice.

45+ Incredible jQuery Plugins Making Images more Dynamic and Elegant

In addition, it is possible to add image effects using some cool jQuery image effect plugins. It is easier than most people think to use jQuery plugins and the result can be amazing! This article, will introduce you to more than 95 jQuery image effect plugins providing enhancements to how you can display images on your web page. This is essential for creating dynamic state of the art web solutions and jQuery makes it simple and elegant.

You can get jQuery plugins with a lot of different features and effects and I made it simple for you by sorting the plugins I found into six categories. Advertisement Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). Article Index This article is huge… so I decided to organize the many items into some overall jQuery image effect categories. What is jQuery & Why use jQuery? 50+ Online CSS Tools for Web Developers and Designers. For web developers and designers CSS is like a second native language.

50+ Online CSS Tools for Web Developers and Designers

If your not mastering it you’re not able to do what is expected by customers and it will be a to time consuming and frustrating process to place all the page elements in the right spot. In the process of improving CSS skills or simply looking for ways to be more effective tools is always welcome. 40 Online Generators for Web Designers Should Bookmark. Online Generators for Web Designers can be a great way to save time in your web design projects.

40 Online Generators for Web Designers Should Bookmark

High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Online generator are those tools that help us to create those popular “XHTML valid” CSS banners, micro buttons or css website templates in seconds. In such cases online generators can be of great help which do the necessary job and some tools don’t have to be downloaded also.

We all know that backgrounds play a crucial role in a design. Web Designers sometimes spend a lot of time in making pattern or stripe backgrounds and there are also tool to help you out here. Advertisement 1. XML /SWF charts are used to create attractive graphs and charts from XML data, Create a source either manually or generate dynamically then pass it to the XML chart’s flash file. 2. 3. 4. 256 Pixels 5. 80 x 15 brilliant Button Maker 6.

CMS

CommunityMX - tutorials & goodies. Testing.