There have been plenty of posts on the number of awesome javascript, Ajax and CSS techniques and where to find them. Today, we will have a look at 10 creative & rich UI in modern day websites and how you can create similar interfaces using the techniques mentioned in this post.

1. Alex Buga (Slider, Draggable Footer and Animated Menu)

Beside the absolutely incredible design you will find:

• 1.1 A menu with a nice animated effect on hover state

How To » Super elastic effect to design high impact web menu

This tutorial explais how to design an high impact elastic effect to make original web menu using some lines of Javascript code and MooTools framework.



Check out the demo

• 1.2 A sliding post panel.

Adobe Illustrator is a powerful tool for illustrating various elements one can use for web pages and print design. However, it’s important to know what to do in order to powerfully use its tools and achieve certain effects. So, step-by-step tutorials can provide a lot of help, thats why we spent a lot of time searching for Fresh and New high quality tutorials out there and the result was 30 remarkable illustrator tutorials and tips. Let’s take a look at some of the best and Fresh Adobe Illustrator tutorials we’ve found in the Web so far.

Gradient Strokes

A quick tutorial about how to create gradient strokes. This simple technique uses the Appearance panel and effects to create editable gradient strokes in Illustrator.

Visit Tutorial

How to Create Vector Clouds with the Gradient Mesh Tool

Web designers compete to impress visitors with distinctive and appealing visual elements. Background images are one of those visual elements that when designed properly, can create an amazing atmosphere and convey the style the designer has chosen.

In this post you will see how web designers carefully created background images to achieve their goals in engaging and facilitating the design elements and content.

We have hand-picked different background image trends and tutorials you can use to create an amazing background images for your upcoming website design.

How to Get the Following 14 Backgrounds?

1. Vigit Inspire Background

How To » How To: Make the Viget Inspire Background

How To » Create a Nature Inspired Painted Background in Photoshop

2. Wefunction Background

How To » Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it!

Nothing can be more useful than handy tools you can use “on the fly” in your design process. Whether you’d like diagramming application, create vector images, format or optimize CSS code, generate patterns- you can use dozens of tools to make your life easier. Today we wanted to share with you a comprehensive list of more than 40 online tools that will really make your life easier and on the fly.

1. Are My Sites Up

Are My Sites Up is a very simple service to help you keep an eye on your sites and warn you if they go down. With the free service, you may check up to 20 sites, unlimited notifications are sent via email or SMS text message to your cell phone, site checks are performed 25 times per day.

2. Wordle

http://www.smashingapps.com/

In past, we have listed various free web apps that are really useful for any one of you and specially for designers. Today, we are listing 11 Premium But Free Web Apps For Designers that are not only for designers and every one of you will probably love to use. Whether you are designer, developer, office worker, manager, supervisor, student, home user, etc. But we make sure to add something interesting for everyone. Most of them are not very well-known, but they are really amazing in respect to their features and functionality. Just take a look at them and share your thought here.

You are welcome if you know and want to share more free web apps that are really simple but useful and 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 as well.

CSS frameworks have grown in popularity recently, enabling developers to rapidly prototype designs. The idea of CSS Frameworks is to do all the heavy lifting of the repetitive tasks you do over and over again on each site, allowing you to get faster results and get to the fun stuff designers love.

Main features of good CSS Framework is to 1) rapidly speed up our development time, 2) should have a very small size, 3) have good documentation and tutorials and 4) have clean grid structure. You will need a basic understanding of the CSS framework you are going to use to understand why and how things get solved.

In today’s post we present an overview of the 5 most popular CSS Frameworks; showcasing handpicked tutorials for using each of them among other useful tools and resources you will definitely find useful and time-saving.