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.

Recently I’ve been trying to improve the performance of my blog using some tools that allow me follow up on my statistics in a better way. These are some websites that have come handy for me, hope you enjoy the collection.

Read more…

You’re reading the spanish version of the article Track Your WebSite Stats With Google Analytics
You might want to subscribe to my feeds to keep up with the updates.

Esta es una version en espanol creada del post Track Your WebSite Stats With Google Analytics.

Es posible que prefieras subscribirte a mis feeds para estar al tanto de las actualizaciones de la pagina.

Dos de los mejores servicios disponibles gratuitamente en la WWW son Google Analytics y GetClicky

En este articulo voy a describirles como crear una cuenta en Google Analytics para que puedan empezar a llevar un mejor monitoreo de sus paginas.

Read more…

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!

Let you imagination fly away experimenting this cool space effect!

Ever wanted some healthy grass in your design? This is an awesome effect, enjoy!

This is a really cool tutorial that shows you step by step how to create the effect of a graffiti drawing in a wall. Have fun experimenting. Let me know what you think!