guoshuang reader

所有我感兴趣的资料，webdesign,webdev,linux,etc.Enjoy。

Noupe (10 未读)

Flex Developer’s Toolbox : Free Components, Themes and Tutorials

提交: December 1, 2008, 11:59pm CST 由 Noupe

Tags: [编辑]
One important goal of flex components, is to help the community see how you can merge the best of what flex gives you (productivity, development process, consistent component model) with the best of what people have been doing in flash for years (rich, highly interactive, fluid, etc).

Adobe Flex is the tool of choice for many web developers when it comes to building Rich Internet Applications (RIAs). Developers are picking up Flex with great speed. One of the reasons for this is that Flex programming is relatively easy to learn if you’re already familiar with XHTML.

Flex applications can be developed to run on user’s desktop. Now you can develop and launch an application that runs in a web browser and as a desktop application. Deploying an application to a user’s desktop with Adobe AIR is easy, users just need to install the AIR runtime and your RIA on their machine.

In today’s post we provide you with some essential Flex resources - Flex components, Flex Skins & Themes, Online Flex Apps, Flex Frameworks and Flex Tutorials.

What is FLEX? 1. Tour de Flex

Tour de Flex is a desktop application for exploring Flex capabilities and resources, including the core Flex components, Adobe AIR and data integration, as well as a variety of third-party components, effects, skins, and more.

Tour de Flex has three primary purposes:
- Provide non-Flex developers with a good overview of what is possible in Flex in a “look and see” environment
- Provide Flex developers with an illustrated reference tool
- Provide commercial and non-commercial Flex developers a place to showcase their work
2. Flex
Flex is a highly productive, free open source framework for building and maintaining expressive web applications that deploy consistently on all major browsers, desktops, and operating systems.
- View live Flex apps
- Download Flex
FLEX Componenets 3. AlivePDF

AlivePDF is an open-source ActionScript 3 (Flash, Flex, AIR) PDF generation library. It allows you to generate PDF’s on the client-side. You can use AlivePDF with Flash, Flex and Adobe AIR applications. Some sample codes can be found here.
- You can download files here.
- Check out the demos here.
- You will find a nice tutorial here.
4. Deft-fully using Dojo and Flex

Deft “focuses on ActionScript components created in support of the various projects within the Dojo Toolkit (mostly for DojoX). Deft source files are well organized based in part on the organization of other Dojo Toolkit projects, as well as the package structure required by the Flex compiler. Most Flex applications are based on the Flex AS3 Application class, which forces you to write at least one “controlling” MXML file in order compile your code. Instead of this, Deft components inherit primarily from the Sprite class — which allows you to write pure ActionScript code.”
- You can download Dojo nightly build here.
- Let’s look at one of the latest projects in Deft here.
5. Fisheye Component

“The Fisheye component is based around the concept of itemRenderer factories, just like the flex list and charting components. The goal is to use composition to separate behavior from content, so you can reuse the basic fisheye effect across many different applications and uses.”
- Download files here.
- Demo1 here, Demo2 here
6. FlexBook

FlexBook can act as a container, allowing the developer to flip through its children components, FlexBook can be driven by a list of data and an itemRenderer, like a List control or DataGrid, FlexBook Supports a wide variety of configuration options. Play with some of them here, FlexBook supports full transparency on its pages.
- FlexBook as a container.
- FlexBook as a List
- FlexBook with the Landscape Zoomer
7. DisplayShelf Component

“The DisplayShelf component demonstrates using a number of flex and flash concepts to provide a rich, templatable control to display a faux-3d view of a list of items. Its behavior is similar to the CoverFlow visualization added to iTunes in version 7.”
- Demo can be found here.
- Download files
8. DualSlider

Allows you to scroll two thumbs together on a Slidebar using a scrollbar between both thumbs.
- Demo can be found here
- Download files
9. 3D Chart in Flex

“3D Charts allow display of multiple attributes of a given data in the same graph. 2D charts are already available in Flex. With same data, a 3D graph can be displayed. The graph can be rotated around in 360 degrees by dragging mouse on the screen. Its perspective can also be increased/decreased by using Mouse Wheel.”
- Demo can be found here
- Download files
10. Adobe AutoComplete Input

“The AutoComplete control is an enhanced TextInput control which pops up a list of suggestions to the user based on the characters entered. These suggestions are to be provided by setting the dataProvider property of the control.”
- Demo can be found here
- Download files
11. Adobe Docking ToolBar

“The docking toolbar component collectively helps managing toolbars in an application. The toolbars can be docked to the top or bottom edges or kept floating within application area. The contents within a toolbar use a flow based layout approach.”
- Demo can be found here
- Download files
12. Social Graph Browser with Favicons

A nice looking Flex application that visualizes the Social Graph API. This is a graph front end to the Google Social Graph API
- Demo can be found here
Themes for skinning Flex Applications 13. BluePlastic Theme
- Demo can be found here
- Download files
14. Dark Nite
- Demo can be found here
- Download files
15. Flekscribble
- Demo can be found here
- Download files
Flex Frameworks & Toolkits 16. ASTRA: ActionScript Toolkit for Rich Applications

