subscribe

You can update this text in your control panel, under Theme Options. Nam massa. Ut tempor augue non sapien lobortis aliquam. Maecenas.

Tag: 20

20 Best Wordpress Typography Plugins To Enhance Readability

Friday, October 23rd, 2009

WordPress has pretty decent typography features in the core installation. But there are plenty of areas ripe for improvement. That’s where the plugins below come in.

wordpress typography plugin
Credit: Image background by fabianohikaru

Whether you just want more control over how the basic text on your site shows up or you want to do something a bit more advanced, there’s surely a plugin available to help. There are plugins to better handle things like hyphens and long URLS, plugins to replace text with images (whether in headlines or to avoid censorship), and plugins to let you add print-centric elements, like drop caps and pull quotes, to your posts.

Be sure to check out our previous post on Dynamic Image Replacement for more useful WordPress typography plugins and here are some Wordpress related plugins we’ve previously published:

Full list after jump.

Wordpress Plugins For Better Readability

  • TTFTitles

    The TTFTitles plugin is another dynamic text replacement plugin that lets you replace your headers with images using any TrueType font you choose. It’s mostly a rework of the Image Headlines plugin. It has been tested with WP 1.5.2 up through 2.7.

  • DRF2WP EN

    DRF2WP EN is a font replacement plugin that allows you to replace any font on your WP site with a dynamically generated image that uses any TrueType or OpenType font you want. The source code remains in-tact, which means your site won’t take a hit with search engines. The plugin works with WP 2.5 up to 2.8.4.

  • Drop Caps

    The Drop Caps plugin lets you add a customized drop cap to each of your posts and pages (or even comments and other excerpts), similar to what’s commonly done in print publications. It can also be used to create other types of initials. The plugin has been tested with WP 2.3 up through 2.7.1.

  • WP Typography

    The WP Typography plugin adds a number of typography features to your blog. It includes hyphenation, spacing control, forced internal wrapping of long URLs, intelligent character placement, smart handling of quotes and other characters, and CSS hooks for styling ampersands, acronyms, and other special characters. It works with WP 2.7 up through 2.8.4.

  • Simple Pull Quote

    The Simple Pull Quote plugin lets you insert pull quotes into your blog posts to emphasize certain sentences or phrases using custom fields. Pull quotes can be styled by editing the included CSS file. It works with WP 2.7 or 2.8.

  • jQuery Font Resizer

    jQuery Font Resizer is a plugin that improves the usability and accessibility of your blog. It adds three links to each page to allow visitors to resize the type on that particular page. It’s a great option to make your site more user-friendly to visitors who want a larger or smaller type than standard. It’s known to work with WP version 2.0.2 up through 2.7.

  • WP-Syntax

    WP-Syntax is another syntax highlighter that uses GeSHi. It gives you the option to highlight with or without line numbers and maintains formatting when you copy snippets. WP-Syntax is compatible with WP 2.0 up through 2.8.

  • Google Syntax Highlighter for WordPress

    The Google Syntax Highlighter for WordPress lets the original Google Syntax Highlighter that was developed by Alex Gorbatchev work within WP. It’s a completely client-side highlighter, supports multiple languages (including Ruby, Python, PHP, JavaScript, XML, HTML, Delphi, CSS, C++ and more), and is very lightweight. It’s known to be compatible with version 2.0.0 through 2.2.2.

  • WP-Syntax Colorizer

    WP-Syntax Colorizer is a simple plugin for colorizing code snippets within your blog posts when run alongside WP-Syntax. WP-Syntax Colorizer has been tested with WP 2.0 up through 2.5.

  • CodeColorer

    CodeColorer adds syntax highlighting to code snippets placed on your blog. It’s a great plugin to use if you frequently post code snippets, such as on a web design or development blog. It works with version 2.7 up through 2.8.4.

  • TextImage

    The TextImage plugin replaces all the text in a post with a PNG image. It’s a good plugin to use if you wnat to block search engines from seeing your content or otherwise fly under the radar. It also gets around most automated filtering that certain countries use to censor internet content. It’s been tested with WP 2.1 up through 2.7.1.

  • Censortive

    Censortive helps you get around automated censorship by replacing certain words with images of the word instead of text. You define which words you want to be replaced and Censortive does the rest. It’s a great plugin for getting around a lot of censorship without blocking your content from search engines. It’s been tested with WP 2.0.2 up through 2.3.

  • Title Style

    Title Style gives you additional formatting options for your post titles. It can be used to wrap lowercase words or words like “the”, “a”, or “of” in em, span, or other elements. It’s compatible with WP 2.0.0 up through 2.8.4.

  • PS Disable Auto Formatting

    PS Disable Auto Formatting prevents WordPress from applying its own auto formatting functions to your posts and pages. It prevents WP from stripping out tags when you’re editing in the HTML editor and has a positive impact on the way the visual editor formats your posts, too. It’s known to be compatible with WP 2.5 up through 2.8.3.

  • Post Typographer

    Post Typographer plugin adds a number of typography improvements to your posts automatically. It changes dashes with spaces around them to em-dashes, transforms hyphens without spaces to n-dashes, and turns spaces after particular words into non-breaking spaces, among other features. It’s been tested with WP 2.5 up through 2.8.3.

  • Author Intro for Post

    Author Intro for Post plugin adds an author intro to the beginning of each post based on the author’s name and bio information. It’s been tested with WP versions 2.0.2 through 2.7.

  • WP-Footnotes

    WP-Footnotes makes it simple to add footnotes to your posts. Usage is incredibly easy and only requires you to use double-parentheses around your footnote. It does the rest. It’s compatible with WP versions 2.0 through 2.6.

