Hidden Pixels

Ultimate Font and Typography Tools

HPadmin — Sat, 04 Jul 2009 04:45:19 +0000

Here are some best tools for Font selection and Typography enhancement.

Fontstruct

If you love to create fonts with simple editor and want to share with others, then fontstruct is a great tool to create your own type face.

Fontifier lets you use your own handwriting for the text you write on your computer. It turns a scanned sample of your handwriting into a handwriting font that you can use in your word processor or graphics program, just like regular fonts such as Helvetica.

Type chart

Typechart lets you flip through, preview and compare web typography while retrieving the CSS.

Type Tester

The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.

font Tester

Font Tester is a free online font comparison tool. It allows you to easily preview and compare different fonts side by side with various CSS font styles applied to them. It is very useful for web developers who are looking for just the right font/style/color to use in their pages.

flippingtypical

Easily preview and compare different fonts, So it will be useful if you looking for good type face for your design.

suprb CSStype

Web Safe Typography on Screen for Pixel Perfectionists

CSS Type Set

Free Online CSS Generate tool for your font style. easily live preview of font style you apply.

Grid Designer

If you’re familiar with the grid, a bit of design and basic typography, using this script should be pretty easy – most of the functions are pretty self-explanatory.

HTML Ipsum

It is very easy but useful tool for Dummy “Lorem Ipsum” text, there are different format of “Lorem Ipsum” content boxes, you can easily copy it and peats in your code.

PX to EM

Free Online tool to convert PX to EM and get CSS code which is automatic generated based on your selection.

Web-Typography

CSS-Typoset Matrix and CSS code generator

Font Matrix

Matrix of fonts bundled with Mac and Windows operating systems, Microsoft Office and Adobe Creative Suite.

Wordpress Design and Theme Tutorials

HPadmin — Tue, 30 Jun 2009 09:47:26 +0000

Wordpress is very popular software for Blogging and CMS. It is FREE to use but if you want to integrate your own design in wordpress, you need to create wordpress theme or template. It required good knowledge of knowledge of Photoshop, XHTML, CSS and wordpress theme structure.

Here are some good tutorials which teach you how to create wordpress blog design in Photoshop and how to generate Wordpress Template or Theme.

Wordpress Design Tutorials

GreenPress WordPress Theme Design

In this tutorial you will learn how to make a simple and clean wordpress style design in Photoshop, Also the psd is available for download.

Premium Wordpress Theme Design Part 1 – The Photoshop Mock Up

Making a premium Wordpress theme from scratch is an essential skill for designers to learn and will become increasingly important as Wordpress continues to become the web publishing tool of choice. In this two part tutorial will we cover how to make premium Wordpress themes happen. Part 1, covered below, shows how the photoshop mock up is created.

Create an Elegant Photoshop (PSD) Template for Wordpress

This Tutorial will learn how to create an Elegant Wordpress design in PSD.

Wordpress portfolio layout

In this tutorial they’re going to put together a quick, simple but effective layout. This is a portfolio design, but the techniques and strategies used in this design could be applied elsewhere across the Web as well.

Design an Elegant Wordpress Theme

Designing this Wordpress theme from scratch with Photoshop.

Wordpress Mockup Layout

Designing this Wordpress theme from scratch with Photoshop.

Wordpress Theme Creation Tutorials

Premium Wordpress Theme Design – Part 2 – HTML + CSS + Wordpress Theme Files

This time you’ll learn how to slice the design and convert it into XHTML + CSS, then they’ll show you how to use the css files to mock-up a Wordpress template

How to Create a Wordpress Theme from Scratch

This tutorial will look at taking a HTML/CSS template and turning it into a functioning WordPress theme.

Building Custom WordPress Theme

In this tutorial, They will explain the basics of how WordPress theme works and show you how to convert a static HTML template into a theme. No PHP skill is required, but you need Photoshop and CSS skills to create your own design.

Converting PSD to Wordpress Theme

They’ll be building a minimalist Wordpress theme from a Photoshop mock up. they’ll start from scratch, so we can really understand how themes work within Wordpress, and what a real life workflow looks like.

