css4free - Templates web gratuitos

Escrito por Elías el 13 de Mayo de 2008

Seguimos engrosando la lista de sitios para descargar templates web en CSS-XHTML listos para usar. En esta ocasión se trata de css4free con las características comunes a todas estas galerías: portada con los últimos añadidos de los que vemos una mini-captura, opción de verlo en funcionamiento, comentar, descargar, número de votos y ranking. Cuenta también con navegación por tags y ver los más votados hasta la fecha.

El sitio ya cuenta con un número decente de templates pudiendo encontrar de todos los tipos y estructuras con licencias GPL o CC.

Enlace: css4free

Publicado en: Templates&Themes
1 Comentario » | Reacciones otros blogs | Comparte en marc.sociales/mail: Click!

76 ejemplos de buenos footers

Escrito por Elías el 13 de Mayo de 2008

El footer o pie de una página casi siempre se tuvo como parte menor de un diseño sin darle mucha utilidad, usándose siempre para colocar cosas como las licencias o el nombre y url del autor. Este aspecto cada vez se va desmitificando más y los footers pasan a ser otra parte del sitio con extensas utilidades posibles, es un espacio que bien aprovechado puede dar un buen resultado. Un ejemplo claro lo podemos ver en el rediseño de isopixel, blog en el que soy redactor, y que antes su pie de página no tenía ninguna utilidad fundamental hasta ahora, donde se deció colocar elementos “sociales” relacionados con la temática del blog, como son fotografías de flickr y vídeos de youtube.

Para ver más ejemplos como el que comento desde el blog Elements of Design recopilan 76 diseños de pies de páginas de diferentes sitios, teniendo todos en común ser footers con interesantes utilidades y diseños.

Enlace: Footers (76 examples)

Publicado en: Diseño, Inspiración
2 Comentarios » | Reacciones otros blogs | Comparte en marc.sociales/mail: Click!

Tres formas para conseguir un “Sliding panel”

Escrito por Elías el 12 de Mayo de 2008

Un recurso interesante para nuestros diseños puede ser los paneles con efecto sliding que se muestran-ocultan al pulsar un botón. Ahorra espacio dentro de la interfaz y genera un bonito efecto visual que seguro le gustará a nuestros visitantes. Como de casi todo ya contamos con varias opciones para conseguirlo, aquí va un pequeño recopilatorio con tres de ellas:

Div plegable/desplegable: Artículo escrito por mi donde explico como conseguir el mencionado efecto con el uso de un script proporcionado por dynamic drive. En el artículo explico de forma simple como conseguir un cajón que se despliega y pliega al picar sobre un botón.

Simple slide panel - Práctica forma para añadir información adicional: Tutorial realizado por el amigo Nikko donde explica como conseguir un cajón con las características mentadas mediante un código en jQuery salido desde web designer wall. Lo más interesante es como organiza el contenido que se muestra dentro del cajón y los estilos.

Sliding top panel using mootools: Manual del blog woork con el que conseguir un cajón que tenga efecto Sliding, usando para ello mootols. Interesante en este caso también los estilos que le da, con un resultado final no tan simple como el primer artículo ni tan completo como el de Nikko. Una solución a tener en cuenta.

Publicado en: CodesWeb, Tutoriales
0 Comentarios » | Reacciones otros blogs | Comparte en marc.sociales/mail: Click!

Más sobre browser bugs

Escrito por Elías el 12 de Mayo de 2008

Otro más para añadir a la lista de sitios que hablan sobre el tema de browser bugs. Esta vez se trata de Position Is Everything, donde dos profesionales del asunto se han dedicado a recopilar los diferentes fallos conocidos de posicionamiento CSS para los diferentes navegadores, currándose artículos para cada uno donde explican porque falla y como lo podemos solucionar. Como en entregas anteriores el diseño del sitio es feo con ganas, pero la información que contiene es interesante y nos puede salvar de quebraderos de cabeza futuros.

Enlace: Position Is Everything

Publicado en: CSS&XHTML, Navegadores, Tips
0 Comentarios » | Reacciones otros blogs | Comparte en marc.sociales/mail: Click!

Qbrushes - Brushes photoshop de calidad

Escrito por Elías el 7 de Mayo de 2008

Nueva galería de reciente creación centrada alrededor del maravilloso mundo de los pinceles para photoshop. Las características de la galería son las típicas: portada con los últimos añadidos, página individual para cada pincel, opción de votar, comentar, veces descargado, url del autor y breve descripción del paquete. Además de todo esto prometen una peculiaridad que si se cumple cuando vallan creciendo les reportará interesantes beneficios: prometen filtrar todos los contenidos que se les manden para quedarse solamente con los mejores brushes. Por el momento sí lo van cumpliendo, pero claro, aún cuentan con un número bastante reducido de pinceles y categoría. Veremos como evolucionan.

Enlace: Qbrushes 

Publicado en: Brushes&Patterns, Photoshop
2 Comentarios » | Reacciones otros blogs | Comparte en marc.sociales/mail: Click!