Yahoo! offers the ASTRA Flex components for use in your Adobe Flex 3 applications. These Flex components are designed to work like any other components for Flex with familiar properties, styles, and events. They’re fully documented, and each component comes with multiple examples that demonstrate its various uses. Components include: AutoCompleteManager, ColorPlaneAndSliderPicker, ColorSliderPicker, DropDownColorPicker, IPv4AddressInput, TimeInput and TimeStepper.
- Download files
17. Degrafa

Degrafa is currently developed to work in Flex 2 and 3. Degrafa is being used for a wide variety of purposes, ranging from rich user interfaces to intense graphics editing. Degrafa allows you to use MXML markup to draw shapes, make complex graphics, create skins and also includes advanced CSS support. Use Degrafa for:
Rich User Interfaces, Data Visualization, Mapping and Graphics Editing
- Samples are found here
- Download files
18. Flexlib
“The FlexLib project is a community effort to create open source user interface components for Adobe Flex 2 and 3.”

Current components: AdvancedForm, Base64Image, EnhancedButtonSkin, CanvasButton, ConvertibleTreeList, Draggable Slider, Fire, Highlighter, HorizontalAxisDataSelector IconLoader, ImageMap, PromptingTextArea, PromptingTextInput, Scrollable Menu Controls, SuperTabNavigator, Alternative Scrolling Canvases, Horizontal Accordion, TreeGrid, FlowBox, Docking ToolBar, Flex Scheduling Framework
- Full Component List
- Download files
Online Flex Applications 19. Adobe Photoshop Express

Adobe released a Web-based version of Photoshop for editing pictures called Photoshop Express. It is in public beta and anyone can sign up.
20. Sprout

Sprout is the quick and easy way for anyone to build, publish, and manage widgets, mini-sites, mashups, banners and more. Any size, any number of pages. Include video, audio, images and newsfeeds and choose from dozens of pre-built components and web services.
21. Acrobat.com

Use Acrobat.com to create and share documents. “So people can now create documents with embedded Flash movies from YouTube, or developers can design entire new skins for electronic documents using Adobe’s Flex framework the same programming tool they use to create Web applications.”
Flex Tutorials
Like Flash, Flex creates SWF files that are rendered by Flash Player. However, Flex is primarily a developer’s tool and the way you develop Flex applications is entirely different than the way you develop Flash RIAs. All Flex development is based upon a framework that provides you with reusable and extendable UI components, data retrieval services, event handling functionality and much more.
22. An Absolute Beginner’s Tutorial On Flex 3

“This article barely skimmed the surface of the Flex framework, although we did cover the basics of what the framework provides, and how MXML and ActionScript 3.0 work together. While this was a very gentle introduction to the concepts behind Flex, it should give you enough grounding in the concepts to go forth and experiment on your own.”
23. Getting Started

A great resource of tutorials on how to get started with Flex.
24. Simple Flex Tutorial

A simple blog reader in 23 lines of MXML code to use as a tutorial.
25. Customizing Flex Builder for Flash
A nice tutorial on how to make some modifications to Flex Builder to make it into a lean, mean, ActionScript machine. How to add a great snippets panel to Flex Builder and make it optimized for Flash.
Flex Resources - Adobe Flex Developer Center - Doug McCune - Flex.org - Alex Harui - Flex Livedocs - FlexCoders
Pushing Photoshop to the Limit: 13 Most Advanced tutorials

提交: November 26, 2008, 7:17pm CST 由 Noupe

Tags: [编辑]

Adobe Photoshop is probably one of the most popular graphic editing program used extensively. There is one simple reason for that. Photoshop is easy to learn and offer a variety of advanced tools to optimize and emphasize some impressive results.

That’s why many designers use it to compliment other programs like Flash, Illustrator, Cinema 4D and After Effects. But wait it doesn’t stop here, there is more! If you need to design an impressive layout, you will sure use Photoshop to do the design and slice it into XHTML later.

This article provides 13 Advanced Adobe Photoshop tutorials which can enrich your design skills and improve the quality of your works whether you are using Flash, Illustrator, After Effects or Web design.

Photoshop wih Cinema 4D 1. Creepy Ghost in Photoshop & Cinema 4D

In this tutorial you will learn how to create a nice ghost using Photoshop mixing an image created in Cinema 4D with some photos. You will also learn how to use the Cloth feature in Cinema 4D.
2. How to Create Explosive Typographic Effects in Cinema 4D

“In this tutorial I will walk through the steps I used to create this illustration to bring alive the word “collide.” While you may not find yourself needing to recreate the word “collide,” I hope you will find useful the techniques I will cover: extruding text in Cinema 4d, using displacement maps in Cinema 4d, using the explosion deformer in Cinema 4d, exporting to photoshop from Cinema 4d, unique color enhancing techniques in Photoshop, various layer modes applied in Photoshop for great light effects”
Photoshop wih Flash 3. Parallax Gallery

