Así es queridos lectores (frase ñoña, lo sé, pero en algún post la tenía que decir), desde medios y redes lanzamos una propuesta para todos los visitantes de este blog y resto de blogs de la red, consistente en hacer 10 preguntas, en este caso relacionadas con las temáticas habituales de diarioTHC, a profesionales de lo que aquí se escribe, pero también y más importante, a cualquier lector que quiera participar. Queremos “matar dos pájaros de un tiro”, proporcionaros la opinión de grandes expertos mediante el cuestionario de 10 preguntas y también haceros participes de la iniciativa con vuestras opiniones, respondiendo a esas mismas 10 preguntas. Si queréis participar mandarnos un correo a info[arroba]mediosyredes.com, nosotros nos pondremos en contacto para haceros llegar las 10 preguntas. Comenzamos pues, esperemos que muchos participen y que sean de vuestro interés las respuestas tanto de los profesionales que se unan como de los lectores de este ...

Como nunca se sabe lo que le puede tocar a uno hacer hay que tener el mayor número de recursos posibles, cosa que agradeceremos cuando llegue ese encargo impensable hasta hacía diez minutos. Si ese “impensable” tiene que ver con Debian, screenshots.debian es un sitio que agradecerás haber guardado. Se trata de un banco con capturas de pantalla del sistema operativo libre Debian y muchas de sus aplicaciones. Contamos con una galería donde vemos el nombre del paquete, descripción, sección, página si la tiene y opción de contribuir con la subida de nuevas imágenes. Enlace: ...

Ya hemos hablado en más de una ocasión sobre las acciones de photoshop, esos pequeños scripts que automatizan determinados procesos, con el consiguiente potencial de esta utilidad. Design Shard publica un tutorial con el que aprender a crear acciones, concretamente en este caso explica como montar una estructura de carpetas de forma automática enfocada a diseñadores web, ideal si usas photoshop para hacer wireframes, donde lo primero es crear una estructura de carpetas con las partes básicas de un sitio (header, sidebar, content etc). El tutorial está en video y también en imágenes más texto. Enlace: Photoshop Actions – Creating Folder Structures for Web Designs – ...

Otro sitio a sumar en la lista de los que nos proporcionan información variada sobre un dominio. Como siempre está bien tener alternativas, vamos con él. Codeflux nos ofrece varias herramientas en un mismo sitio todas enfocadas a monitorizar trafico web y de red. Entre ellas encontramos pig, finger, nslookup, whois o tracerout. Complementando el servicio añaden más opciones como un validador de código CSS y HTML, páginas del manual de Linux, poder medir la performance de tu Apache etc. La oferta no es muy diferentes a la de sitios similares, pero si añaden esos pequeños toques que pueden venir de gran ayuda para los que desarrollan actividades relacionadas con la web. Otro servicio a tener en cuenta. Enlace: Codeflux | Vía: VisualBeta ...

Open ID es un protocolo para identificarnos en numerosos sitios, nos permite tener una cuenta con la que entrar a todos los servicios que soporten dicho protocolo. Seguro que todos tenéis una aunque no lo sepáis, por ejemplo tu cuenta de google sirve de identificador Open ID, o la wordpress, yahoo etc. Si quieres que tus usuarios puedan usar Open ID, para mandar un comentario por ejemplo, ID Selector es la solución. Es un widget que una vez implementado agrega al formulario de acceso varios servicios de Open ID para que el usuario elija el que quiera. Además una vez el usuario haya hecho una selección el widget lo recordará en próximas visitas. Enlace: ID Selector | Vía: ...

A estas alturas del partido WordPress se ha posicionado como uno de los grandes CMS del momento, no solamente para gestionar blogs si no cualquier otro tipo de sitio que queramos montar en la red. Alguien con una experiencia media sería perfectamente capaz de publicar contenido en un blog creado mediante wordpress o cualquier otro tipo de información si fuera el caso (páginas de contenidos estáticos para una web por ejemplo). Pero tenemos que pensar en nuestros clientes, quienes probablemente no tocaron un CMS en su vida. StylizedWeb nos da 10 consejos y plugins con los que facilitar la gestión de contenidos en wordpress. Ahora bien, el que quiera optar por estas soluciones que lo haga, pero personalmente no lo recomiendo. Llenar de plugins WP no es una buena idea por muchas razones, ejemplos: por cada plugin nuevo que pongas, darás un paso atrás en la seguridad del sitio; aumentan las posibilidades ...

