Web Tutorials, Resources, Web Trends, Code Snippets, Php scripts, Opensource, Ecommerce, Cms, Html, Xhtml scripts, Themes, Templates, Css, Psd tuts, Photoshop,tuts,web,website,tutorial,web tutorial

For radio station DJ’s or Shows

Bulent — Wed, 10 Mar 2010 14:18:11 +0000

The following script will allow radio station’s website to display the show or dj’s that is currently on air.
To use this code make sure your page has .php extention not .html

Paste the code in the region you would like to display the ON AIR dj or the show.

How to Get Free Content & Media Hosting

Bulent — Wed, 10 Mar 2010 12:23:21 +0000

Let’s say you’ve created a video or image you want to share, but you don’t want it saved to your computer. You want to save it in a safe place where you can access it at any time. You want some storage options, and the ability to share it in multiple file formats… or keep it private. You want its original integrity to stay intact. And you want complete control.

You’re picky… but you have a right to be. Good thing Screencast.com was designed for content creators like you. At Screencast.com, you’ll get all of the above and more—plus it’s free.

What is Screencast.com?

Screencast.com is a free web service from TechSmith Co. that lets you upload, manage and share your content without changing a thing. From high-quality videos, to presentations, documents and images—Screencast.com gives your content the perfect home.

How does it work?

Step 1: Upload files

Logging into Screencast.com automatically takes you to the Library where you can upload your content. You can use any content creation tool to upload your videos and images to Screencast.com. But when you use TechSmith software—like a video recorded and edited with Camtasia Studio, or a quickly marked up image and video with Jing—you can directly upload to Screencast.com from within the application.

- Keep the original quality. What you upload is exactly what your viewers see. Content hosted on Screencast.com isn’t compressed or re-encoded into a “one-size-fits-all” format.

- Control the rights to your own content. Anything you upload to Screencast.com still belongs to you. So feel free to delete files you’ve uploaded and make room for something new.

Step 2: Store and protect

Create a folder in Screencast.com and save the videos and images you want to keep in one place. Simply store your content… or turn it into a portal for viewers to access.

- Decide who views your content. Make a folder public and visible to everyone. Hide it so only you can see it. Password protect it. Or make it so only authorized viewers can access your content.

- Access the stats on your content. At a glance, you can see how many times a specific file has been viewed and how much bandwidth each file is using.

Step 3: Share in multiple formats

Uploading is only part of it. Share your stuff outside of Screencast.com easily with a URL or send a link directly to your viewers. Screencast.com even gives you HTML embed code so you can post images and videos on your own website or blog.

- Share in high-quality. With options like Flash, WMV, QuickTime and others, Screencast.com is sure to give you the highest quality playback available.

- Share conveniently. Provide your audience with anything from a link to your content, to a MediaRoll widget, or to an RSS feed that they can subscribe to.

How do you get started?

Start off with a free Screencast.com account to instantly begin storing and sharing your content. With the free version, you’ll get 2GB of storage space and 2GB of monthly bandwidth at no cost. Or sign up for the Pro version of Screencast.com and get extra storage, bandwidth and customization options. With the Pro version, you’ll get 25GB of storage space and 200GB of monthly bandwidth for just $9.95 a month.

Whatever you do, your content will never be changed at Screencast.com. What you upload is exactly what you’ll see. So when you’re ready to share that video or image, or just save it for later, give Screencast.com a try. You’ll get your content, your way—every time.

Link:
How to Get Free Content and Media Hosting at Screencast.com

DotNetNuke Makes It Easier For You

Bulent — Wed, 10 Mar 2010 12:14:51 +0000

DotNetNuke Community Edition is a leading free open-source content management system for ASP.NET websites. With DotNetNuke, you can quickly and effectively deploy dynamic web applications with almost no technical knowledge, however if you are an ASP.NET developer, you can customize it in the way you want to fulfill your specific needs. Whether you need to deploy a simple website or a feature-rich dynamic application, DotNetNuke cater your needs in the way you want.

Unlike legacy web applications, you don’t need services of a web developer in order to make changes in your content and locations of different modules. You can easily achieve this task on-the-fly by logging into the administration control panel.

Since DotNetNuke is open-source, you can enhance and extend the functionality of it if you are familiar with ASP.NET programming. In addition to the existing modules in DotNetNuke, you can develop custom modules over it or use from a number of pre-developed modules by different third party vendors to extend the functionality as per your business needs.

DotNetNuke is the world’s most widely adopted framework for building web applications on Microsoft Windows platform. DotNetNuke powers over 500,000 portals, web applications and public web sites. It has a large open-source community to support the development of the system. Furthermore, you can find number of help and support resources and books that help you find solutions to your problems while you work.

Visit link:
DotNetNuke Makes It Easier For You To Build Feature-Rich, Interactive Web Sites And Applications

5 Tools Bloggers Should Know About

Bulent — Wed, 10 Mar 2010 12:05:58 +0000

While the job is interesting and one gets to discover the latest about the Internet, blogging is no easy task. “Time is money” could not be any truer for bloggers; impossible deadlines put us under harsh time constraints. Due to this constraint, bloggers are always actively on the lookout for the next great tool that can help us cut back on the time it takes to write our articles/reviews.