In this tutorial, you will learn how to make a Flash parallax scrolling gallery from scratch. You will learn how to create and add decorative items using photoshop after that the PNG file will be imported to flash file where all the magic begins.
4. Importing Photoshop Files Into Flash

“As developers who live and breathe Photoshop, we always hated how hard it was to move Photoshop assets into Flash, but Adobe Flash CS3 has seduced us and transformed hate into passionate love. Specifically, we’re head over heels about Flash’s new ability to import Photoshop files, keeping layer (and most other) info intact.”
5. Animated Zoom Blur in Flash CS3

“Some Flash effects never seem to go out of style. One such classic is a zoom-blur effect used on photographs that’s much more eye-catching than simply zooming in or out on the image. In this tutorial, we’ll combine Flash CS3 with Photoshop CS3 to create a similar zoom-blur effect on a photo. These techniques can be applied to any Photoshop filters and experimentation is the key here.”
Photoshop wih Illustrator 6. Create a Dream Design with 3D Typography

“In this tutorial, you will learn how to create a 3D Typography based design. All the elements will revolve around the centerpiece and theme: dreaming. The word will dictate the entire layout and control the space by allowing everything else to emerge from within. The trees will grow out of the letters; the mountains will show themselves behind the word and overshadow the glowing moon.”
7. Trendy Geometric Lines Design Tutorial

“Starting with the design application of Adobe Illustrator create a group of vector based geometric lines at dynamic 45 degree angles, then follow the walkthrough to rough them up with brush textures in Adobe Photoshop resulting in a cool and trendy design style.”
8. Pseudo-Sugar Skull: From Start to Finish

A great start to finish essay on the creation of an illustrated pseudo-sugar skull using Photoshop and Illustrator.
Photoshop wih After Effects 9. Ink Bleeding Effect in After Effects (Like Gnarls)

“In this tutorial I’ll recreate a similar look from an older Gnarls Barkley video. The principles I’ll cover are foundational and can be used for some incredible animations other than simply imitating a great music video. I will focus on the following in this tutorial: Using Alpha and Luma Mattes in After Effects, Frame by Frame animation using CS3’s Illustrator, Photoshop, and After Effects”
10. Animate the Splash Using Photoshop and After Effects

“In this Olympic-inspired tutorial, Corey teaches an effect where he extracts areas of an image in Photoshop and then animates them using After effects in order to create a 3D movement effect with the image.”
Photoshop wih Web Design 11. How to Convert a PSD to XHTML

A screencast that shows you exactly how to convert a PSD into perfect XHTML/CSS. You can view a demo here
12. Converting a Photoshop Mockup

In this three-part series, Chris will show you exactly how to convert a psd to html. This series is strongly recommended for those just getting into the field.
13. Build a Sleek Portfolio Site from Scratch

In this tutorial you will learn how to take a PSD file and build it with some nice clean HTML and CSS.
Typographic Madness: 30 Brilliant Piece of Work

提交: November 24, 2008, 7:06am CST 由 Noupe

Tags: [编辑]

We cannot escape typography; it’s everywhere on the web. In most modern designs it is used to not only present information but also be read by the users. Designers use type to create breath-taking designs to communicate their ideas through their works.

Today we’re going to take a look at 30 brilliant typographic artworks, that shows great talent of such creative designers.

So let’s get started and don’t forget to subscribe to our RSS-Feed and visit my twitter page : nourayehia if you want to follow to keep track on our next post.
1. Full Spectrum Dominance

2. Sense and nonSense

3. KEEP RENO GREEN POSTER

4. SIGNAL DECEMBER

5. MAC . ARABIA

6. Some People refuse 2 b

default

7. LOLLIPOP LOVE 5 POSTER

8. Desire

9. BLACKOUT POSTER

10. Full Spectrum Dominance

11. So

12. Significant Numbers

13. 3D Text

14. 3d Typography Designs

15. The Capative Birds

16. Make the Most of Open Type

17. Lukano Font

18. Collide

19. Children of the idiom

20. ?napodi Klosti Poster

21. Found on Typography Served

22. Helvetica

23. gordo.ttf // boceto

24. Guardian self negotiated front cover

25. An Odyssey in Typography

26. Omnivore delight

27. Arctic Paper

28. What we do in life, echoes in eternity

29. I hope I’m not forgetting anything

30. Natural
Most Wanted WordPress Hacks: 11 New Requests (2)

提交: November 23, 2008, 1:11pm CST 由 Noupe

Tags: [编辑]
This is the second article in our new three-part WordPress series. I want to share with you some hacks that i found to be very useful when i was working on the redesign of Noupe and during the design of my other site Devsnippets. Throughout this article, we’ll be focus on many WordPress Theme hacks, ideas, tips and useful tutorials you need to have ready in hand when developing WordPress websites.

