yensdesign – Tutorials, Web Design and Coding

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$

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.

(more…)

Ey guys! First of all thank you so much one more time for your response to our tutorials, yesterday we have passed our daily unique visitors record! yayyy!

This time we are showing you 32 glossy icons from starfishwebconsulting for your eCommerce web applications:

Presenting 32 free glossy icons to use or remix in your eCommerce projects complete with master SVG file under GNU license.

You can download it by clicking on the above image or by clicking over here.

See you soon guys! Don’t forget to visit our forums to solve your doubts and share resources and remember you can follow us on twitter to know what are we doing in each moment

What’s up guys! Last hours I have spent my spare time in creating anoter simple and clean theme for submit it to Themeforest, as you may know the marketplace of envato, where users can submit and buy (x)HTML, WordPress, Joomla themes and more.

This time I tried to create a very clean template for personal websites such portfolios with one thing in mind: tell to to world who I am. I am happy with the final result, considering the time invested in the theme.

I called it Cleanfolio, judge for yourselves

I have reused some interesting things in javascript from the Dark Elegance theme like validation form and a fade in / out effect to the transition between sections.

Comments about the theme please!!

Hi guys and welcome to a new tutorial of yensdesign.com! Some of you ask us about the possibility of create a tutorial about how to validate forms in server side (using PHP). So i wrote a tutorial about it, adding some interesting features with jQuery:

We are going to learn how to validate your forms using PHP and jQuery in both sides: client side (using javascript with jQuery) and server side (using PHP). It will be interesting to see how to use regular expressions to validate different kind of e-mails, passwords and more.

As always, here you have a preview of what we are going to do:

You can try the living example before continue reading the tutorial. Remember that if you want to try the server side, you need to disable javascript in your web browser!

Tested in: Firefox, Internet Explorer 6 & 7, Opera, Safari & Chrome.

Let’s learn guys!

(more…)

Hi there guys! Last hours I have spent my spare time in creating a simple and elegant theme for submit it to Themeforest, a new marketplace where users can submit and buy (x)HTML, WordPress, Joomla themes and more.

I tried to create a clean template for personal websites such portfolios, combining darks colors and light grays with smooth gradients. I am really happy with the final result, considering the time invested in the theme.

I called it Dark Elegance, judge for yourselves

I have used some interesting things in javascript like validation form and a fade in / out effect to the transition between category projects.

Talking about validation form… I will try to post something about how to validate basic forms in javascript / jQuery.

Comments about the theme please!!

Hi guys this time in Freebies we are presenting you a new pack of smooth and beautiful icons composed of 148 hand-crafted icons for personal and commercial purposes for free: Bright!

In Words of their creators:

IconEden.com would like to present one of our most lovely set of icons as a free gift, the Bright! Icon Set. This 148-icon set contains all crisp-shaped icons that are designed for wide use in web applications, multimedia and software. This is a meaningful giveaway from us to community, so you can use Bright! for free for your personal and commercial projects.

Remember that you can download the pack here or by clicking the image above.

We hope you can use it to improve a little more your web applications

Founded via: Webappers.

The Last entry in freebies section has featured a set of 128 free icons with a great detail in 48×48 pixels and PNG format, but this time We present you more quantity: 1006 icons but still having the same quality:

These icons are available only in 16×16 pixels, you can download the 1006 quality icons pack by clicking the above image or by clicking here.

These icons can be used free for any personal or commercial projects and are licensed under a Creative Commons Attribution 3.0 license. If you want to remove the attribution, you must purchase license.

Via pinvoke.

Boost up your designing skills with 650-568 web designing course and learn how to create amazing web icon designs using 642-873 guide and 642-446 design tutorials.

Finally here you have the First Part of this series of tutorials to recreate an OS Web Interface with our lovely jQuery javascript library.

As you could see in the preview of this tutorial we will focus to create the drag & drop interaction, the double click on icons and a basic taskbar with a start disabled button and a real clock of the system.

As always, here you have a preview of the final result:

It will be very interesting how we can achieve all our goals without using thir party plugins etc.

You can try the living example before continue reading the tutorial.

Tested in: Firefox, Internet Explorer 6 (bad display of PNG icons, IE bug) & 7, Opera, Safari & Chrome.

So let’s go guys!

(more…)

Hi there guys! These last 2 days I have spent my spare time in creating a simple and clean theme for submit it to Themeforest, a new marketplace from Envato where users can submit and buy (x)HTML, WordPress, Joomla themes and more.

I tried to create a clear template for personal websites such portfolios, combining blues and light grays with smooth gradients. I am really happy with the final result, considering the time invested in the theme.

I called it Boobles, judge for yourselves

I was thinking about the chance to make a fast-screencast of the creating process, maybe it will be interesting and funny… Do you know some interesting free software to make screencast? Tell me please!

Hi again folks! As you can see, the amount of publications is increasing daily, it is because we realized that everyday more people come to read read the blog to learn about web design. So, we decided to spent more time to share our knowledge with you.

In this tutorial we will see how to create an AJAX website without lose the reference to the URL. What is that not lose the reference? If you have created some full AJAX website you have realized when you change the web content, the URL is not updated, so, the URL reference is lost. Services like Gmail uses it to increase the navigation’s user experience.

It can be very very useful to create awasome ajax based sites such as Gmail web application from Google, users will appreciate it so much. As always we will use jQuery to do the ajax part easier for all

Update: Now with loading division while you are waiting to load the current section!

You can test a working live example over here:

Tested in: Firefox, Internet Explorer 6 & 7, Opera, Safari & Chrome.

(more…)