Bloggers who run their own website, on the other hand, are not under any critical deadlines – their worries are of a different nature. Taking constant care of their website and monitoring it is an absolute must for them; if a site owner’s website unexpectedly goes down, his/her income will be negatively affected.

Therefore one way or the other, all bloggers have problems whether they are self-employed, freelancing, or fulltime employed. They need all the help they can get.

Today we present to our fellow bloggers five tools available on the internet which will help them in one way or the other. We hope you all find the following tools as helpful as we did.

You are welcome to share if you know more useful tools which our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter and do not forget to become our fan on facebook as well.

1. DomainTools

For somebody who plans to start out his/her own website, the first most important step is to come up with a great name. Once the great name has been thought of, one needs to check its availability. DomainTools is a free website that does both things. Firstly it can suggest various names to a user by taking as input a keyword. Secondly it shows us which domain extensions (COM, NET, etc.) is the site name available. If a user wishes, he/she can buy and register the domain name right from the site. In this way, DomainTools eventually saves us a lot of time in the process of naming our website.

2. WhoisLookup/WhoisApplication

WhoisLookup is a freeware application less than 100KB in size. The EXE file is downloaded and can be run without any installation. In the program we can enter the URL of a site and get its Whois information which shows us the site’s various attributes such as its registrar’s information, the location of the site, and the details of its administrator. Whois specifics can help out a great deal when trying to determine which website to blog about. To some extent, it can also show us whether or not the site’s claimed location matches its actual location; this helps us judge the trueness of the website’s credentials.

3. dnspchecker

This nifty little freeware is about 3MB to download and is helpful in determining the status of a website. It is compatible with Linux and Windows operating systems. After we enter a URL into the program, it uses ping command to see if the DNS is live. In other words you can see if a site is up or not. A successful message is show each time the site if up; if the site is down or a valid response could not be received then it automatically checks the site every 60 seconds. This way we do not have to recheck the status of the site each minute (because it is automatically being done for us). To have it not interfere with our work, the program can be minimized to the System Tray and gives an alert when DNS is propagated.

4. Observu

dnschecker can only help you if you have it installed on your system. If you are using a computer on which you do not have the privilege to install new programs and you would like to check the status of your websites, the only way that comes to mind is by actually visiting the website in your internet browser. If the number of websites is more than one then the process could be considerably time consuming. Observu is a free website that lets us register for a free account and enter an unlimited number of websites to be automatically monitored. If any one of them goes down, we are immediately emailed of its negative status. There is no limit to the number of sites we want monitored. Observu can be helpful not only for site owners but also for bloggers who have reviewed a website and want to stay informed of its status. For instance John, a blogger, blogs about www.XYZABC123.com and he is emailed of its negative status the next month; upon receiving the notification, John can updates his previous review and add a note saying that the site is currently experiencing problems and is down. Such responsibility can go a long way and earn loyal readers.

5. BlogDesk

Wordpress is a blogging platform used by many bloggers. Other widely used platforms are MovableType, Drupal, Serendipity and ExpressionEngine. To blog in these platforms, we open up our internet browser window, log into our blogging Dashboard and get started. With the latest platforms we can save our work as we go along but having the data secure on our hard drive is something that most bloggers find comfortable. Also while typing on these platforms, one has to go through special means while inserting hyperlinks and pictures. BlogDesk is a 4MB freeware program that eliminates all the problems associated with typing our blogs on these platforms. It is a desktop application that enables us to type up our blog offline with ease. When we want to publish the article, we can simply blog from BlogDesk directly. The abovementioned blogging platforms are supported by the program. But before you go using it, make sure its option is enabled in the online settings of your blogging platform.

See original here:
5 Websites & Tools Bloggers Should Know About

High-Quality Free Social Media Icon Sets

Bulent — Wed, 10 Mar 2010 11:23:57 +0000

A beautifully designed icon is the perfect way to represent your product or service, and they always come in handy whether you want to place them on your blog or want to represent yourself in an outstanding manner. A comprehensively designed icon can provide your user with the memorable metaphors and illustrations, even sometimes users only remember the icon they saw on the website.

Here we have compiled a list of some outstanding and beautifully designed FREE and FRESH 50 Sets of Social Media Icons such as digg icons, stumbleupon icons, reddit icons, twitter, RSS feed icon, facebook icons and more, so that you can use them on your blog and website. You can also use them in corporate designs as well, Kindly feel free to share your comments with us.

You are welcome if you want to share more free social icon sets that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter and do not forget to become our fan on facebook as well. Click on the images to go from where the images has been taken.

Hand Drawn Social Media Icons

Vector Social Media Icons

The icons are designed in 32px and 16px vector format. With the vector format, you can scale the icon to any size to fit with your design or use it in high quality print materials.

Social Icons Vector Set

Here is a new free social icons vector set, which consists of 16 popular icons, available in both vector and PNG (64×64 pixels) format. Free for any use

Free and Exclusive Icons: Brown Social Icon Pack

In the pack, you will find 12 glossy polished icons in different size variations: 32×32px, 64×64px and 128×128px for maximum flexibility. All files are .PNG format and are mainly brown-colored especially for all you brown fanatic bloggers that like to share posts over the social networks nowadays.

Free Social Network Icons from IconShock

Included icons are for following services. Digg, StumbleUpon, Facebook, Twitter and Delicious.

Fluzzy Twitter Icon Set

Another high quality free Twitter icon set