You can check out the first article in this series here.

You might also be interested to check out our previous four part series, "Powerful guide to master Your WordPress Theme
So let’s get started and don’t forget to subscribe to our RSS-Feed and visit my twitter page : nourayehia if you want to follow to keep track on our last post in this series.

1.Loading Javascript Libraries in Wordpress generated page
Load jQuery into WordPress generated pages, the wp_enqueue_script function can be used in plugins as well.
```
 <?php wp_enqueue_script('jquery'); ?>
```
Add and load a new script that depends on jQuery (this will also cause it to load jQuery into the page as well):
```
<?php wp_enqueue_script('newscript','/wp-content/plugins/someplugin/js/newscript.js',array('jquery'),'1.0' ); ?>
```
2. Protecting your email From the bad guys
If your e-mail address is publicly available into your generated pages, it may be vulnerable to e-mail harvesters that scan pages on the Internet for e-mail addresses to collect and send unsolicited e-mail.

You can use a free online encoder to encode your email address or use the antispambot() function built into WordPress:
```
 <?php echo antispambot(get_the_author_email()); ?>
```
3. Exclude Categories from RSS Feeds
Sometimes you just want to exclude categories like “News” or “Sideblog” from your RSS feed since most of the subscribers aren’t interested to read it. All you have to do is change the url of your feed in your feedburner to something like this:
http://www.noupe.com/feed?cat=-79. Where “79″ is the ID of the category you want to exclude. You can find the ID of any category by going to your Admin panel > Manage > Categories where you’ll see the IDs of all your categories.

Another way to exclude a category from your RSS feed if you are not using feedburner, is to add a custom function in your “functions.php” file in your current theme folder:
```
function ExcludeCategory($query) {
 if ($query->is_feed) {
 $query->set('cat','-79,-26');
 }
return $query;
}
add_filter('pre_get_posts','ExcludeCategory');
```
This code will execlude categories ID=”79″ and ID=”26″ from your feed. Thanks to Jangro’s tip
4. Displaying Related Category and Author Content in Wordpress
Supporting your posts with related content is valuable to readers who want additional context and to bloggers who want a stickier site.

So you can show more related info for each post, like “More from this category” and “More from this author” to connect the page to the interests of the user. Pulling that information dynamically is slightly trickier, so Darren Hoyt provided a simplified version of Ben’s code which must be included outside of the loop
```
post->post_author;
$tempQuery = $wp_query;
 $currentId = $post->ID;

// related author posts
 $newQuery = "posts_per_page=5&author=" . $authorPosts;
 query_posts( $newQuery );
$authorPosts = "";
 $count = 0;
if (have_posts()) {
 while (have_posts()) {
 $count++;
 the_post();
 if( $countID) {
 $count++;
 $authorPosts .= '
' . the_title( "", "", false ) . '

';
 }
 }
 }

// related category posts
 $catlist = "";
 forEach( $cats as $c ) {
 if( $catlist != "" ) { $catlist .= ","; }
 $catlist .= $c->cat_ID;
 }
 $newQuery = "posts_per_page=5&cat=" . $catlist;
 query_posts( $newQuery );
$categoryPosts = "";
 $count = 0;
if (have_posts()) {
 while (have_posts()) {
 the_post();
 if( $countID) {
 $count++;
 $categoryPosts .= '
' . the_title( "", "", false ) . '

';
 }
 }
 }
 $wp_query = $tempQuery;
 ?>
```
Then inside the loop, call the functions like this:
```
More from this category



More from this author
```
5. Placing Images with the Posts
Without Custom Fields you wouldn’t see all the magic going around with those amazing Premium WordPress Themes, you need to know how to use them efficiently to associate thumbnail images with posts. Essentially, your posts are queried via the Loop, and if the custom field Key (”Image”) has a value, that value is inserted into your tag like this:
```
/images/" alt="" />
```
The code must be inside The Loop wherever you put it. Or You can just use Worpdress’s image upload tool rather than FTP, right from your Admin Write panel, so that you can configure your own “upload” folder and get the URL of your uploaded image to paste into the Custom Fields box.
6. Protect your bandwidth from hotlinking
There are different ways you can use to protect your server from bandwidth thieves who try to steal our bandwidth by hotlinking images belonging to our blogs on their spam blogs. One of the common ways is to edit your .htaccess file located in your WordPress root folder and add this code:
```
RewriteEngine On
#Replace ?mysite\.com/ with your site url
RewriteCond %{HTTP_REFERER} !^http://(. \.)?mysite\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
#Replace /images/no-hotlink.jpg with your &quot;no hotlink allowed&quot; image url
RewriteRule .*\.(jpe?g|gif|bmp|png)$ /images/no-hotlink.jpg [L]
```
If you managed to add this code to your .htaccess file and you want to see if it works, try this nice tool and see what alternative image bandwidth thieves will display in their blog.

