Zocial is a CSS3 social buttons set and vector icons with @font-face as a Sass mixin and is usable as a Compass extension. It includes buttons and icons for Twitter, Facebook, Google+, GitHub, RSS and Smashing Magazine.

CSSViewer shows the css parameters of any element in a web page, to enable/disable it simply click the toolbar icon and then hover any element on you want to inspect in the page. in this post we show you how to Successful installation CSS Viewer 1.0.3 in Firefox 7.

In this tutorial we’re about to learn how to design a dark, clean website in Adobe Photoshop. As we go through this tutorial, we’ll work with: simple shapes (rectangles, lines, arrows, etc), layer styles, patterns, importation, and paragraph styles, and many other Photoshop design techniques that you can adapt to your Website interface design workflow.

Individuals and companies are using WordPress websites. The number of websites powered by WordPress are increasing every day. More people using WordPress as a blog and few as CMS. People think WordPress is used only for blogs but they are wrong. Indeed, it is a great online Content Management System with a lot of customization, themes and plugins. While we are talking about WordPress as CMS, you might also like to see some examples of [...]

Color plays an important role in website design and add life to any design. Color is a powerful form of communication. Color can change actions and reactions and web designers choose it very carefully. Yellow color is best to get attention of people. Yellow is a color associated with joy, happiness and boundless energy. The right shade of yellow can produce a sensation of sunlight and warmth. You must have seen yellow designs very rare [...]

Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows. If you find a bug please submit an Issue or email support with a brief description of the bug and a link to where it can be reviewed. Slides is provided with limited support. If you need support please visit the Slides [...]

Appix is another complete free .psd template with home, blog, blog post, portfolio and contact page from themeskingdom.com, All .psd files are fully layered and well organized for easy editing/slicing. You can use it for all your projects for free and without any restrictions. Preview & Download

This web-based “Layer Styles” application has a very similar look to the one in Photoshop, allows us to play with the properties of an object but generates the output as CSS(3). Just like Photoshop, it has ready-to-use styles and comes with the menus like: drop shadow inner shadow background border border-radius This HTML5 application is open sourced, mimics Photoshop perfectly and worth checking.

Google rolled out its top navigation bar and it now reflects across Gmail, Search, Reader and other Google Apps. the new design looks a lot sleeker and more modern than the old one since it does away with all the old school underlines. So in this CSS tutorial praveenfrancis.com will showing us how to Create the Google New Top Navigation Bar with CSS and also give the source for free download.

This free website template PSD is for fellow designers and developers to download for free and use in their projects.  This Free PSD includes 3 website pages (Homepage, Blog and Portfolio). Just do me the favor and subscribe webanddesigners to your RSS feed. You can also like webanddesigners facebook page.