Here is a really good collection that every web designer MUST have. There are 11 icon sets listed with more than 3000+ icons in total, as you can see is pretty big, and bea-uti-ful I must add

This article has been transferred to the new and improved blog of Karina Myers - click on this link to be redirected to the article

Who doesn’t love gradients? Gradients help us to make more realistic designs, using different colors givin the sense of volume and avoid monotony. Gradient Sets make a designer’s life so much easier, and fortunately for us there are great people who are willing to share their gradient sets and people like me who are willing to make a collection of various sets just for you!
Here is a collection of 20 useful gradient sets. All this gradients are free, but make sure you read the license terms before using them.
If you find this post useful, fell free to leave a comment
—-
Quien no ama gradients? los gradients nos ayudan a crear diseños mas realista, usando diferentes colores, dando la impresion de volumen y evitar asi la monotonia. Los set de gradients hace mas facil la vida del diseñador, y afortunadamente para nosotros hay buenas personas que comparten sus sets con nosotros y personas maravillosas como yo quienes crean una gran coleccion de sets solo para ti!
Aqui les dejo una collection de utiles 20 gradient sets. Todos estos gradients son gratuitos, pero asegurate de leer la licencia antes de usarlo.
Si este post te fue util, asegurate de dejarme un comentario =]

This article has been transferred to the new and improved blog of Karina Myers - click on this link to be redirected to the article

I love retro designs and as web designers we know that it’s good to get some inspiration and refreshing ideas before starting a project, so here I put together a compilation of different retro designs, and resources like fonts, patterns, wallpapers, etc. that will come in handy in every project.

This article has been transferred to the new and improved blog of Karina Myers - click on this link to be redirected to the article.

Even though I haven’t been so much into the political campaigns that have been going on lately, I have noticed the interest that some politicians have taken in making a website presentable and attractive to the eyes of the reader, and make it so we as web designers appreciate the effort of their web design team.

I’m sure that by now many of you have seen the web site of the political candidate Barack Obama just to make it clear I’m not trying to endorse any political party. I’m just pointing out the obvious and recognizing the good work of this particular web designing team.

My favorite banner designs in the website:

And some stylish button designs:

Even christmas designs:

All these are some inspirational designs proving that design techniques can be apply in anything including politics

Here is a set of 10 brushes that I made, hope you like them!

You can use this brushes for anything you’d like personal or commercial use, a link back to my blog would be really appreciated. If you plan on using them for commercial purposes contact me first, I’d like to see the end result and how they were apply.

If you found this useful leave me a comment.

Download

I’ve put together this collection of my favorites brushes, hope you enjoy them and find them useful.
This article has been transferred to the new and improved blog of Karina Myers - click on this link to be redirected to the article.

I have quite a collection of high-res icons already that I use for my web design projects and also as inspiration when I need to do a design myself. So I thought it would be good to share some of the collection with you, let me know if you liked it by leaving a comment!

This article has been transferred to the new and improved blog of Karina Myers - click on this link to be redirected to the article.

This is a nice collection of the most rich layout banks out on the internet. If you are planning on learning and/or practicing more CSS this website might be a great help for you.

CssEasy
A nice looking website with free fixed and fluid layouts.

Read more…

This article is a collection of CSS layout designs that offers flexibility and are easy to implement. Without further ado, here they are:

3Col Fixed SEO


#page_margins {width: 980px; min-width: 980px; max-width:none }
#main { float:left; width: 100%; background-color: transparent; background-image: url(../../images/bg_pattern.png); background-repeat:repeat-y; background-position:left; }
#col1 { width: 480px; float:left; margin-left: 240px; }
#col2 { width: 240px; float:left; margin-left: -720px; }
#col3 { margin-left: -5px; margin-right: 0; width: 240px; float:right;}


Read more…

CSS stands for Cascading Style Sheets, according to wikipedia “Cascading Style Sheets is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.”

One of the greatest of using CSS when designing a website is the flexibility it offers for both web designer and readers. By combining CSS with the functionality of a Content Management System, a considerable amount of flexibility can be programmed into content submission forms. This allows a contributor, who may not be familiar or able to understand or edit CSS or HTML code to select the layout of an article or other page they are submitting on-the-fly, in the same form.

This is a great advantage for web designer as well, now we are able to change the entire layout of our site by only changing the stylesheet file. No more tables when making website, this is the freedom every web designer was waiting for. You can just give style to your HTML tags and your site will have the originality you where looking for.
This is a simple example of the CSS code:

h1 { color: white; background: orange !important; }
h2 { color: white; background: green !important; }

In this couple of sentences, what we have commanded is that every h1 and h2 tag will have a color white font and the background will be orange for h1 and green for h2.

Before getting started, want some inspiration?

Here are some site examples that show a clean and attractive use of CSS.

These is a collection of really good places where you can start learning CSS from the beginning.

I. INTRODUCTION

What is CSS?

Cascading Style Sheets

II. BASIC CSS

Chapter 1 - Introduction to CSS
Chapter 2 - CSS Syntax
Chapter 3 - CSS Classes
Chapter 4 - CSS IDs
Chapter 5 - CSS Divisions
Chapter 6 - CSS Spans
Chapter 7 - CSS Margins
Chapter 8 - CSS Padding
Chapter 9 - CSS Text
Chapter 10 - CSS Fonts
Chapter 11 - CSS Anchors, links and pseudo classes
Chapter 12 - CSS Backgrounds
Chapter 13 - CSS Borders
Chapter 14 - CSS Lists
Chapter 15 - CSS Width and Height
Chapter 16 - CSS Classification
Chapter 17 - CSS Position
Chapter 18 - CSS Pseudo Elements

III. CREATE LAYOUTS WITH CSS

CssEasy
1. Layouts Fixed

2. Layouts Fluid

Hope this tutorial has been useful for you, stay alert for new CSS tutorials!