The only issue with this solution is that your images won’t be visible for RSS Readers. You can add popular RSS reader’s url in your .htaccess file.

Wordpress Hotlink protection plugin is a useful plugin that avoid being hotlink by spam blogs. It doesn’t protect the images in the feed. So hotlinking the image urls from the feed is possible.
7. Creating Custom Write Panels in WordPress
If you were to put together a Custom Write Panel for your blog, you can use “Custom Write options” to easily add any unique data to your post. Custom write panels are most useful for customized installations of WordPress and could be used to add many different types of information into a post both easily and quickly using “add_meta_box()“.

This detailed tutorial on creating custom write panels for the WordPress Write Post page using “add_meta_box()“
8. Wordpress Search as Custom Google Search Without Additional Page or Post
Want to modify the default Wordpress Search to be seen as Custom Google Search without using any plugins, additional post, or page. It’s simply replacing Wordpress Search with Custom Google Search. The first thing to learn is to create Custom Google Search account of your own. Maki from Doshdosh.com already created the tutorial on embedding Custom Google Search in his website.

This nice tutorial by firewalker will show you how to install google search code in your Wordpress SEARCH FORM and SEARCH RESULTS pages that can be found in your current theme folder.
9. Replacing WordPress content with an excerpt without editing theme files
WordPress function <?php the_content(); ?> is used to retrieve all post content. Let%u2019s say you want to show excerpts instead of the entire post, we could easily just change <?php the_content(); ?> to <?php the_excerpt(); ?>. But, what if you don%u2019t want to edit the core files at all and want to be able to upgrade your theme without my modifications being broken.

Justintadlock has the solution: WordPress filters

In your child theme’s functions.php file, add this bit of PHP to tell WP that we want to filter the_content() with our own function.:
```
// Add filter to the_content
	add_filter('the_content', 'my_excerpts');
```
10. Provide RSS Feed for Category
If you want to provide an RSS Feed per category, so your readers will be able to only read what interests them. Let’s say you want to provide RSS Feed for your “news” category. The category url is:
```
http://www.noupe.com/category/news
```
To get the rss feed of the “news” category, simply just add /feed at the end of the ur. Thanks to WPRecipes for this nice tip:
```
http://www.noupe.com/category/news/feed
```
To create a category rss feed, simply paste the following code:
```
<a href="<?php echo get_the_category().'/feed'; ?>"><?php echo get_the_category().' rss feed'; ?></a>
```
11. Exclude pages from search results
If you want to exclude pages from appearing in your WordPress search results, all you have to do is to add a filter in your functions.php found in your current theme folder:
```
// Exclude pages from search results
function SearchFilter($query)
{
if ($query->is_search)
{
$query->set('cat','20,34,8');
}
return $query;
}
add_filter('pre_get_posts','SearchFilter');
```
Where the posts category IDs (’20,34,8′?) are those you want to exclude from your search results.
20 Twitter Status Design Tutorials, Icons & WP Plugins

提交: November 19, 2008, 5:54pm CST 由 Noupe

Tags: [编辑]
Twitter has their own method for displaying your Twitter status on your website but they rely on Twitter-hosted scripts and generally hold up the page load. That’s why i would like to showcase some of the best tutorials and WordPress plugins that will display your twitter status on your blog or website. Also you will find high quality twitter icons to spice up your status area.

Below, we present 20 Brilliant Twitter Status Design Tutorials, beautiful twitter icons & WP Plugins to display your twitter status easily.

You might be interested to check this amazing collection of 25 Useful Twitter Tools and Firefox Plugins

I’ve been enjoying the Twitter thing more and more lately. Here is my Twitter page nourayehia if anyone wants to follow.

1. Customizing Twitter Status on Your Blog 1.1 Tweet

Put twitter on your website with tweet!, an unobtrusive javascript plugin for jquery. Features includes: will not slow down or pause your page while tweets are loading, display up to 100 tweets, optionally display your avatar, automatic linking of URLs and many more…
- Demo can be found here.
- Download it here
1.2 jQuery plugin for Twitter

A simple, unobtrusive and customisable client-side method for easily embedding a Twitter feed into a web page. The plugin is based on the Twitter Badge Customizer.
- Demo can be found here.
- Download it here
1.3 How To Make a Unique Website For Your Twitter Updates

Twitter offers an API which you can use to pull information from twitter for your own uses. Even easier, they offer a little javascript widget which automatically uses this API and returns simple HTML of your recent tweets. This tutorial covers the design in Photoshop, to including the javascript stuff provided by Twitter to the markup, to the CSS to style the page.

Here is CSS-Tricks Video Screencast takes you through the creation of simple webpage to display your recent ‘Tweets’ from Twitter from start to finish. This covers the design in Photoshop, to including the javascript stuff provided by Twitter to the markup, to the CSS to style the page.
- Demo can be found here.
- Download files here
1.4 Stammy Script: RSS to Twitter using PHP