Mejora la seguridad de tu wordpress con WP Security Scan

Escrito por Elías el 7 de Mayo de 2008

Un punto vital en nuestro blog montado con wordpress es la seguridad, sin ella nos podemos quedar totalmente al descubierto pudiendo sufrir considerables dolores de cabeza en el futuro. Existen consejos bastante básicos y fáciles de aplicar para los que no se necesitan grandes conocimientos, pero si aún así no te aclaras, juanguis encuentra un interesante plugin para facilitarnos la tarea, WP Security Scan.

Una vez instalado se encargará de escanear nuestro wordpress en busca de fallos típicos de seguridad: robustez de tu contraseña, permisos de archivos y directorios, seguridad de la base de datos, ocultar la versión instalada de wordpress y protección del directorio wp-admin. En próximas versiones prometen añadir más características como escaneo de posibles XSS, facilitar la tarea de control de permisos, detección de intrusiones etc.

Enlace: WP Security Scan | Vía: puntogeek 

Publicado en: CMS, Plugins, Seguridad
1 Comentario » | Reacciones otros blogs | Comparte en marc.sociales/mail: Click!

25 video tutoriales básicos de Gimp

Escrito por Elías el 6 de Mayo de 2008

Cada vez va siendo más usual encontrar diferentes tipos de recursos para el que en la actualidad es la alternativa libre más solidad en lo que a programas de edición de imagen se refiere, Gimp, obteniendo poco a poco una posición relevante dentro de este mundo y compitiendo directamente con su homologo privado, photoshop.

Para quitarle el miedo y empezar por algún sitio con el Gimp en Six Revisions recopilan 25 video tutoriales básicos con los que abrir boca, desde las funciones básicas hasta explicaciones de la interfaz pasando por numerosos efectos.

Enlace: 25 GIMP Video Tutorials to Help Get You Started

Publicado en: Gimp, Tutoriales
0 Comentarios » | Reacciones otros blogs | Comparte en marc.sociales/mail: Click!

markItUp : Universal Markup Editor

Escrito por Elías el 6 de Mayo de 2008

Genial descubrimiento de Alma, markItUp, un completo plugin basado en jQuery con el cual convertir nuestros textareas en verdaderos editores de texto. Por ejemplo, como bien dicen desde webmaster libre, en los comentarios de un blog montado con wordpress se permite el uso de determinadas “tags” html para dar estilos, pero el problema está en que la mayoría de los usuarios no saben nada de html (ni tienen porque), con lo que suele ser común que los comentarios sean puestos sin ningún tipo de estilo, como los molestos enlaces sin el uso de “a href” que descuadran los cajones. Con este plugin podríamos añadir las opciones que quisiéramos en forma de botón para que a nuestros lectores les sea mucho más fácil la publicación de sus comentarios.

Esta solamente es una idea básica de uso, la potencia del markItUp va más allá, con gran número de opciones para configurar y los mejor de todo bastante fácil de usar.

Enlace: markItUp! Universal Markup Editor | Vía: Webmaster Libre

Publicado en: CodesWeb, Plugins
0 Comentarios » | Reacciones otros blogs | Comparte en marc.sociales/mail: Click!

CSS Optimizer - Optimiza el peso de tus CSS

Escrito por Elías el 5 de Mayo de 2008

Otra herramienta online que viene para ayudarnos a mejorar la experiencia de los usuarios que visiten nuestros sitios mediante la disminución de peso de la hoja de estilos. Solamente tendremos que indicar la url a la hoja, subirla de nuestro ordenador o pegar directamente el código y pulsar un botón. Automáticamente nos devolverá el código css reducido hasta en un 40%, proceso que consigue mediante la eliminación de espacios principalmente. Pero no es oro todo lo que reluce, personalmente no recomiendo este tipo de sistemas, ya que hace las conversiones de forma automática y puede cargarse algo los estilos, además de que la maquetación de una hoja es un punto vital, los espacios si tienen su sentido, suelen usarse para separar elementos y que nos sea más fácil modificarla en el futuro. Mi recomendación es hacer la hoja optimizada desde un primer momento para luego no tener que acudir a este tipo de herramienta.

Enlace: Online CSS Optimiser | Vía: pixelco.us

Publicado en: CSS&XHTML, HerramientasOnline
0 Comentarios » | Reacciones otros blogs | Comparte en marc.sociales/mail: Click!

Wallpapers de IronMan

Escrito por Elías el 5 de Mayo de 2008

Una de las películas más esperadas por un servidor y muchos otros para este 2008 era IronMan, la última adaptación al cine de un comic de la factoría marvel que se estrenó hace muy poquito en españa y resto del planeta. Todo gran lanzamiento en el cine tiene su repercusión en la red, en esta ocasión traigo hasta aquí un recopilatorio de hongkiat con unos cuantos wallpapers de IronMan, disfrútenlos.

Enlace: Really Nice IronMan Wallpapers