Plugins for Admins

Here are a couple of admin plugins that can help you improve your site’s typography by giving you more editing options in the backend of your site.

  • WP Super Edit

    WP Super Edit adds a host of WYSIWYG options to the standard WP visual editor. It adds two full rows of additional features to your visual editor toolbar, including options for applying specific styles and for adding and formatting tables. It’s known to work with version 2.8 and 2.8.1.

  • Real WYSIWYG Plugin

    The Real WYSIWYG Plugin adds a WYSIWYG editor that actually shows you the page layout of your post within the visual editor. It makes it easier to see how your line breaks, images, and other elements will actually fit on your page.

  • Text Control

    Text Control gives you additional options for formatting posts on your WP site according to a variety of different syntaxes and encoding options, including Textile 1, Textile 2, and Markdown. It’s compatible with WP 1.5 and higher.

About AuthorCameron Chapman is a professional Web and graphic designer with over 7 years of experience. She writes for a number of blogs, including her own, Cameron Chapman On Writing. She’s also the author of Internet Famous: A Practical Guide to Becoming an Online Celebrity.

20+ Car Pimping and Tuning Photoshop Tutorials

Thursday, September 24th, 2009

We’ve seen how Photoshop has been extensively used in areas like web designing and beauty photo retouching. In today’s post, we bring you into another stretch where Photoshop also rules and dominates – the modding and sketching of rides.

This following article is dedicated to car lovers, forumites who use car photos as signatures, web designers or anyone who fascinates nice rides. We search the Internet and here we put forward some of the best Photoshop tutorials with techniques on how to mod a car. Full list after jump.

Colors Manipulation

Chrome your car
Gives your car body that chrome effect. Works better with black default.

chrome

Color Tweak The Ferrari
This tutorial make use of an additional mask and give your car a color change on the fly by applying different color blending options.

ferrari white

How to make Car Advertisement Mock-ups
Get your car air brushed with any color, or design. But before that, Thomas Baekdal suggest you give it the right base color.

car ads

Add Flaming Decals to a Modern Car Design
This tutorial will explain the steps needed to turn this boring Prius into an awesome street racer.

flaming decals

Body and Parts Enhancements

Porsche digital rendering photoshop tutorial
How to render a low quality digital car photo into a high quality output.

porsche digital rendering

Give your car a little wood
Here is one way to take a simple texture and apply it to a shaped object like a car and have it appear to follow the body contours.

wood mini

Create a stempunk golden car

steampunk golden car

Create a real life "Cars"
How to create a real CARS of your own cars.

cars

Change rims on a car

change rims

Vanity License Plate
How to create a custom vanity license plate using a few basic Photoshop tools a piece of reference material and some creative layer stylings.

vanity plate

Car Enhancement with Digimods

Folks at Digimods have a comprehensive list of Photoshop tutorials covers almost everything you will want to mod on a ride. From adding a bad boy bonnet, carbon fibre bonet to lowering the car, changing the wheels and much more!

digimods

Freehand and Sketching

Concept car sketch Photoshop Tutorial
This tutorial describes how to render this car with paths, and finishes the paints with later masks and filters.

concept car sketch

Drawing a Car Lineart in Photoshop
Draw the lineart of this Mclaren F1 using paths. You are required to have some experience in using Photoshop’s Pen tool to be able to draw this car in detail.

Drawing a Car Lineart

Photoshop Rendering
Photoshop rendering in Photoshop by Emre Husmen, a 20 year old Turkish design student, also the 2004 Peugeot Design Contest finalist.

benz rendering

Rapid Development Sketching
"In this tutorial it is assumed that you already have a design theme worked out and know roughly what your car will look like. Ideally you would be working over a photo of a clay or screenshot of an alias model. I have chosen a supercar to show the methods used here because the forms are exaggerated and it is easier to see how they are being rendered." Miles Waterhouse

miles waterhouse rapid sketch

Vector Car Tutorial
This tutorial guides you through creating a vector toon based Veilside’s Fortune RX7 from scratch.

rx7 vector

Dramatic Effects

Create a truck coming from a flame
Create a Acura commercials simmilar effect where a truck came out from the flame.

flaming truck

Super Slick Lighting Effects
Learn how to combine photos and brush strokes to give a car photo slick dusky lighting effects.

super slick lightning effects

How To Create An Amazing Car Illustration
How to create a fierce car illustraton making use of different type of brushes.

fierce red car

Create a Smoky Car Crashing Shot
"We have another tutorial this week in which we will learn some menus of blur filter, which will help us create smoke effect. We will also cover up some brush technique too to make this smoke effect."

car crash smoke

Video Tutorials

Photoshop Car Tuning – 65 videos and 3 how-to articles to learn all about Photoshop car tuning, by wonderhowto.com
wonderhowto

YouTube – Tons of great video tutorials are hidden within YouTube. We attempt to pull out some of the best for you, sorted by view count.
youtube car tuts

By: Web 2.0 Portfolio Website Tutorial with PSD Source | X Design Blog

Saturday, August 15th, 2009

[...] Free Bloopress Wordpress Theme Design Tutorial with Source (PSD/xHTML/CSS/Wordpress) Let’s start you have your website built and coded… [...]