One of the best ways to carry out RSS to Twitter involved a Jabber bot package for Ruby. Not too many people have access to a Ruby-enabled server so here is a simple PHP script to get the job done.
- Download files here
1.5 Create a Twitter Style Bird Mascot

How to create a Twitter mascot for your blog or website.
1.6 Use PHP to add your Twitter feed to any page
```
 $username = %u201Ctimestocome%u201D;
 $tweets = fetch_rss(%u2019http://twitter.com/statuses/user_timeline/%u2019.$username.%u2019.rss%u2019);

 foreach ( $tweets->items as $tweet ){

 print %u201C<hr>%u201D;

 $twit = %u201D %u201C.substr(strstr($tweet['description'],%u2019: %u2018), 2, strlen($tweet['description'])).%u201D %u201C;
 $link = $tweet['link'];

 // hack around php null == 0 ugh!
 $xtwit = %u201Cx%u201D . $twit;
 $mark = strpos( $xtwit, %u201Chttp://%u201D );

 if ( $mark > 0 ){ // we have a link in our tweet perhaps more than one

 $l = substr ( $xtwit, $mark, strlen($xtwit) );
 $l = substr ( $l, 0, strpos( $l, %u201D %u201D ));
 $full_link = %u201C<a href=\%u201D$l\%u201D>$l</a>%u201D;
 $xtwit = str_replace ( $l, $full_link, $xtwit );
 $xtwit = substr ( $xtwit, 1, strlen($xtwit));

 print %u201C $xtwit <a href=\%u201D$link\%u201D>#</a>%u201D;

 }else{

 print %u201C $twit <a href=\%u201D$link\%u201D>#</a>%u201D;

 }
 $time = $tweet['pubdate'];
 $time = substr( $time, 0, strlen($time)-6);
 print %u201D $time %u201C;

 }
```
1.7 Unique website for your Twitter updates Reloaded
An extended version of the Twitter website. Your own profile information is added, tweets from friends and a couple of random followers. Just check out the demonstration.
- Demo can be found here.
- Download it here
2. WordPress Twitter Plugins 2.1 Twitter for Wordpress
Twitter for WordPress displays yours latest tweets in your WordPress blog. If you use WordPress widgets, just drag the widget into your sidebar and configure. If widgets are not your thing, use the following code to display your public Twitter messages:
```
<?php twitter_messages("username"); ?>
```
- Download files here
2.2 twitterRSS WordPress plugin
This plugin allows you to pull in an rss feed from your twitter account and display it on your site.
- Download files here
2.3 Twitter Tools
Twitter Tools is a plugin that creates a complete integration between your WordPress blog and your Twitter account.
- Download files here
2.4 Twitpress
Submits a user definable tweet to your twitter account notifying any twitter followers or friends that a new blog entry has been published on your blog (or an existing published entry has been edited). Supports inclusion of a permalink to your blog posting in the tweet.
- Download files here
2.5 Twitter Widget Pro
A widget that properly handles twitter feeds, including parsing @username and URLs into links. Requires PHP5.
- Download files here
2.6 Twitter Updater
The Twitter Updater automatically sends a Twitter status update to your Twitter account when you create, publish, or edit your WordPress post. You can specify the text for the updates, and also have the option to turn the auto update on/off for the different post actions in the admin panel.
- Download files here
3. Twitter Icons & Buttons 3.1 31 Logos et boutons pour Twitter

31 twitter logos and buttons.
3.2 Twitter Icons For Blogs and Twitter bird

A nice collection of twitter icons and twitter bird for using on Blogs.
3.3 The Cutest Freebies: Twitter Bird Icons & Illustration

A free Illustration, beautifully made by Pasquale D’Silva, and a couple of Icons which you can use for your twitter status sections of your site. The file is a transparent background PNG, so can easily be imported and scaled into any design.
3.4 FREE Twitter Icons For Your Website/Blog

Free twitter icons for your website or blog.
3.5 Practika

The icons are available in resolutions 64×64px, 128×128px and 256×256px, in 32-bit transparency PNG.
3.6 (max)Icone Blog - Set #3

The icons are available in resolutions 64×64px, 128×128px and 256×256px, in 32-bit transparency PNG.
3.7 Free Hand Drawn Doodle Icon Set for Bloggers

Free hand drawn doodle icons
3.8 The Leaves Fall

3.9 IconTexto Webdev Social Bookmark

3.10 It’s Twitter Time! Free vector icon set

3.11 6 Free New Social Icons

Now to check some really interesting twitter status designs compiled from some great websites out there, just visit this amazing post.
50 Incredible Fonts for Professional Web & Print Design

提交: November 16, 2008, 2:28am CST 由 Noupe

Tags: [编辑]
The web is rich with creative and amazing fonts, and the choice is enormous. So today we would like to present 50 incredible FONT which you can use for web or print design. This collection will sure help you improve your typography skills! Let’s take a close look at some of the most beautiful fonts we’ve found on the web. Some amazing fonts are missing? Let us know!

