Recursos web, diseño, joomla!, tutoriales, opinión, algunas noticias...

Suscríbete a través del feed RSS
Recibe los últimos artículos a tu e-mail
Realizar una búsqueda

584 pinceles para Photoshop para descargar Compartelo!
jueves, 22 de noviembre de 2007

Chez Plumeau es un directorio que posee actualmente 584 pinceles para Photoshop ordenados en distintas categorías y listos para descargar y usar. ¿Acaso usas GIMP y no Photoshop? Bueno, puedes darte una vuelta por el tutorial para utilizar pinceles de Photoshop en GIMP .

 

 
Degradados Web 2.0 para GIMP Compartelo!
domingo, 19 de agosto de 2007

Hace un tiempo encontrábamos un set de degradados Web 2.0 para Photoshop, mejor idea no tubo la gente de Gimp-TUTORIALS que convertir dicho set para utilizarlo en GIMP.

 

Degradados Web 2.0 para GIMP


Via:  LickMyStyle

 

 
CSS tip: Arreglar los bordes punteados en Internet Explorer Compartelo!
lunes, 30 de julio de 2007

Creo que es conocido el tratamiento que le da Internet Explorer 6 a los bordes punteados de 1px de grosor:

Bordes Punteados

 

Mientras que en cualquier navegador se visualizan los pequeños puntitos, en IE aparecen groseras lineas. Es por eso que en Foobr dan la solución más simple y práctica para este problema: Reemplazar el borde por una pequeña imagen.

En el caso de un DIV tenemos el siguiente HTML:


HTML
  1. <div id='dotted'>
  2. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis at erat. Sed vestibulum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse eleifend laoreet eros. Pellentesque ac turpis vel purus facilisis aliquet.</p>
  3. </div>


Utilizando una pequeña imagen de 2 px X 2 px con un poco de CSS solucionamos el problema:


CSS
  1. #dotted {
  2. background: #FFF url(border-grid.gif);
  3. padding: 1px;
  4. }
  5.  
  6. #dotted p {
  7. background: #FFF;
  8. margin: 0;
  9. }


Y el resultado será:

Bordes punteados en DIV


Pero este ejemplo se aplica a DIVS, en el caso que queramos bordes punteados para links, tendremos que utilizar otra imágen , en este caso de 2 px X 1px y de CSS:

CSS
  1. a{
  2. text-decoration:none;
  3. background: #FFF url(borde.gif) repeat-x right bottom;
  4. }


Y el resultado:

Bordes punteados en links
Ejemplos



 
Blog recomendado: WebAppers Compartelo!
lunes, 30 de julio de 2007

No soy alguien que se pasa la vida recomendando blogs :P pero en esta oportunidad creo que vale la pena hacerlo, WebAppers es un sitio con poco más de tres meses de vida que se dedica a mostrar los mejores recursos web para diseñadores y desarrolladores.

WebAppers

 

A mi entender, lo más interesante es su forma de presentar cada recurso, con una pequeña explicación, imagen, requerimientos, link al demo y licencia de uso. Además actualiza casi a diario.

Asi que, como alguna vez dije con Smashing Magazine , creo que WebAppers es para tener en cuenta en los marcadores o en nuestro lector de feeds .



 
Crear iconos Web 2.0 usando Inkscape Compartelo!
lunes, 02 de julio de 2007

Muy buen tutorial que explica la creación de iconos Web 2.0 utilizando Inkscape .

 

Iconos Web 2.0 en Inkscape

 

 

 
<< Inicio < Anterior 1 2 3 4 5 6 7 8 9 10 Siguiente > Final >>

Resultados 21 - 25 de 65