Rounding Up the Top 10 jQuery Lightbox Scripts
admin 
Everyone loves lightbox javascript effects, since the original Lightbox script there has been countless clones generated for all the popular Javascript libraries. This collection rounds up the top ten Lightbox scripts for jQuery in particular, so remember to keep it bookmarked for your next design project!
jQuery Lightbox Plugin
Supported Media: Images
How To Stop Image Hotlinking through .htaccess
You can stop others from hotlinking your site’s files by placing a file called .htaccess in your site root (main) directory. The period before the name means the file is hidden, so you may want to edit your file as htaccess.txt, upload it to your server, then rename the txt file to .htaccess in your directory. Contact your web host on how to access your directories and configure your .htaccess file.
Before writing code in your .htaccess file, there is a online site which provide you create your Hotlink protection of images file.
Htaccess Tools
Use this generator to create a .htaccess file for hotlink protection of your images and pictures. Hotlink protection can save you lots of bandwidth by preventing other sites from displaying your images.
Example: Your site url is www.wparena.com. To stop hotlinking of your images from other sites and display a replacement image called hotlink.gif from our server, place this code in your .htaccess file: read more
5 Fantastic Free Tools to Showcase Your Portfolio
但凡看到有关图片秀的工具，都会多看两眼，虽然这样的工具真的很多。打算尝试一下SimpleViewer的方法，给自己的BLOG填上些图片什么的。
Original article from mashable.com.
Whether you’re an artist, designer, or photographer, your web portfolio is your calling card and your showroom. While the work should speak for itself, presentation is important. Modern style and clean functionality can be a great selling point.
If you’re looking for an alternative to hand-coding or DreamWeaving your ultimate gallery, check out these five great tools that should make maintenance a bit easier, and give you a stylistic leg-up on the competition.
1. SimpleViewer
Web UI & Button Set Contents (PSD)
MediaLoot is presenting a free set of user interface elements that can help designing/prototyping faster.
It has 3 distinct styles: glossy, satin/light gradient, and one-color which the satin/light gradient set is available in 7 different colors.
The set comes in both .PNG & .PSD formats and includes items like:
- control buttons
- info boxes
- breadcrumbs
- forms
- scrollbars
- & more.. read more
40 Beautiful Free Icon Sets
Some of the best things in life are free. When it comes to icons and icon sets, there are many talented designers and artists that choose to provide beautiful and useful icon sets for commercial and/or personal usage.
In this collection, you’ll see 40 beautiful, free icon sets that you can use in a variety of ways (websites and/or your desktop). In total, you’ll find close to 3000 invidual icons showcased in this article.
Note: It’s important to read the fine-print before using any icon sets; some may have restrictions for commercial use (or require that you give credit to the designer).
Yoritsuki icons
35 icons – Download (PNG and ICO)
Going nuts with CSS transitions
This article is going to show you how CSS 3 transforms and WebKit transitions can add zing to the way you present images on your site. You’ll see it’s so easy to handle the image effects with only writing lines of CSS words, no javascripts, no coding. just it is!
Related properties include:
- -webkit-box-shadow
- -moz-box-shadow
- box-shadow
- -webkit-transform
- -moz-transform
- transform
- -webkit-transition
Read the original article here.
Note with the hovering examples that the animation will reverse itself when the mouse moves out of the div. Any time the property changes value, the animation will simply start again with the current position as the from value and the new value as the destination. The transition properties of the source state are used to figure out how to animate to the new target state. read more
3 Easy and Fast CSS Techniques for Faux Image Cropping
This article is a summary of a 3 fast and easy CSS techniques you can use to display only a portion of an image in your content. All techniques explained here actually need only couple of lines of CSS. However, it is not cropping in a real sense of the word, we are not cutting the image down to a certain size (CSS can’t do that yet) we are merely hiding the “extra” and displaying only a part of the image we want. These techniques can be very helpful if you need to keep images at a certain size, i.e. thumbnails in the news section or something similar. Being able to use CSS to control which portion of image to display is a great bonus.
How to create a pure CSS polaroid photo gallery
Magical things can be done by combining various CSS properties, especially when some of the new CSS3 tricks are thrown into the mix. Let’s take a look at building a cool looking stack of Polaroid photos with pure CSS styling.
Check out the demo to see what we’ll be building. Remember, because we’ll be using a couple of CSS3 properties, users with IE won’t see the complete effect, but fully supporting browsers such as Firefox and Safari will be treated to the whole experience. We’ll use basic CSS to style up the photos into a Polaroid style images, then inject some additional styling with shadows and rotation, then use the z-index property to alter the stacking order of all the objects.
35+ Free Photoshop Brushes for Christmas Season
It’s the Christmas season once again, folks. Santas and Christmas trees are back. Christmas-inspired concepts are slowly making its way back as well. examples of these are Christmas posters and Christmas cards that we see around us.As our pre-christmas treat, we have compiled 35+ Free Photoshop Brushes for the Christmas Season. These brushes, once used, will surely create an amazing touch to your designs. Establish unique and creative images with these brushes. Some of you may be itching to experiment with these brushes now. These were made by designers and photoshop lovers around the globe. Feel free to download these items right into your PC and use them to create your own Christmas-inspired designs.
Have a HA-HA-HAPPY browsing! click here to read more details.
15 Best Places for Designers to Get Free Stock Photos Online
I’m not sure if you’ve ever had a look at the prices on some non-stock photography sites (pictures of Gummy bears for $769.00 anyone?), but they reach far beyond the budget of the typical designer/developer. However, many places online allow you to obtain high-quality stock photos for free, giving the average starving artist a chance to create wonderful works of art/design without having to use next month’s rent on stock photos.
In this article, we review the 15 best places to free stock photos online for designers.
read details here
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