Social Trucks Icons

There are 10 colorful, spacious and unstoppable social trucks at a whopping 512×512 px resolution for you

/> inFocus Simple White Social Media Icons

Free Grass Textured Social Bookmarking Icon Set

Circular Social Media Icons Repack

Social Trucks Icons

There are 10 colorful, spacious and unstoppable social trucks at a whopping 512×512 px resolution for you

/> inFocus Simple White Social Media Icons

Social Network Icon Set

These Iconshock icon set comes in 6 different sizes: 12×12, 16×16, 24×24, 128×128, 256×256 and 512×512 covering social various social network logos like Blogger, Delicious, Facebook, Flickr, Linked-in, Reddit, RSS feed, Stumble Upon, Technorati and Twitter.

Latte Art Social Icons

Four social icons for Facebook, RSS, StumbleUpon and Twitter available as 128×128, 64×64 and 48×48 PNGs.

Free Furry Cushions Social Icons Set

A Free Sophisticated Premium Peel Over Icon Set

Silver Button Social Media

Glossy Orange Orb Soc. Media

New & Free Social Media Icon Set For Your Blog

Extreme Grunge Social Icons

This high quality, hand made, icon pack is full with 20 Extreme Grunge Social Media Garments. Each icon is in .png format with transparent backgrounds, sized at 256×256px. Icons are free for commercial and personal use.

Free Set of 25 Icons from TurboMilk

This set of 25 web icons in 3 sizes was created by Eugene Artsebasov and the illustrious Turbomilk team!

Beer Cap Social Icons

Featuring the PNG goodness you’ve come to love in 3 sizes: small (48 px), pint (64 px) and pitcher (128px).

Old Bottle Crowns Icon Set

This set contains 20 200px x 200px PNG files that you can easily resize and edit for your website design.

Social Cubes – Exclusive Vectortuts+ Free Pack

If you’re looking for high-quality social icons for your next web project, then check out these icons. This set of 18 high quality freebies is available to download today! Enjoy!

Free Social Media Icon Set: Chrome

This set includes 19 social networks along with a standard RSS icon in PNG format.

108 Glowing Neon Social Media

108 Glowing Neon Social Media Icons, 512px * 512px Free for personal and commercial use

Gummy social icon set

This icon set consists of 12 social icons, in PNG and EPS format as well.

Free Set of Social Media Icons

In this set, you will find 23 different icons that is perfect for content-centered websites such as blogs, news sites, etc. You will find PNG, ICO, and BMP file formats of various sizes (up to 512×512px) for ultimate flexibility and usability.

T-Shirt Social Icons

Available in two durable materials, PNG and EPS, at the comfortable size of 128×128 pixels.

Amazing 3D Social Icons

A brand new set that consists of 20 3D icons in PNG format (64×64 & 128×128pixels).

Social Icons Made of Wood

Here’s another social icon set from webtoolkit4.me. This time the theme is wood. The set consists of 11 icons in PNG format (64 x 64). It’s free for both personal and commercial projects.

New free social icons sticker set

Tabbed Social Media Icon Set

81 Pixel perfect Social Media Icons

108 Black Inlay on Steel Social Media Icons

Nuovo set Social icons

Social and Web Icons

Social Media Comment Bubbles

Extended set of social icons

Location: Free Social Media Icon Set

Set of social icons no.2

Icons Cloud

Aquaticus Social Icons

Social Media Mini Iconpack

Social Network Icon Pack

Page Peel

Social Bird Iconset

Twitter Bird Icon Set

Polaroid icon set

Twitter icon set

Café Icon Set

Free Social Media Icons

Free Set of Social Media Icons – Rivet Social

Folder Style

Read the original:
The Ultimate (Fresh) Collection Of High-Quality Free Social Media Icon Sets

Stunning Pieces Of Digital Arts ‘Wow’

Bulent — Wed, 10 Mar 2010 11:17:50 +0000

This is a post in which we are listing down some Stunning Pieces Of Digital Art That Make You Say ‘Wow’. These are some of the beautiful digital artwork and illustration examples. These are the wonder creations of designers who use their creativity with a different angle and approach to get the result that makes a difference.

You are welcome to share if you want to share more Digital Art And Illustration For Creative Inspiration that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter and do not forget to become our fan on facebook as well. Click on the images to go from where the images has been taken.

Fire Within Me by =freaky665

Shiba’s Guidance by =Luches

Skullduggery by by Ng Fhze Yang

Colour by Wangli

Fire flower.. by ~shadow-light13

Forest by ~tahra

Muacks by LicoMomo

King of the Ash World by Diane Özdamar

The Monster Nian by Jason Juan

Metamorphosis by Cristiano Siqueira

Let Me Fly To Freedom by *Rockfield

Unique by ~ouwEnz

Jellyfish March by =Kaze-Hime

Cinabre by Diane Özdamar

Originally posted here:
Stunning Pieces Of Digital Art That Would Make You Say ‘Wow’

5 Great Extensions for Google Chrome

Bulent — Wed, 10 Mar 2010 11:09:25 +0000

From opening a new tab to restoring or saving our session, we perform various tasks in our internet browsers. Sometimes these tasks are present in the browser in an already convenient enough manner to make life easier for the user. But at other times, in the form of extensions and add-ons, third-party developers make these browser tasks easier for us.