Publicado en: Diseño, Iconos&Wallpapers
1 Comentario » | Reacciones otros blogs | Comparte en marc.sociales/mail: Click!

WP-AdminThemes: Genera paletas de color para tu panel administración de wordpress

Escrito por Elías el 5 de Mayo de 2008

Wordpress 2.5 llegó con grandes cambios, especialmente en la interfaz de administración en la cual se modificó por completo su distribución y paleta de colores. Tanto el primer cambio como el segundo no les hicieron gracia a muchos bloggers, entre los que me incluyo, sobre todo la nueva distribución que por el momento así quedará sin muchas opciones, solamente la de la pataleta.

Para los colores ya tenemos solución gracias a aNieto2k que lanza una aplicación web al puro estilo web2.0 con la que podremos generar nuestras propias gamas de color que luego usaremos en el panel de administración. Además incorpora las últimas añadida a ColoursLover, por lo que si no queremos pensar en que colores poner podemos escoger una que nos guste de las que ya están echas por los usuarios de ColoursLover o las de los propios usuarios del sistema. Usarlas es sumamente fácil, solamente tendremos que instalar un plugin y escoger la paleta que queramos.

Enlace: WP-AdminThemes

Publicado en: Blogging, Color, HerramientasOnline
1 Comentario » | Reacciones otros blogs | Comparte en marc.sociales/mail: Click!

Logoease - Crea logotipos de forma online

Escrito por Elías el 3 de Mayo de 2008

Cada vez son más las herramientas online encaminadas a cubrir diferentes trabajos muy comunes en lo que a creación y desarrollo web se refiere, generadores de backgrounds, favicon,s, tipografías etc. Logoease viene a engrosar la lista, en esta ocasión centrada en la creación de logotipos de forma online.

Para obtener nuestro logo tendremos que seguir unos sencillos pasos, el primero lanzar la aplicación creada en flash que nos guiará por el proceso. Seguido escogeremos entre las categorías que nos proporcionan dentro de las cuales hay imágenes prediseñadas. Una vez dentro de alguna categoría escogemos alguno de los dibujos propuestos. En la siguiente pantalla nos aparece un editor donde podemos poner textos y darles estilo así como al dibujo. Terminado el proceso de personalización nos registraremos y guardaremos la creación que podremos descargar en un .zip dentro del cual encontraremos el logo en dos tamaños diferentes y formatos JPG, PNG, TIFF y EPS.

Que nadie espere hacer el logo de su vida con esta herramienta, crear una marca corporativo es un proceso complejo que requiere conocimientos y manejo de varias herramientas diferentes. Puede ser una opción interesante para los no iniciados que necesitan algo simple, pero si quieres crear un proyecto profesional desde el principio, esta no es la herramienta.

Enlace: Logoease | Vía: Bitelia

Publicado en: HerramientasOnline, Imagen, Web2.0, Útiles Diseño
0 Comentarios » | Reacciones otros blogs | Comparte en marc.sociales/mail: Click!

Recopilatorio browser bugs

Escrito por Elías el 2 de Mayo de 2008

El otro día comentaba un sitio que nos podría ayudar cuando nos topáramos con los típicos problemas que surgen al desarrollar para los diferentes navegadores ya que cada uno interpreta las instrucciones como le da la gana. Desde emezetablog encuentran otro recurso similar, aunque hay que decir que la página es cutre con ganas, 1.0 pero de las del principio principio. A pesar de esto es recomendable tenerla en los favoritos o del.icio.us por el valor de la información que en ella se contiene, una colección de bugs conocidos en los diferentes navegadores, que nos puede ahorrar mucho tiempo cuando tengamos algún problema, encontrando directamente el error está fastidiando la estructura de forma directa, saltándonos el método que normalmente no nos queda otra que aplicar: “prueba-error”.

Enlace: Browser bugs section | Vía: emezetablog

Publicado en: CSS&XHTML, Navegadores, Tips
1 Comentario » | Reacciones otros blogs | Comparte en marc.sociales/mail: Click!

Floral Frame Brushes

Escrito por Elías el 2 de Mayo de 2008

Vamos con unos pinceles para photoshop de esos que tanto nos gustan a todos y que son tan usables. En esta ocasión tres paquetes diferentes que llegan desde el lejano oriente todos ellos en la línea de lo floral, con diferentes formas, muchos son cajones adornados por los motivos, ideales para crear un banner o cualquier cajón para determinada función dentro de un proyecto, por ejemplo mostrar las suscripciones rss y mail de un blog.

• Floral Frame Brushes 1
• Floral Frame Brushes 2
• Floral Frame Brushes 3

Vía: Intenta 

Publicado en: Brushes&Patterns, Photoshop
0 Comentarios » | Reacciones otros blogs | Comparte en marc.sociales/mail: Click!

El 2 de Mayo de 2008

• Me contacta fede de extremisimo para comunicarme que libera el theme que usa en su blog de forma gratuita para que lo descargue el que quiera. [0 comens] [#]