Si desarrollas tu actividad como freelance tienes que tener todos los canales posibles para comunicarte con tus jefes, compañeros o clientes. En la actualidad existen varias plataformas online que nos permiten cubrir cualquier tipo de necesidad al respecto, desde servicios para compartir archivos hasta otros para crear documentos de forma común. En SitePoint recopilan 10 de estas soluciones, algunas bien conocidas por la comunidad de freelancer como puede ser Backpack de 37signals y otras no tan famosas como fluxiom, un gestor de archivos en línea. Enlace: 10 Must Have Tools for Communicating with ...

Además de los pinceles de photoshop los estilos son un buen recurso para acelerar el proceso de diseño y obtener buenos resultados de una forma muy simple. La oferta de estilos no es muy boyante dentro de la red pero alguna cosa va saliendo como este pack desde deziner folio con 200 estilos diferentes totalmente gratuitos y listos para usar. Entre la abultada cifra los encontraremos de todos los tipos y colores, con degradados, efecto brillo etc. Enlace: 220 Amazing Free Photoshop Layer Styles ...

Son muchas las extensiones que tenemos por ahí que nos facilitan la vida a la hora de crear contenido para la web. Dependiendo de cual sea tu actividad principal te pueden interesar más unas que otras, encontraremos desde las que depuran código css, html y javascript hasta análisis de cabeceras http, evaluar accesibilidad etc. Smashing Magazine recopila 15 de estas herramientas, tanto para FireFox como para InternetExplorer enfocadas a usos variados. Acompañan cada extensión con un breve análisis, cosa que se agradece para saber si de verdad nos será o no útil antes de descargar. Enlace: 15 Helpful In-Browser Web Development ...

Una de las reglas no escritas del blogging es la de acompañar los posts con una imagen relacionada al tema que se trata. Desde Pro Blog Design nos enseñan como hacer, con gimp y con photoshop, capturas llamativas. El proceso que explican no es complejo, por lo cual no perderemos mucho tiempo para aplicarlo en nuestras capturas de imagen. Explican como cambiar la perspectiva, resaltar determinadas partes de la imagen o agregar efectos de luz. Enlace: How to Make Exciting Screenshots (In Photoshop or ...

La obligación de todo diseñador que haga trabajos enfocados a la web es tener presente a todas las personas, incluyendo aquellas con algún tipo de discapacidad, desde visión reducida hasta los que tienen problemas con los colores. Dentro de este grupo también están las personas con algún tipo de dislexia, a los que no se tiene muy en cuenta, incluso por los profesionales de la usabilidad. En Accessites publican 3 artículos donde se enfoca la usabilidad para estos usuarios, desde que es la dislexia y los diferentes tipos hasta tips que debemos seguir para que se sientan cómodos con la lectura de un sitio. Enlace: Designing for Dyslexics: 1 2 ...

No todo va a ser wordpress o joomla, existen más alternativas en el mundo de los cms,s con los crear webs y blogs en la red. Textmotion es otra de estas alternativas, de código libre y totalmente gratis. Podemos crear una cuenta en el propio sitio o descargar la última versión para toquetear al gusto todo lo que queramos. Según cuentan tres son los pilares fundamentales sobre los que se sustentan, seguridad, belleza y usabilidad. Me falta probarlo en profundidad para ver si es oro todo lo que reluce, no es tarea nada fácil programar un buen cms, sin bugs, que sea fácil de entender, con sistema potente de plantillas etc. Enlace: Textmotion  ...

CssTricks vuelve a la carga con otro estupendo tutorial, bueno, en realidad no es de él si no de un lector que detectó un error en la navegación del sitio y encontró una solución en javascript, css y html. El efecto es una transición con efecto de desvanecimiento entre dos imágenes muy resultona. No dicen si es soportado por todos los navegadores, en principio debería. Enlace: Color Fading Menu with ...

Los iconos de estilo mini son un recurso interesante para darle un toque a algún diseño, siempre con mesura para no recargar. Cierto es también que el número de packs con este tipo de iconos que podemos encontrar por la red no es igual a los que encontraremos de otros tipos de iconos. Blog and Web nos echa un cable con el asunto y nos brindan un recopilatorio con unos cuantos packs de este tipo de iconos, todos ellos gratuitos encontrando viñetas, flechas y mini iconos de temática ...

Toda web tiene un punto de partida y ese es su maquetación en css + xhtml. Son varios los servicios que nos brindan la opción de hacer esto de una forma totalmente visual, a los que tendremos que añadir Drawter. Se nos presenta un espacio de trabajo sobre el que mediante el ratón iremos dibujando los diferentes bloques principales de nuestro sitio, contando con diversas opciones de personalización de cada bloque mediante css. Una vez demos por finalizado el trabajo, nos genera el código css y xhtml necesario para conseguir esa estructura y seguir trabajando con ...