Since I use Chrome most of the time, I gathered 5 browser extensions which I think most Chrome users will appreciate. These extensions facilitate users in different ways, from saving our browsing sessions and managing our tabs to letting us choose hotkey shortcuts.

Give the list a thorough reading, try out any extension you are interested in, and let me know in the comments how they worked out for you. You are welcome to share if you know more useful google extension which our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter and do not forget to become our fan on facebook as well.

Too Many Tabs

Chrome, like all other modern browsers, supports the usage of multiple browser tabs. While this feature is mostly convenient, it can cause problems if the number of our tabs gets larger. The usual problem faced is finding the right tab when we cannot even view the favicon of the webpage, much less read its title in the tab. Too Many Tabs lets places an icon in our address bar which we can click to view our tabs as cascaded thumbnails; this view makes finding the right tab easier. Custom color schemes and interface designs make Too Many Tabs a great extension to manage tabs in Chrome.

LastPass

LastPass is a free password manager and form filler which comes in the form of an extension not just for Chrome but also for Firefox, Internet Explorer and Safari (Mac). While the standalone extension works fine in other browsers, in Chrome we need to download LastPass’s complete windows installer (available here). This tiny extension lets us import and export passwords to and from numerous storage vendors. Supported vendors include RoboForm, 1Password, KeePass, Password Safe, MyPasswordSafe, Sxipper, TurboPasswords, Passpack, Firefox, and Internet Explorer’s built-in password managers.

Session Manager

I personally found Session Manager to be more suited to my own needs. I often have a lot of tabs open when I get involved in a topic. I open up multiple web resources and references for that topic and end with a lot of simultaneously open tabs. Saving them all in the bookmarks will cause bookmark-clutter. Session Manager lets me conveniently save the entire session with a description to accompany it. I can save multiple sessions and restore them any time I want.

FreshStart

If you are looking for a session manager that will work across multiple computers, then FreshStart for Chrome is what will serve your needs best. With this extension, when we save our sessions, we can choose to exclude certain tabs. Our sessions are saved locally in the FreshStart bookmarks folder and synced to the cloud via Google Chrome’s bookmark sync feature. This way we can access our saved sessions on any computer which has Chrome with FreshStart installed.

Shortcut Manager

Shortcut Manager will benefit anybody wanting to set custom hotkeys to various Chrome tasks. We can change the browser default shortcut keys, and assign any bookmarklets or JavaScript actions to our hotkeys. Apart from built-in Chrome actions and the JavaScript actions which can assign, we can also capture the screen and insert our signature on a page.

Read the original here:
5 Great Extensions To Manage Various Tasks On Google Chrome

How to Make a Killer Viral Photo Gallery

Bulent — Wed, 10 Mar 2010 11:03:11 +0000

This post is by the online imagery experts at Shutterstock, a subscription stock photo agency.

You see photo galleries all over the web: The top 10 such-and-such photos, or 25 amazing this-or-that pictures. If you’re like us, you click on almost every one of them. Themed photo galleries on blogs work for a simple reason: Almost everyone appreciates great pictures and enjoys sharing them with friends. If you can dream up a good theme, write a good headline, and deliver a payoff of stunning visuals, you’ve got a viral hit on your hands.

The difficulty is getting the pictures legally and fairly. You could look for photos on Flickr or Google Images, but you face some time-consuming work: making sure you have permission to republish the pictures. Usually this means contacting every photographer or their agents individually. Some photographers will be delighted that you’re sharing their work, but others will be offended if you fail to give them a say in how the work is presented (or, of course, pay them for it). With rare exceptions (such as NASA images and very old photos), every photograph is copyrighted unless the rights holder says otherwise. You’ve probably read stories about web sites that have had to pull content offline after complaints or legal action from photographers. You don’t want to be in that position.

This tutorial will teach you how to use a stock image library to find images you can legally and safely use on a blog. Obviously, we’d love it if you get your images from Shutterstock (Spoiler alert: There’s a coupon at the end of the article) but we hope you find this information useful even if you don’t. This tutorial offers some basic guidelines for image searching and selection, and assumes you’re already familiar with the fundamentals of blogging and have access to Adobe Photoshop. Let’s get started on building a viral photo gallery for your blog.

1. Come up with an idea and a title.

Pictures of lightning? Underwater scenes? Ugly pets? Things with spots? Get creative, but keep in mind some ideas naturally lend themselves to great photographs. For this tutorial, we’re going to put together a gallery of pictures of impressive bridges. Your title should be short, catchy and as bold as possible without overpromising. Remember, this will be what people see in RSS feeds and social networking sites, so it should make it obvious that it’s a photo gallery. Audiences also respond well to titles that specify a number of images, so they know they’re not about to be overwhelmed with somebody’s collection of 1,000 vacation snapshots. For this exercise, let’s go with the title “Photo Gallery: The World’s 5 Most Beautiful Bridges.” (We might go with 10 or 20 pictures on a blog, but here we want to keep it short.)

2. Visit a stock library and start searching.

When you first start to search, you might be overwhelmed with your choices. If you type “bridge” into Shutterstock, you’ll get more than 65,000 results, including both illustrations and images. You can refine your search by limiting it to just photos and sorting the results by the most popular images. As you get a feel for what kinds of images are in the library, you might want to add more keywords, like “river” or “night” or “suspension.” If you see a picture you really like, you can display images similar to it by clicking on the similar images icon that appears below each thumbnail (on Shutterstock, it looks like two overlapping squares). You can also click on a photographer’s name to display more images by the same photographer, since there’s a chance they might have other images that fit your theme.

