yensdesign – Tutorials, Web Design and Coding

Daily free tutorials about web design, coding, jquery and more

Archive for the ‘Web Design’ Category

Cracks — “only the best” WordPress Community Theme

Tuesday, January 11th, 2011

Hi again guys! Long time no see :)

I just want to share with you that I’m actually releasing a new Premium WordPress Community theme titled: Cracks — “only the best”, here you have a screenshot linking to the theme:

cracks wp theme

Theme description

cracks is an awesome and professional WordPress theme for those who need a community or personal blog to publish elegant and structured content without sacrificing readibility and functionality.

Since it’s a community theme, all publications are accompanied by info about the author.

It comes with a full customizable sidebar with counters for twitter and RSS feedburner, a cool gallery importar from flickr, a fully functional contact page, and much more…

For your convenience it comes with a complete documentation to configure (step by step with lot of images) your wordpress and theme, customize it and more.

You can buy it on Themeforest.

Yensdesign would like to thank GoPromotional for the fantastic Promotional Gifts.

In addition this theme can be used on a vps hosting plan. Details of shared hosting and VPS plans can be found at an industry recognized resource on budget hosting.


Ontuts: New Theme Released!

Monday, August 17th, 2009

Ey guys! I have finished a new theme released in Themeforest, it’s named “Ontuts” and it was designed for those who need a smooth and elegant template.

As you can see, it is made with the intention of use it for website tutorials like psdtuts, nettuts and so on… and other kind of “community” blogs. I hope you like it, here you have a working preview.

So waiting for your comments and I hope you like it!

Monofactor Icon Set 1: 25 Free & Scalable Icons

Wednesday, June 3rd, 2009

Hi there guys! Long time ago from the last freebie eh? This time I want to show you a new free icon set called Monofactor Icon Set 1.

Download the Icon Set!

The pack contains 25 free and scalable icons with a high quality in Illustrator format. It’s licenced under Creative Commons License and you will be able to use it on your personal but non commercial projects.

You can download the entire Monofactor Icon Set 1 here.

Note: You can open the .ai file with any version of Illustrator above 8.0. With earlier versions, you might loose some of the effects on the icons.

With 646-364 course, learn how to design beautiful web icons for your personal website. Learn the useful tips and techniques using 642-661 guide and 642-504 tutorials.

Smashing Retro Icon Set: 10 High Quality Vintage Icons

Saturday, February 14th, 2009

Hi there guys! This time we are featuring a new recent pack of icons from Smashing Magazine and Soft Facade. It’s called Smashing Retro:

The pack contains 10 high quality free “vintage” icons in .PNG format to use in any kind of personal and commercial projects without any restrictions.

You can download the entire Smashing Retro Icon Set here.

Thanks for all guys one more time and stay tunned! We will release our next optimization tutorial very soon!

Don’t forget follow us on twitter and visit our forums!

Office Tools Icons: 8 Free and Elegant Icons

Sunday, February 8th, 2009

Hi guys! Are you looking for some icons focused in Office Tools? So Office Tools from seifito it’s your pack!

Office Tools Pack contains 8 high quality icons in 3 formats: .ICO, .ICNS and .PNG to use for free in your personal projects but unfortunately not in your commercial projects.

Yo can download the Office Tools Pack by clicking here.

Have a nice day and see you soon guys!

Boost up your creative skills using EX0-101 design tutorials and 350-030 guide . we offer expert 640-553 resources to help you create exclusive icons focusing office tool for your personal web project.

FRESH ADD-ON: 59 Free & Fresh Icons

Thursday, February 5th, 2009

Hi there guys! We continue recommending you more free icons to improve your web designs.

This time we are presenting you 59 free fresh and lively icons with a high quality. The pack is named FRESH ADD-ON:

The Fresh Add-on contains such useful and flexibly applicable icons as application and financial symbols. Lot of formats such as: icns, ico, png and tif.

You can download the pack here.

The pack contains too the .ai file to open them in illustrator. Thanks for all guys, enjoy it!

Flavour Icons: 177 Free Amazing Icons

Friday, January 30th, 2009

Yeah guys! One more time we have surpassed a new daily unique visitors record, thanks for all! This month is growing so fast! :D

This time we are featuring a free pack of 177 vector icons designed by Oliver Twardowski for Smashingmagazine. It’s called flavour:

The set is available as a free download and you can freely use it for both your private and commercial projects.There are 177 vector icons and their sources to modify them as you wish.

I am really impressive with this set, very talented, kudos for Oliver!

Download the pack (2.0MB)

Download the sources (.PSD files, 5.9MB)

Via Smashingmagazine, visit the original post for further information.

Get professional 640-816 training to pass 642-436 exam and learn how to design beautiful web icons using 220-702 design resources.

Speeding Up Your Website: Minimize HTTP Requests

Thursday, January 29th, 2009

Hi there guys! In yensdesign, we are continuously talking and publishing tutorials, tips, tricks and cool effects to improve the user’s experience by making our websites more friendlies and accesibles.

But there is a very important thing that you must not forget and which is the main cause by which users leave the site : LOADING SPEED.

We are going to review some important concepts about website’s performance and explain best practises to speed up your websites to reduce the loading time. Your server and your users will be happier at the end of these articles :)

Actually we have published these articles:

So let’s dive into the first part of these series: Minimize HTTP Requests.


Underground Elegance: New Theme Released!

Tuesday, January 27th, 2009

Hi there guys! I have spent my spare time in creating a new theme theme for submit it to Themeforest, but finally I decided to sell it directly in yensdesign for a lower price 9$ :P

I tried to create an underground template for personal websites such portfolios, combining darks colors, with blues and light grays with smooth gradients. I am really happy with the final result.

I called it Underground Elegance, judge for yourselves :)

I am really excited to see if some of our visitors are really interested in buy our themes over here…

You have more information about the theme, just continue reading.


How to display tips by creating a jQuery plugin

Monday, January 26th, 2009

Hi guys! If you have tested the beta of Plusmusica (it’s a beta, report bugs please!) maybe you have find some tips when you move the mouse over some elements. We will learn how to create them in a very easy way.

We are going to learn how to create our custom jQuery plugin to show tips on mouse over event on our desired elements. We will also be able to customize the appearence of the tip division for each kind of elements in the CSS code and much more.

A real example is worth a thousand words:

As always, you can try the living example over here.

Tested in: Firefox, Internet Explorer 6 & 7, Opera, Safari & Chrome.
Let’s learn guys!

Quick note: I receive questions about web hosting. I would recommend checking out WHS as they have a wide selection of good hosting providers and articles about the internet. Check it out for more info. Hope this helps!