Creating a WordPress Theme from a .PSD – 5 Tutorials

PSD to CSS to Wordpress PT.2

Hello welcome to part #2 of the “mywordpress” tutorial, today were going to be converting our PSD file into a working CSS template ready for when we convert it over to wordpress.

PSD to CSS to Wordpress PT.3

Hello welcome to part 3 of the PSD to CSS to WORDPRESS tutoral, in this part of the tutorial we’ll be converting our CSS template into a working wordpress theme. You can download the theme for free using the button below you can also down all 3 tutorials in PDF format.

Good PSD to Wordpress Service Providers

PSD to ANY – Pricing Starts from $200
ThemeSlice – Pricing Starts from $320
W3 MARKUP – Pricing Starts from $508
PSD2HTML – Pricing Starts from $354
PSD to WP – Pricing Starts from $400
WPfromPSD – Pricing Starts from $400

jQuery Scripts and Plugins – Extra Ordinary

HPadmin — Fri, 26 Jun 2009 09:36:25 +0000

Here is collection of exiting and useful jQuery Scripts and Plugins.

jQuery Page Peel plugin

Everybody know about Page Peel Effect using Flash and Javascript here is Page Peel Plugin using jQuery.

Jcrop – jQuery Image Cropping Plugin

Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.

Drop Shadows Effect using jQuery

Apply Dropshadow effect to fonts, inputbox, images and Block tags using jQuery.

Masked Input Plugin

This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc). It has been tested on Internet Explorer 6/7, Firefox 1.5/2/3, Safari, Opera, and Chrome.

jQuery: Background-Position Animation Plugin

This plug in is for background image animation.

Horizontal Scroll Menu with jQuery with Tutorial

Good tutorial for Horizontal Scroll Menu with jQuery.

jQuery Infinite Carousel

Add an infinite carousel on your site, the easy way.

jQuery Seek

This plugin allows you to seek and highlight with a customizable animation div a set of elements on the page.

jQuery Captify Plugin

Captify is a plugin for jQuery written by Brian Reavis to display simple, pretty image captions that appear on rollover. It has been tested on Firefox, Chrome, Safari, and the wretched Internet Explorer. Captify was inspired by ImageCaptions, another jQuery plugin for displaying captions like these.

Add a favicon near external links with jQuery

External links should always be marked distinctly in order to see them easily, this plugin create link using the favicon.ico of the external site.

jQuery’d Bread Crumb – jBreadCrumb

This collapsible breadcrumb was developed to deal with deeply nested, verbosely named pages. Rather than limit the amount of elements shown on the sever side, we decided to go with a client side solution for usability and SEO reasons. It also turned out nice to look at and fun to play with.

jQuery Spotlight

jQuery Spotlight is a jQuery plugin which allows you to highlight elements in your page using a ’spotlight’ effect. This plugin is highly customizable and requires no external css or images.

Excellent Flash Sites Worth to Wait till Load

HPadmin — Wed, 24 Jun 2009 12:44:24 +0000

Here are some Extra Ordinary Flash websites, It is more than a Just website, It is a phenomenal use of Flash, Videos, 3D animations, Graphics and Sounds. Yaah it may take time to load but it is worth. All sites are so creative and unique that you love to surf it. So don’t miss it…

Lacostered

See the new England football kit from Umbro and how it brings together the traditional values of classic tailoring with modern fabric technology and a revolutionary design philosophy.

Come in to The Closet, Let’s Dance

Promoting IKER’s Wardrobe solutions, Let’s dance allow users to control all the movements on the site by sound and music. So change songs, upload your own music, play on your keyboard or sing into the microphone.

Kenda Perez

The Online home of models/Personality Kenda Rae Perez, host of the “The Best of Pride Fighting Championship”

UNIQLO PARKA STYLE 1000 | TOKYO FASHION MAP

They choose 1000 perople at random and coordinated their clothes with UNIQLO parkas on the spot of Tokyo.

Labuat

Interactive music video clip that allow you to draw the music you’re listing using a brush that reacts to the music and the lyrics.