You might be interested to check other FONT related posts:
- 40+ Extremely Beautiful FONTS Hand-picked from deviantART
Clean Fonts 1. Kawoszeh

2. Jacks Font

3. Tallys

4. Geo Sans Light

5. Gauntlet

6. Vintage

7. Edifice

8. Lemur Light

9. Aldo

10. Museo Sans

11. Fertigo

12. FF Chambers Sans Medium Italic OT

13. Walkway

14. GOCA LOGOTYPE BETA

15. Birra Stout

16. Bobel font

17. Evolution True Type Font

Grungy Fonts 18. Dirt2Death Font

19. Grunge Serifia Font OTF

20. Dirt 2 Death

21. Capture it

22. 1942 Report

23. Idiot

24. Docteur Atomic

25. Epoxy History

26. Ambulance Shotgun

Fancy & Decorative Fonts 27. Vtks Revolt

28. Hotel Coral Essex

29. Riesling

30. Desperado

31. Snotmaster V

32. Clucky_Duck

33. Batho

34. Madredeus

Script Fonts 35. Eutemia II

36. ChopinScript

37. Freebooter

38. Confection

39. Learning Curve

40. Commercial Script

41. Scriptina

Hand Written Fonts 42. Jellyka

43. Karabine

44. Conglomerfont

45. Loveable-Scruff

Cartoon Style Fonts 46. Lein Bold

47. Giant Head

48. Pandamonium

Making Fonts Tutorials 49. How to: Make a Hand-Drawn Font

This tutorial, is designed to reveal my process from start to finish to make a hand drawn font.
50. How to Make your own Font
This tutorial explains an interesting font-making technique.
25+ Cinema 4D Tutorials for Spectacular Animations

提交: November 13, 2008, 8:22pm CST 由 Noupe

Tags: [编辑]

Cinema 4D is a high-end 3D graphics application capable of procedural and polygonal modeling, animating, lighting, texturing, and rendering. Its easy to use interface has gained popularity among film and motion graphic artists.

There are many things you can do using its endless features. You need to discover them and decide how to use them in new and innovative ways to create the creative, beautiful and realistic 3D Graphics. In this article, we look at Cinema 4D as one of the best tools for designers to create realistic objects, 3D models and animation.

Below you’ll find over 25 Cinema 4D tutorials and animations that teach you how to create beautiful realistic objects and 3D models.

1. How to Create Explosive Typographic Effects in Cinema 4D

In this tutorial you will walk through steps to bring alive the word “collide.”

First you will create 3d text in Cinema 4d. Then create an explosion using displacement maps and exploding 3 different copies of your pyramid. The most challenging part of this is getting the displacement the way you like it. Experiment with different patterns and different projection methods for the material.
2. 3D Abstract Tentacle

Tutorial on how to make tentacles using cinema 4D
3. Create 3D objects in Cinema 4D from vector art

This is a video tutorial on taking vector art and importing it into Cinema 4D to create a 3D object that can be animated, textured, and manipulated in 3D space.
4. Making of Super Snail

This work is fully modeled and rendered in Cinema 4D, Bodypaint and Photoshop.
5. How i do my Materials

Learn how to create your materials like the ones in this amazing tutorial.
6. 3D Toys Animation

Learn the animation basics and looping in Cinema 4D.
7. Fire & Smoke Animation

Smoke and Fire is one of those things that can be modelled in numerous ways to achieve a desired result. This tutorial shows you one of those ways, using a Particle Emitter and PyroCluster to achieve a smokey fire.
8. Ghosting

Ghosting, also known as onion-skinning, is a technique from traditional 2D animation which allows you to analyze a series of frames of animated objects before and after the frame you are currently viewing.
9. How to Make an Icon in 3D Using Cinema 4D

A nice tutorial on how to make a 3D icon in Cinema 4D and then how to get that art into a usable working .ico resource.
10. Creating a ball bearing using arrays

In this tutorial you will learn how to create a ball bearing using an Array Object. You will also learn about the use of the Taper object, Fillet option and Bevel function
11. Modeling a car using blueprints

In this tutorial you will learn how to model a car using blueprints, points and the bridge tool
12. Tutorial-C4D-Array Lighting

A nice lighting effect.
13. Simple Pen in Cinema 4D

This tutorial is going to show you how to create a simple pen. The colours on the materials can be changed to your own choice.
14. Gravity Tutorial

This tutorial will show you how to make a ball bounce using Dynamics in Cinema 4D
15. Making an hourglass

This tutorial will teach you to make a great sandglass, which you can use for plenty of purposes.
16. Basic introduction to Cinema 4D

17. On/Off Switch

Enable or disable multiple objects at with one click. Increase viewport speed and animation playback.
18. Modeling a Zebra

Here’s the Zebra 3D modeling tutorial for Cinema 4D. And the Great thing is, you can download his 3D model for FREE !
19. The “UV-Map Dirtmap Baker” Tutorial