3. Build a lightbox and choose your favorite photos.

A lightbox is a folder you create on a stock site to keep track of images you might want to download. On Shutterstock, when you see an image you like, click on the icon that looks like a light bulb. Select “new lightbox” from the menu, give it a name, and start adding pictures to it. Go crazy – add everything you like.

Now, the editing process begins. Photo editing is a skill that improves with practice and some sort of an art background, but even if you’re new to it, you probably know more than you think. Do you see an image that makes you laugh, that reminds you of something you like, or that you would want to immediately share with a friend? Keep that one. Are there a couple of images that look really similar? Pick one and forget the rest. Edit tight. Don’t be afraid of passing up the wrong image, and go with your instincts. Remember, you want to give your visitors a surprise-and-delight moment, not bore them.

4. Download and resize your images.

OK, we’ve settled on the images we want. Now we visit each image page and download the size we need. This is a good time to check the usage terms for the site to make sure the usage we want is allowed. Shutterstock limits online usage to a maximum of 800 x 600 pixels. That restriction is in place to keep people from distributing print-quality images online, and it’s plenty big enough for most blogs. (This particular blog has a width of 540 pixels, so we’re in good shape.) For most of the images we’re about to download, the medium-size images will be the proper size, so we’ll download that size. (When in doubt, download a larger size than you need.)

Next, use Photoshop or another image editing program to make sure all your images are resized to the pixel width of your blog and saved as JPEG format.

5. Order your photos, write captions, and place them in your blog.

Like editing, sequencing is a skill that gets easier with practice. To start, you can’t go wrong if you arrange your photos in a way that tells a story, and write captions to match. Alternately, you can lead with your best photo, then alternate between traditional, conservative shots and unexpected, creative ones. Your captions should be short but contain enough information to answer any obvious questions a visitor will have when looking at the photo. (Such as: What is this, and why is it so great?) You should also credit the photographer and the source of the image. It’s useful to include a link to the source of the image as well.

When you’re happy with your images and captions, enter them into your blogging program, publish, and start spreading the word.

To show you what we came up with following these steps, here’s our mini list of bridges.

Photo Gallery: The World’s 5 Most Beautiful Bridges

The Brooklyn Bridge, New York, completed 1883.

Millau Viaduct, France, the tallest vehicular bridge in the world, completed 2004.

Tower Bridge, London, completed 1894.

Ponte Vecchio, Florence, Italy, completed 1354.

Tsing Ma Bridge, Hong Kong, completed 1997.

There are plenty of other beautiful bridges out there, but you get the idea.

We hope this leaves you feeling inspired to give stock photography a try as a source of content for your blog. Be picky, be creative, be funny, and above all give your audience something they’ll genuinely enjoy. If you want to try Shutterstock, they have monthly subscription packages that let you download up to 25 images a day, plus “On Demand” plans if you need just a few images. They invite you to save 10% with coupon code SMASH10*.

For more tips on how to use Shutterstock images, visit our blog: blog.shutterstock.com.

*10% Discount on Standard Licenses Only

Go here to read the rest:
How to Make a Killer Viral Photo Gallery

Showcase Of Beautiful Floral Typography

Bulent — Wed, 10 Mar 2010 10:54:13 +0000

Floral Typography is a form of art that coalesce typography, calligraphy, and lettering to create dynamic, flourishing designs. Since flowers are universal images that never go out-of-date, many designers opt to create floral typography for their designs. With floral typography, you can create appealing and noteworthy designs that capture the attention of your visitors. You can convey your message in very artistic way and with the floral ornament you can make your design inspiring, revitalizing and make it stand out of the world. So, here we have listed some really impressive Floral Typography to inspire those designers who are working on enhancing their creative skills.

You are welcome to share if you know more beautiful floral typography which our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter and do not forget to become our fan on facebook as well.

Dont Panic

Eco-environment

Floral Love

Gig Poster

STAY GREEN. GO RED.

Love

Keep Reno Green

Idea

Summer Exhibition

Designers don’t commit crimes

Logan

I Love Art

Hide and Seek

Play

Title

Typography-A

Type

BlackOut

White

Beautiful

Ecosystem BW

Spring

Deja VU

My Fake Cover

Tipo 04

Type

The Mask of Sorrow

A New Leaf

Crude

Nokia

Inspire

D+G Vector and Drawing

Using mixed media

Flickr the world

Word

Funkrush

Hello

Trust

Island

Got Milk

Silk

I love you

Chanel 4 25th Anniversary Book

What we do in life, echoes in eternity

Love

Read more from the original source:
The Colorful Showcase Of Beautiful Floral Typography

Need Interactive Charts. Try Highcharts

Bulent — Wed, 10 Mar 2010 10:46:57 +0000

If you have a non-commercial website and you need to add charting capabilities in your website, Highcharts may suit your needs. Highcharts is a free charting control developed purely with Javascript so that you can show interactive charts on your website. Since its purely developed with Javascript, you don’t need any special server side technologies like ASP.NET or PHP and no client-side plug-ins are required like Flash or Silverlight.