GE Ecomagination

GE unveils the 20st century method of electrical transmission.

Rule The Stars

Align the starts into any shape you like and draw magical constellations of your own creation.

Control 10

Complete 10 challenging levels to prove you have control of your senses and surrounded before you can ultimately control the Lancer Evaluation IQ.

DIESEL: Only The Brave

The new fragrance from Diesel. Website beats performance by some of the world’s leading graphic artists.

Fascinating Egyptian Mummies

An immersive experience promoting a new exhibition about Egyptian Mummies help at the Musee de la civilization in Quebec City Canada.

The Egg Republic

The Egg Republic is a New York based agency that specializes in 3D, Web, Brand and Print Design.

Creators of Emotion

Innovative recruitment site for Ubisoft, showing their creators of emotions (employees). Hidden content can be found throughout the site.

Honda Green Machine

What is Green Machine? Honda is now preparing to make their vehicles in to green machines.

N.A.W.L.Z.

An Interactive, toy like framing fredo viota’s music and visual work. Traditional rectangular videos are joined by circular ad hexagonal which can be tuned.

The ECO Zoo

The Eco Zoo Take a close look at the animals, you might find tips to live in a more environmentally friendly way.

Little Big Planet

To celebrate the launch of Little Big Planet. Sackboy is a generator to showcase the unprecedented customization in the game.

50+ Creative Typography

HPadmin — Sat, 20 Jun 2009 12:03:32 +0000

Typography is an Art, It is very important for every Designer to learn good Typography, Here are some collection of extra ordinary typography portfolio of extra ordinary designers.

Hard to Read Typography

This is a selection of some of Simon Page’s “typography is everything” series which fit in the category of hard to read. Over the last couple of months he has produced a number of designs which he has made difficult to read on purpose and He like to think they try to push the boundaries of typography.

More Images…

Daniel Gordon’s Typography

More Images…

Rodrigo Francisco’s Typefunkography

More Images…

Type as Image

Type as Image is a collection of typographic experiments where the words are treated as images that speak about their own meaning.

More Images…

Celebrate with Packt as We Turn 5

HPadmin — Fri, 19 Jun 2009 07:52:43 +0000

Five years ago, Packt published its first book, Mastering phpMyAdmin for Effective MySQL Management. In the years that followed, Packt has published over 200 books on many different subjects and technologies.

We think it’s important to take the time to celebrate and thank the people who have made this possible. Therefore as our way of saying thank you for your support over the last five years, we have decided that over the next few weeks, Packt will be offering new and existing customers’ five exclusive offers.

The PEAR Installer Manifesto is one of the eBooks that we are offering to our readers. This book shows users the power of this code management and deployment system to revolutionize their PHP application development.

To download a free PDF copy of this book, simply visit http://www.packtpub.com/account and login to your account, or create one if you don’t already have one, and scroll down to your download area. Here you will see a link to the eBook, which you can download as many times as you like. In addition to this book, you can also download other eBooks on various technologies for free.

You can find more information on this offer by visiting http://www.packtpub.com/article/celebrate-with-us-as-packt-turns-5

Best of Wordpress Hosting Providers

HPadmin — Tue, 16 Jun 2009 04:27:39 +0000

Are your thinking about to start your own Blog? And bit confused about which hosting provider you need to select specially for wordpress hosting? Here are list of some best hosting providers for Wordpress Hosting.

WPWebHost

WPWebHost is specialize in hosting WordPress-powered websites. With their WordPress-optimized server & WordPress-savvy team, their best hosting price is $5/month with 50GBs of web space, 500GBs of monthly bandwidth, Host up to 50 domain names and many more features…

Web Hosting Pad

Web Hosting Pad has confident in our products and services. They provide a fast, reliable and comprehensive service that we believe. Their prices are $4.95/month for 1 year, 2.75/month for 2 Year, $1.99/month for 3 Year with Unlimited Disk Space, Unlimited Monthly Bandwidth, Free Domain Name, Free Site Builder, Host Unlimited additional Domains and more…

Just Host

