45+ Fresh Wordpress Tutorials, Techniques and Hacks
admin 
The growth and popularity of Wordpress continues to spiral to a seemingly endless end. It continually proves itself time time and again that it has very few limitations, and is rapidly pushing itself to being, if not the best, but certainly the most versatile CMS available. Out of the box it is certainly not perfect, but in the hands of the huge WP community, it might just be.
In this article we have collected 45 fresh Wordpress tutorials and techniques, with some hacks, guides and best practices thrown in for good measure. Everyone, not just developers, should take something from this round-up.
Complete Theme Design Tutorials
How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial
Sponsor Flip Wall With jQuery & CSS
Designing and coding a sponsors page is part of the developer’s life (at least the lucky developer’s life, if it is about a personal site of theirs). It, however, follows different rules than those for the other pages of the site. You have to find a way to fit a lot of information and organize it clearly, so that the emphasis is put on your sponsors, and not on other elements of your design.
We are using PHP, CSS and jQuery with the jQuery Flip plug-in, to do just that. The resulting code can be used to showcase your sponsors, clients or portfolio projects as well.
Step 1 – XHTML read more
How to Customize fonts in WordPress blog with CSS3
Fonts type that can be used for Safari, Chrome and Firefox3.1+ are .ttf(True Type Font) and.otf(open type font). Both support the @font-face rule that allows stylesheet to point to a .ttf or .otf on server. IE has little problem with .otf. After declaring the @font-face rule give reference to your required font-family property in your stylesheet as following:
@font-face {
font-family: MEgalopolis Extra; src: url(‘MEgalopolis-Extra.otf');
}
h3 { font-family: MEgalopolis Extra, sans-serif; }
Reference:
@font-face {
font-family: MEgalopolis Extra;
src: url('MEgalopolis-Extra.otf');
}
Example:
MEgalopolis Extra
The drawback of embedding fonts in stylesheet is again licensing and infringement issues which you can handle with the sIFR (Scalable Inman Flash Replacement) method. There is a well explained article on sIFR implementing the core method, you can find it at Mike Industries’s Blog “sIFR 2.0: Rich Accessible Typography for the Masses“.
There are lots of websites where you can find Free and useful resources. read more
Get The Details Of The “Server That Hosts Your Website”: phpSysInfo
phpSysInfo is a PHP script that displays information about the host being accessed. It will displays things like Uptime, CPU, Memory, SCSI, IDE, PCI, Ethernet, Floppy, and Video Information.
The script works on every PHP-enabled website & can display static information, generate XML outputs (which is nice for automated checks) or dynamically update itself.
It is multilingual & includes various ready-to-use themes for customization.
How to create a grid-based layout with jQuery
Grid-based layout is probably the more preferred way to style up a webpage to give it more magazine-like look and feel. This tutorial is about how to use CSS and Javascript to create a fluid grid-based layout (See demo here). The algorithm/procedure used in this tutorial is very simple and straightforward. There are more advanced algorithms out there which can handle multiple scenarios. But the purpose is to understand the basic logic on how to create such layout. You go to this site for details.
9 JavaScript jQuery techniques on Forms, Buttons & Navigation
Making a Google Wave History Slider
Here is shown how to create a Google Wave-like history slider. Using it will enable visitors to go back and forth in time to view the changes that take place on a comment thread.
3 JavaScript jQuery Techniques on Calendars and Timelines
jDigiClock – Digital Clock (HTC Hero inspired)
jDigiClock is a jQuery plugin inspired from HTC Hero Clock Widget.
50 Brilliant CSS3/JavaScript Coding Techniques
This great collection of CSS3 is from SmashingMagazine. Actually some articles already showed many times before, but here is just a roundup. I myself kept them here for later read or use.
CSS3 is coming. Although the browser support of CSS 3 is still very limited, many designers across the globe experiment with new powerful features of the language, using graceful degradation for users with older browsers and using the new possibilites of CSS3 for users with modern browsers. That’s a reasonable solution — after all it doesn’t make sense to avoid learning CSS3 (that will be heavily used in the future) only because these features are not supported yet. The point of this article is to give you a glimpse of what will be possible soon and what you will be using soon and provide you with an opportunity to learn about new CSS3 techniques and features. read more
CSS3实现圆角效果
创建那些完美的小圆角图片，用做适当的CSS背景，是非常费时的工作。现在，使用CSS3，我们可以用它的border-radius属性，通过几行代码来方便地创建圆角。不过这些CSS代码是基于CSS3的，这就意味着只在Firefox，Chrome，Opera等浏览器有效，IE内核的浏览器，包括IE8都不支持。
前缀：
-moz (例如 -moz-border-radius) 用于Firefox
-webkit (例如：-webkit-border-radius) 用于Safari和Chrome
CSS3圆角（所有的）
这是一个5px普通边框和15px边框半径的设置：
#roundCorderC{
font-family: Arial;
border: 5px solid #dedede;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
padding: 15px 25px;
height: inherit;
width: 590px;
}
15 Places to Make Money Creating Your Own Products
Creating your own products used to mean a significant up-front investment — purchasing a minimum amount of the product as dictated by the manufacturer, paying for warehousing, packaging, point-of-sale systems, and other overhead costs. And that was all before you even took a single order! Thankfully, for many types of products, print-on-demand technologies have made it possible for anyone to create and sell goods over the Internet with little or no up-front costs.
Below is a roundup of 15 great print-on-demand sites that will help you create and sell everything from t-shirts to clocks, from books to skateboards, from board games to fabric.
1. CafePress
CafePress is one of the oldest print-on-demand services online and they offer one of the largest catalogs of products on which you can print your logo or designs. From apparel, like t-shirts, sweatshirts, and hats, to calendars, posters, mugs, water bottles, stickers, stuffed animals, buttons, messenger bags, and even clocks, CafePress offers hundreds of different products to sell and its thriving community of users creates over 45,000 new items each day on the site.
read more
Sponsored by
Recent Posts
- 52 Excellent Single Page Sites Inspiring For Designers
- Very Simple & Tiny Lightboxing: Lightbox_me
- 10+ Free HTML5-CSS3 Website Templates
- Bizarre Websites On Which You Can Kill Time With Style
- 40 Beautiful E-Commerce Websites 2010
- gMap – google maps plugin for jquery
- Contextual Slideout Tips With jQuery & CSS3
- TipTip jQuery Plugin
- Showcase Of Beautiful Vertical Navigation Designs
- 45+ Fresh Wordpress Tutorials, Techniques and Hacks
Tag Cloud
Archives
- June 2010 (4)
- May 2010 (1)
- April 2010 (8)
- March 2010 (24)
- February 2010 (10)
- January 2010 (16)
- December 2009 (25)
Blogroll
