CalinSoft

No hay excusas para los diseñadores, Skout es una web que a recopilado una gran variedad de recursos para diseñadores web, categorizandolos en distintos temas tales como tipografias, iconos, fotografias, pinceles para photoshop, texturas, fondos de pantallas, herramientas de colores, tutoriales y mucho más.

Todo lo que un diseñador podria necesitar en la labor diaria

o2 2.0

Descarga

Demo

Refreshed

Descarga

Demo

Green Marinée

Descarga

Demo

Simpla

Descarga

Demo

Tarski

Descarga

Demo

El diseño es en la actualidad la mejor arma con la que cuentan las empresas para diferenciarse de su competencia, por lo cual el diseñador grafico debe tener a su disposición herramientas y recursos Web que agilicé su labor diaria y un par de esos recursos son los iconos y botones.

Por lo cual eh realizado una recopilación de iconos muy a la web 2.0 gratuitos que pueden ser aprovechados para nuestros diseños.

• Free Icons 500.000 iconos profesionales
• Icons Web 5978 Iconos de alta calidad
• Icons Sets Iconos y Botones
• Icons Crystal Iconos con efecto cristal.
• Botons Site Botones relacionados a sitios web
• Mini Icons Más de 320 mini iconos.
• Iconspedia Compartir y encontrar iconos para tus proyectos
• Recopilacion de Iconos 3700 iconos variados
• Iconlet Buscador de iconos
• Icons Vectorials Iconos vectoriales
• Rounder Icons 43 Iconos redondeados de 128×128.
• Iconos Feeds Iconos Rss
• Free Icons 15,000 Iconos variados
• Iconfinder Otro buscador de iconos

Siempre estoy buscando una nueva forma de crear las esquinas redondeadas para los diseños. Normalmente siempre tomo el camino más fácil y el uso de imágenes. En mi búsqueda en esta ocasión me encontré con un sitio Web llamado SpiffyCorners.

SpiffyCorners genera el código html y css necesario para crear el efecto de esquinas redondas y todo lo hace sin la utilización de imágenes o javascript.

SpiffyCorners es fácil de usar, ofrece la posibilidad de personalizar el radio de las esquinas ( 3, 5 o 9 píxeles), también la personalización del nombre de la clase, el color de fondo y del bloque.

Lo tendré en cuenta para futuro proyectos .

Despues de haber publicado un par de entradas me eh dado cuenta que la alineación de las imagenes en Wordpress especificamente la 2.6 añade estilos de clases CSS para el funcionamiento, claro en el editor lo ves alineado pero en tu theme no, para esto eh estado trabajando con un par de estilos que solventan esto aver que tal.

/* Hack Imagenes WP 2.6*/
p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

/* Hack Leyendas WP 2.6*/
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

Bueno los colores quedan a gusto de cada uno :D.

Aunque en HackWordpress dieron el tip pero quedo corto al requerimiento actual.