Just Host are dedicated to providing their customers with the most reliable web hosting service possible. Affordable price plans, secure servers, first class 24/7 technical support and a wide range of features make hosting your website with Just Host the obvious choice. Their Prices starts from $3.95/month with Unlimited GB’s of Space, Unlimited GB’s of Transfer, Unlimited Domain Hosting, Unlimited MySQL Databases and many more…

BlueHost

BlueHost has been providing hosting solutions to thousands of business and personal web sites since 1996. Their Prices are $6.95/month with UNLIMITED Hosting Space, UNLIMITED File Transfer, Host UNLIMITED Domains, Free Domain Forever! and many more…

Host Monster

HostMonster has been providing hosting solutions to thousands of business and personal web sites since 1996. Their Prices are $5.95/month with UNLIMITED Hosting Space, UNLIMITED File Transfer, Host UNLIMITED Domains, Free Domain Forever! and many more…

Host Gator

Host Gator provides Shared, Reseller and Dedicated web hosting solutions. All of their shared plans include a 99.9% uptime guarantee, 24/7 support and a 45-day money back guarantee, Hosting starts from $4.95/month with UNLIMITED Disk Space, UNLIMITED Bandwidth, MySQL, SSH, SSL, IMAP, POP and many more…

SiteGround

SiteGround is the preferred choice for hosting personal and small business websites. Our high quality service includes fast and reliable servers, professional and friendly staff, multiple free tools, and a feature-rich hosting package. And all this provided at an unbeatable price!, Hosting starts from $5.95/month with FREE domain name, UNLIMITED Disk Space, UNLIMITED Bandwidth, 24/7 top customer care and many more…

WestHost

WestHost has been an affordable Web hosting provider since 1998, Hosting starts from $8.95/month with 25GB Web Space, 500GB Bandwidth, 1000 Email Accounts, many more…

Create a Fully Featured Online Store with New Magento book

HPadmin — Thu, 11 Jun 2009 08:38:19 +0000

Magento: Beginners Guide is a new book from Packt that walks users through building an online store using the Magento open-source e-commerce solution. Written by William Rice, Magento Beginners Guide focuses on the key features of Magento to setup a unique online store and customize its appearance with the help of examples.

Magento is the world’s most evolved e-commerce solution and runs on the Apache/MySQL/PHP platform. From one installation, users can control multiple storefronts, all sharing customer and product information. Magento’s templates and themes enable users to customize the look and feel of their store, even optimizing it for mobile phones. Extensions enable them to connect Magento to a large number of payment gateways and shipping services.

This book follows a step-by-step approach teaching users to install and configure Magento, and add products to their online catalog. To help customers navigate their online store, the reader will learn to create categories and attributes to build their catalog of products and enhance it with descriptions, images, and inventory information.

Users will be able to present and sell products in groups and sets, and can offer discounts based on quantities along with accepting payments using PayPal, credit cards, and checks/money orders while offering a variety of shipping options. Along with connecting to shippers such as UPS, FedEx, and USPS they will learn to apply sales tax rules to different shipping addresses and different types of products, thus creating customized shipping rates.

Magento: Beginners Guide is published by Packt and is out now. For more information, please visit http://www.packtpub.com/magento-beginners-guide/book

Top Quality Wordpres Themes for FREE

HPadmin — Tue, 09 Jun 2009 06:26:04 +0000

Here are some Top Quality Free Wordpress Themes from WB4D – Web for Designers.

BlackPower Theme

This is our very latest theme from SkinPress. This theme is totally widget ready, completely cross browser tested. A two column theme in a Black Wood effect and pastel colours on a translucent background.

BlueDiamond wp theme

A two column theme with a nice featured post feature in grey-blues and blue coloured backgrounds and foregrounds, with web2.0 style using lots of gradients and 3 dimensional effects.

Irresistible Wordpress Theme

Irresistible is a visually-rich personal blog, with a little bit of a multimedia focus. Incorporating some nifty video-options and widgets, Irresistible should meet all of your personal blogging needs. Just add your content to the mix.

Vector Flower Theme