Highcharts is dynamic in nature. With the support of jQuery and Ajax API, you can dynamically set axes and points of charts at runtime, hence making Highcharts an excellent choice for demonstrating real-time data like Stocks and Forex.

It works with all major web browsers including iPhone and supports a number of chart types, such as:

Line
SplineArea
Areaspline
Column
Bar
Pie
Scatter

Implementing Highcharts just require some basic understanding of Javascript and you don’t need to be an expert programmer having special programming skills in specific languages. The syntax is very simple and the integration is almost seamless.

In addition to all this, Highcharts gives your website an enhanced user experience with interactive moving charts with cool designs and eye-catching colors.

Link:
Need Interactive Charts For Your Personal Website? Try Highcharts

Now Embed Free Online Photo Editor

Bulent — Wed, 10 Mar 2010 10:32:33 +0000

Picmeleo is a free online photo editor that any third-party developers can easily add Picmeleo to their web service and launch the light-weight yet powerful photo editor whenever their users need to to upload or to edit an image. By adding Picmeleo to your web service, you can now engage your users with even richer content. This is the smartest way to let your users upload and edit images for your service.

Unlike other photo editors, Picmeleo opens within your site and your users never leave your service.. Integration and ease of use. Everything about Picmeleo is designed for easy integration to your website. The lightweight editor does not clutter your service and you can also fully customize Picmeleo’s tool box.

Open Editor

The editor can be launched anywhere in your layout by calling the picmeleoApi.open method. Your open link could look like this:

Open Picmeleo editor

Pass the url of the image if you want the editor to open with a default image. Omitting the url will open an empty editor

Simple Integration

Integrating Picmeleo to your website couldn’t be easier. Just copy a few lines of embed code and Picmeleo is working on your site!

Custom Tools
Unlike other photo editors, you can customize the tools of Picmeleo any time you want in the online admin interface. Sometimes photo editors can be overwhelming. Picmeleo allows you to pick the tools your users really need. Choose from a growing list of tools including Crop, Scale, Rotate, Auto-fix, Filters and many more.
Multilanguage Support
Picmeleo has built-in multilanguage support and you can easily set the language in the online admin interface. We are still working on different language options at the moment, stay tuned for more.

Picmeleo can be utilized in numerous places. Think of these examples:

social network

let your users crop their profile images

eCommerce

let your users enhance their product images during upload

photo gallery

let your users easily edit your images online without leaving the site

The possibilities are endless…

Read the rest here:
Now Embed Free Online Photo Editor In Your Website With Picmeleo

Beautiful Designs with Smoke Typography

Bulent — Wed, 06 Jan 2010 13:13:00 +0000

There is something very beautiful and mysterious about smoke. Using smoke in a design can produce some amazing visual effects, as you can see in this collection. In case you want to incorporate smoke effects in your own designs, we’ve also included some design resources in this article that you can check out.

Smoke Typography Showcase

Smoke Typography Brushes

Smoke Brush Set

Stunning Smoke Effects: 42 High Resolution Photoshop Brushes

Smoke Brushes

Smoke Typography Tutorials

Smoke Type in Photoshop in 10 Steps

Create Smokey Typography in 12 Steps

Create Smoke Text

About the Author

Hakan Nural is a freelance graphic designer and blogger from Turkey in İstanbul. He runs a couple of resource sites for graphic designers called Vectorss.com and Brushess.com which shares useful vector files and brushes. If you wish to keep up with Hakan, you can find him on Twitter: @vectorss.

Excerpt from:
Beautiful Designs with Smoke Typography

Getting Started with most popular jQuery libraries

Bulent — Wed, 06 Jan 2010 13:12:51 +0000

The web development scene is moving forward at a lightning-fast pace, and it’s imperative that developers continue to keep their skills fresh. If you’ve been involved in front-end design or development in any form over the past five years or so, then it’s very likely that you’ve experimented at some point with one of the popular JavaScript libraries, many of which have become quite prominent and are now used on a number of large commercial websites.

In this article, I’ll be introducing and laying the groundwork for advanced JavaScript development with one of the most popular JavaScript libraries available: jQuery.

Although there are many beginning tutorials online that can provide a great starting point for jQuery development, in this article I’m hoping to go beyond just quick-start syntax and instead provide a solid overview of jQuery and discuss the benefits of using such a library. Of course, much of this information–outside of the syntax and other jQuery-specific details–will be applicable to any JavaScript library.

Why a JavaScript library?

To quote the official jQuery slogan: “Write less, do more.” The role of a web developer is to create code that determines what will result from a user’s interaction with a web page. Web developers should not have to spend hours debugging browser quirks. Instead, they should be free to deal solely with the actions and the results. This is where a JavaScript library comes into play.

Overcoming browser differences

Different browsers handle DOM manipulation, transparency effects, and animation in different ways, requiring, in some cases, reams of code just to create a simple effect. Using a JavaScript library allows you to completely bypass all of those challenges, giving you access to an API (Application Programming Interface) that deals directly with the tasks you actually want to accomplish. All the challenges and issues common to JavaScript are dealt with behind the scenes, allowing you to integrate functionality without wondering whether or not it will work in a particular browser.

Unobtrusive JavaScript

Another impelling reason to use a JavaScript library is that all libraries allow you to include JavaScript in your pages unobtrusively, thus keeping your behavior layer (the JavaScript) separate from the content and presentation layers (the XHTML and CSS).