An interesting handy tutorial covering the following topics: How to get a “clean” UV - Map?, How to calculate a Dirt - Map?, How to work with Baker?
20. Cinema 4d Materials Tutorial

21. Xtreme C4D tutorial

An advanced cinema 4d tutorial.
22. Creating A Car Tyre

Learn how to create a car tyre in a realistic way.
Cinema 4D Video Animation 23. Water in glass animation in Cinema 4d

Nice animation with c4d, using splines, lathe-nurbs ,primitives and some light.
24. Water made in cinema 4d

25. Cinema 4D (Logo Animation)

26. Cinema 4d animation

27. Cinema 4D Renders
Premium WordPress Themes Giveaway: Winners

提交: November 12, 2008, 10:04pm CST 由 Noupe

Tags: [编辑]
Last week we announced that Seven Leaders in the Premium WordPress Theme Industry are offering to give away free copies of their recently-released themes just for you guys. They are giving away 17 single licenses to their most popular Premium WordPress themes.

Over 600 wonderful readers participated in the giveaway. And the winners were randomly selected and are now announced in this post.
And the winners are… 1. Mimbo Pro
- #28608 | Glenn Fischer
- #28427 | SEO Sultan
- #28001 | Vincent Le Pes
- #28594 | Tjobbe
- #28647 | Anthony
2. Fresh News
- #28298 | Sahil Bhalla
- #28565 | hyp_kitsune
- #28528 | luigi dbaggio
- #28475 | Anshu
- #28873 | DDpy
3. Celebrity Press
- #28410 | Tim Baker
4. Cassiopeia
- #28349 | Phil Eugene
- #28602 | Baris
5. Traveler
- #28794 | Steven Nguyen
6. StudioBlue
- #28222 | Harley King
7. Draco
- #28559 | Hasan
- #28102 | Srinath
Thank you to everyone that participated and congratulations to all the winners.

Be prepared, we are working on a big (really) big event very soon, more stunning and fabulous giveaways are coming. Therefore maybe it’s a good time to subscribe to our RSS-feed Subscribe to our RSS-feed.
Design Jobs On The Wall

提交: November 11, 2008, 7:22pm CST 由 Noupe

Tags: [编辑]

Design Jobs on the Wall is a very simple job board where you can post or find design jobs managed by Web Designer Wall. You can post a full-time job for only $75 or a freelance job for $50. Opening special: enter coupon code “promo” to get a 50% discount on your first job listing.

When you post a job opening, it will be instantly featured on Web Designer Wall as well as other design related websites (Best Web Gallery and N.Design Studio).
30+ Creative Hi-Res Wallpapers Only for Designers

提交: November 10, 2008, 9:28pm CST 由 Noupe

Tags: [编辑]
Wallpapers can be creative, inspiring and elegant. If you are a designer, you probably need a desktop wallpaper that inspires you to create something creative and original. Today we present 30 stunning wallpapers created by some hard-working and dedicated designers. In this post we present creative desktop wallpapers related to art, photoshop, wallpapers-illustrations and abstract design. They are definitely worth a look.

Important: Licenses of every wallpaper varies, so be sure to check that information before using them.
1. Love Juice

2. Tiny World
- Download here.
3. Evolution
- Download here.
4. Perfection
- Download here.
5. My Whole World For YOU
- Download here.
6. Caress
- Download here.
7. On the Grass
- Download here.
8. The Maldives

9. Dawn On The Deck
- Download here.
10. Ei-Robot
- Download here.
11. Maybe It’s Over To The Left

12. Abstract Colorful Universe Wallpaper - TTdesign

13. Tower Bridge
- Download here.
14. Inferno
- Download here.
15. My Stash
- Download here.
16. A Gift of Moonlight

17. Tablefy - Water Lantern
- Download here.
18. Hard Boiled Scrambler

19. Calendario Septiembre

20. Labyrinth

21. Birds

22. FISSURE

23. Strukt Wallpaper

24. Noupe wallpaper Dedication

25.

guoshuang reader » Noupe

Feeds

Noupe (10 未读)

提交: December 1, 2008, 11:59pm CST 由 Noupe

Tags: [编辑]

提交: November 26, 2008, 7:17pm CST 由 Noupe

Tags: [编辑]

提交: November 24, 2008, 7:06am CST 由 Noupe

Tags: [编辑]

提交: November 23, 2008, 1:11pm CST 由 Noupe

Tags: [编辑]

提交: November 19, 2008, 5:54pm CST 由 Noupe

Tags: [编辑]

提交: November 16, 2008, 2:28am CST 由 Noupe

Tags: [编辑]

提交: November 13, 2008, 8:22pm CST 由 Noupe

Tags: [编辑]

提交: November 12, 2008, 10:04pm CST 由 Noupe

Tags: [编辑]

提交: November 11, 2008, 7:22pm CST 由 Noupe

Tags: [编辑]

提交: November 10, 2008, 9:28pm CST 由 Noupe

Tags: [编辑]