This theme is compatible with WordPress 2.7.1, ready for threaded comments come with WP 2.7, and tested on various major web browsers. For better usability the widely used function PageNavi is integrated in this theme.

Pixeled Wordpress Theme

It features a standard 2-3 column layout and sports the following goodies: dropdown top menu for categories; customizable feedburner field on top right (optional – requires feedburner ID); widgets all around (6 positions); footer navigation and a sweet, transparent look. It’s also an Adsense ready WordPress theme – the divisions are all made to fit standard ad formats.

Magazeen: Free Wordpress Theme

Magazeen — a free advanced Wordpress-theme in a magazine-llok created by the talented WeFunction Design Agency. This bold magazine 2-col-theme was designed with the main focus being on typography, grids and magazine-look. It was created especially for Smashing Magazine and its readers.

Magaling Wordpress Theme

WP CODA Theme

WP CODA is a theme created by modifying several already-existing code snippets and implementing them with custom design. The result is a wordpress theme that mimics the functionality of the very popular Coda website that is the object of so many developers envy.

Absynthe Wordpress Theme

Absynthe is a dark, mysterious theme that utilizes natural textures and surfaces to create a feeling of depth and high contrast. Absynthe utilizes a fully-widgetized sidebar and also has a unique Last.fm footer and Twitter widget design.

Portfolio Wordpress Codex

The Theme is a starting point in the creation of portfolios, using Wordpress as CMS. In this short tutorial are the guidelines of the design, the Codex de Wordpress used, where are explained the Custom Write Panel created to edit the content, and the adaptation to the Coda Slider Effect script, create by jQuery for Designers, and can be modified depending on what the user needs.

WildDreams Wordpress Theme

WildDreams. The theme has a wild feel and is based on 2 columns. The psd source file of the logo and header background has also been included with the package. Feel free to change the logo and header with yours.

WP Fholio Theme

Theme for Wordpress, it’s free and Open Source. WP Fholio it’s very simple and also very poweful at the same time

FREEmium theme

FREEmium theme was designed by Paul Kadysz and developed by Dariusz Siedlecki. Both guys did excellent job. It should look good on Safari, FF 3.0x, Opera. Not sure about IE6 – but you can never be sure about this one.

PSD to HTML Slicing Tutorials

HPadmin — Tue, 02 Jun 2009 10:13:03 +0000

IF you are a Web Designer then you should know how to slice PSD file that you create in Photoshop. Here are some very good tutorials to learn how to slice you PSD layout into HTML and CSS.

From PSD to HTML, Building a Set of Website Designs Step by Step

This tutorial entire take you process of getting from Photoshop to Completed HTML.

Creating a CSS Layout from scratch

This guide will attempt to take you step by step, through the process of creating a fully functioning CSS layout.

Build a Sleek Portfolio Site from Scratch

In this tutorial they’re going to take that PSD file and build it with some nice clean HTML and CSS.

Converting a Design From PSD to HTML

Step by Step PSD to HTML and CSS Tutorial.

Slice and Dice that PSD

In this video tutorial, wthey’ll be slicing up a PSD, dicing it for the web, and serving it on a warm hot plate.

Coding Your 1st PSD Tutorial

Learn how to code your PSD file into HTML, CSS

How to Convert a PSD to XHTML

Screencast that shows you exactly how to convert a PSD into perfect XHTML/CSS using JavaScript

Tutorial:Coding a Layout

This tutorial should help you learn how to analyze either a new template, or even your current layout to find the best way to code it.

Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous

In this tutorial, we will use the Prototype and Scriptaculous libraries to create a lightweight, intelligent accordion.

3 Simple Steps in Coding a Rounded Corners Layout

Very simple steps to create a Rounded Corners Layout.

Converting a Photoshop Mockup

In this video podcast will see conversion process of an Adobe Photoshop mockup of a website, into a real live CSS based website.

From PSD to CSS/HTML in Easy Steps

This is the 4 part series on how to take a PSD file and convert it into a fully CSS based html page.

CSS Template Tutorial

Another Step by Step PSD to HTML Tutorial.