Accomplishing complex tasks with ease

Finally, a very powerful feature of any JavaScript library is its ability to manipulate any element or set of elements on a web page with just one line of code. Take, for example, the following HTML:



Text Here
Text Here
Text Here
Text Here
Text Here

Let’s say you wanted to use JavaScript to change the background color of the first list item element (

) in the unordered list above. Using pure JavaScript, your code would look something like this:

var myListCollection = document.getElementsByTagName("ul");
  for (var i = 0; i < myListCollection.length; i++) {
    if (myListCollection[i].className === "list") {
      myListCollection[i].childNodes[0].style.backgroundColor = "blue";
    }
  }

Using jQuery, you can accomplish the same thing with just one, easy-to-maintain line of code:

$("ul.list li:first-child").css("background-color, "blue");

Understand CSS concepts

One area that is imperative to powerful jQuery development, is strong knowledge of CSS. The reason for this is because jQuery often utilizes CSS-based syntax to manipulate DOM elements. Here are some concepts that you should be quite familiar with before diving into extensive jQuery development:

Type selectors
Class selectors
ID selectors
Descendant Selectors
Child Selectors
Attribute Selectors
CSS Specificity
The Cascade & Inheritance

Most of the above CSS concepts should already be very familiar to any modern-day front-end developer, since any CSS layout would utilize these. jQuery not only incorporates the basic selectors (type, class, and ID), but it also uses descendant and child selectors, which aren’t supported by all currently-used browsers. But with jQuery, due to its built-in browser normalization, all selectors are supported equally.

Understanding that jQuery incorporates CSS syntax when accessing elements will greatly enhance your ability to quickly and easily create powerful JavaScript applications with jQuery.

Understand JavaScript concepts

In order to make full use of jQuery, it is a good idea to learn certain JavaScript concepts. Sure, you can do a ton of stuff in jQuery without knowing much about some of the concepts listed below, but you’ll have a bigger advantage in your jQuery development if you take the time to understand a few fundamentals, including:

Object creation
Properties of objects
Object literals
Functions as methods
Anonymous functions
Closures

Again, it is not necessary to fully understand any of the above concepts in order to start working with jQuery, but your abilities with jQuery’s API will increase greatly if you understand one or more of the above concepts.

Object-Oriented JavaScript: An Introduction to Core Concepts
Object-Oriented Javascript at Webreference.com

The jQuery source code

Before getting started with any jQuery development, you’ll first have to download the latest version of the jQuery library and include it in your pages:

The above line of HTML should appear before any actual jQuery code, otherwise you’ll get errors.

Alternatively, instead of hosting the source code yourself, you could link directly to the most recent version on the Google Ajax Libraries API which can save you some server resources. (read more ways to offload website features).

jQuery syntax

Now that you have an overview of the benefits of jQuery, along with some understanding of concepts involved, let’s take a look at some syntax to get us started with this powerful library.

The jQuery wrapper

The jQuery wrapper is the function that is at the core of all jQuery commands. I used it earlier in one of the examples above. Here it is again:

$("li a");

The $ symbol is an alias for the jQuery function, so the above line of code could alternatively be written:

jQuery("li a");

But, for obvious reasons (e.g. to keep your code terse), you’ll rarely see that syntax.

The jQuery function shown in the above two examples returns an object containing an array of the DOM elements specified inside the parentheses (in this case, all anchor tags that are nested inside of

tags). Of course, in both examples above, we haven’t specified an action; all we’re doing is returning those DOM elements, which does nothing. In the next section, we’ll add methods that will act on the group of elements we’re targeting.

jQuery commands

jQuery’s API includes easy access to effects and other actions via built-in methods that would normally take dozens of lines of code to accomplish in a cross-browser fashion with pure JavaScript. For example, let’s add a “fade out” method to the code from the previous examples:

$("li a").fadeOut();

The above line of code “fades out” all anchor tags on the page that are nested inside of

tags. If we want to fade the anchors back in again, we just use the fadeIn() method:

$("li a").fadeIn();

Chaining commands

jQuery also allows developers to chain commands, stringing one after another. So, we could combine the previous two examples, as follows:

$("li a").fadeOut().fadeIn();

The above code will fade out all anchor tags nested within list items, then immediately fade them back in. The number of chained items is infinite (or within reasonably set limits), allowing for numerous commands to work on the same group of elements, each happening in succession.

That’s just a small sampling of what’s possible with jQuery, and how easy it is to accomplish tasks that would normally take many lines of code, and a lot of browser testing. Although you’ll still do browser testing when running jQuery code, the results will virtually always be the same: cross-browser, unobtrusive JavaScript that’s easy to write and easy to maintain.

Running code when the DOM is ready

Earlier we touched on the concept of unobtrusive JavaScript, and how jQuery is written to allow your scripts to remain separate from content and presentation. So far, the code examples we’ve discussed would run fine as long as they were included at the bottom of an HTML page. If, on the other hand, they were included in the head of the document, they would fail to work because, at that point, the document tree has not yet rendered.

jQuery allows us to run our code only when the DOM is ready. This is done by means of the $(document).ready handler. The beauty of this handler is that it doesn’t make the code wait until the entire page finishes loading, as would be the case with a typical window.onload event. With the (document).ready handler, your code will run as soon as the DOM tree is finished rendering, before all images and other media have finished loading, thus minimizing load time.

Let’s try running our previous code example when the DOM is ready:

$(document).ready(function(){
  $("li a").fadeOut().fadeIn();
});

The above code tells jQuery to run an anonymous function when the document tree is done rendering. The anonymous function contains the code we saw previously, which faded our anchors out, then immediately faded them back in again. This code could be included in the of the document, near the bottom of the page, or anywhere else, and it would run exactly the same way.

The “ready” event is just one of the many events available through jQuery’s API. Others include click, dblclick, load, blur, keydown, submit, and more.

Conclusion

jQuery is capable of so much more, and I’ve only just begun demonstrating its power and simplicity. But I think this suffices to provide a good overview, with some syntax basics, thus preparing beginning jQuery developers for easy-to-write and practical JavaScript code.

About the Author

Louis Lazaris is a writer and freelance web developer based in Toronto, Canada. He has 9 years of experience in the web development industry and posts web design articles and tutorials on his blog, Impressive Webs. Follow Louis on Twitter or contact him through this form.

Read more here:
Getting Started with jQuery

Kentico CMS License & 1-Year Maintenance

Bulent — Wed, 06 Jan 2010 13:12:49 +0000

Today, we are announcing an awesome giveaway: a full license to Kentico CMS which includes one-year maintenance/support. Read on to see how you can participate and get a chance to win this awesome prize valued at $1,999!

What is Kentico CMS?

Kentico CMS is a web content management system (CMS) solution providing a complete set of features for building websites, community sites, intranets and online stores on the Microsoft ASP.NET platform. It’s currently used by more than 4,000 websites in 83 countries.

Some of the notable companies that use Kentico CMS include Microsoft, McDonald’s, Vodafone, O2, Brussels Airlines, Audi, Mazda, Subaru, Samsung, Gibson, Bayer, ESPN, Guinness, DKNY and more (see more of their big clients here).

Read more about features of Kentico CMS on their site’s Features page.

Try Kentico CMS

If you want to evaluate Kentico CMS, they offer you several options:

Download the Free version of Kentico CMS

The free version of Kentico CMS is free to download, and you can use it for any purpose, including commercial purposes.

Download of Trial version of Kentico CMS

The trial version is fully functional for 30 days and will help you evaluate the Kentico CMS features.

Get a Virtual Lab set-up for you

This will let you evaluate Kentico CMS without having to install anything (they’ll set it up for you on the Kentico CMS servers).

How to participate in the Kentico CMS giveaway

In order to qualify for a chance to win the 1-year subscription to Kentico CMS, just leave a comment below that answers the following question:

What’s a Kentico CMS feature that interests you the most?

You can see the feature list of Kentico CMS on their site:

www.kentico.com/free-cms-asp-net.aspx

Kentico CMS giveaway details

This giveaway ends on Tuesday, January 12, 2010. After that date, commenting on this post will be disabled and you’ll no longer be able to participate.

When leaving your answer, make sure to leave a valid email address because this is the only way we’ll be able to notify you if you’ve won. The winner will be selected at random using the same method as previous Six Revisions giveaways (you can see the MySQL random query method that we use in this giveaway).

You should subscribe to the Six Revisions RSS feed so that when the announcement post has been published, you’ll get instantly notified.

About the Author

Jacob Gube is the Founder and Chief Editor of Six Revisions. He’s also a web developer/designer who specializes in front-end development (JavaScript, HTML, CSS) and PHP development. If you’d like to connect with him, head on over to the contact page and follow him on Twitter: @sixrevisions.

Here is the original post:
Giveaway: Kentico CMS License & 1-Year Maintenance

Web Tutorials, Resources, Web Trends, Code Snippets, Php scripts, Opensource, Ecommerce, Cms, Html, Xhtml scripts, Themes, Templates, Css, Psd tuts, Photoshop,tuts,web,website,tutorial,web tutorial

For radio station DJ’s or Shows

How to Get Free Content & Media Hosting

DotNetNuke Makes It Easier For You

5 Tools Bloggers Should Know About

High-Quality Free Social Media Icon Sets

Stunning Pieces Of Digital Arts ‘Wow’

5 Great Extensions for Google Chrome

How to Make a Killer Viral Photo Gallery

Showcase Of Beautiful Floral Typography

Need Interactive Charts. Try Highcharts

Now Embed Free Online Photo Editor

Beautiful Designs with Smoke Typography

Smoke Typography Showcase

Smoke Typography Brushes

Smoke Typography Tutorials

Related Content

About the Author

Getting Started with most popular jQuery libraries

Why a JavaScript library?

Overcoming browser differences

Unobtrusive JavaScript

Accomplishing complex tasks with ease

Further reading

Understand CSS concepts

Understand JavaScript concepts

The jQuery source code

jQuery syntax

The jQuery wrapper

jQuery commands

Chaining commands

Running code when the DOM is ready

Further reading

Conclusion

Further reading

Related Content

About the Author

Kentico CMS License & 1-Year Maintenance

What is Kentico CMS?

Try Kentico CMS

Download the Free version of Kentico CMS

Download of Trial version of Kentico CMS

Get a Virtual Lab set-up for you

How to participate in the Kentico CMS giveaway

Kentico CMS giveaway details

Related Content

About the Author