Crea-T Blog – Diseño Web y mucho mas…

Cada vez vemos más webs desarrolladas usando javascript y muchas de ellas con JQuery, uno de las cosas que nos permite JQuery son los scrolls de destacados, los cuales le dan mucha elegancia a nuestro diseño.

En  Nosolocodigo encontramos una  recopilación de 16 formas diferentes de crear un scroll/galería de contenido destacado en un sitio web usando jQuery. Realmente algo muy interesante para tomar en cuenta.

Entre las más interesante tenemos:

• CodaSlider
• Easy Slider 1.5 –  Ver demo Descargar
• Easy Slider 1.7
• AnythingSlider –  Ver demo Descarga
• Start/Stop Slider –  Ver Demo Descargar
• Horinaja –  Ver Demo Descargar
• jCarousel –  Ver Demo Descargar
• jQuery tools: Scrollable
• AD Gallery –  Ver Demo Descargar
• Gallery View –  Ver Demo Descargar
• Serial Scroll –  Ver Demo Descargar
• Step Carousel de Dinamic Drive –  Ver Demo Descargar
• Galleria –  Ver Demo Descargar
• Designmag (Image rotator) –  Ver Demo
• jFlow 1.0 – Ver Demo Descargar
• Galleriffic –  Ver Demo Descargar

Fuente: Nosolocodigo

CSS puede ser uno de los mayores de horrores para quienes se inician en diseño web y/o desarrollo, pero en realidad no es difícil de aprender.  La sintaxis por sí misma es muy sencilla y se puede aprender lo esencial fácilmente.

En este artículo encontrarás 15 excelentes sitios web para ayudarle a aprender o mejorar CSS. La mayoría de los sitios web listados son de diseño/desarrollo relacionados con los blogs, pero algunos de ellos se centran sólo en el tema de CSS.

• CSS-Tricks. Es un blog dedicado al tema de la CSS. Encontrarás buenos temas de ayuda, e incluso screencasts sobre temas de CSS.
• Three Styles. Es un blog destinado a los desarrolladores Web y diseñadores, con las últimas tendencias y tutoriales. Los temas van desde los diseños excelentes para la inspiración, tutoriales de alta calidad para Photoshop, para jQuery y CSS.
• CSS Category on Six Revisions. Es un weblog que proporciona información útil y práctica para los modernos estándares de diseño web compatible y desarrollador web.
• Css Globe. Es un sitio web dedicado a la norma de ejecución por el diseñador de los estándares web y desarrollador, de Alen Grakalic.
• CSS/XHTML Category on Soh Tanaka. Página de un diseñador Web apasionado que escribe tutoriales útiles para XHTML y CSS.
• HTML & CSS Category on Nettuts+. Proporciona información útil para los desarrolladores web.
• CSS / Design Archives on David Walsh Blog. Blog está dirigido a todos los niveles de los diseñadores y desarrolladores web. Con muchos temas: CSS, Javascript (MooTools y jQuery), PHP, y más.
• Tutorials Category on BuildInternet.com. Blog centrado en el diseño web, desarrollo, y para las empresas. Editado y mantenido por Sam Dunn y Zach.
• CSS & XHTML Category on AEXT.NET. Página creada por Lam Nguyen, un desarrollador web que escribe sobre muchas cosa e información útil para los diseñadores y programadores.
• CSS Tag on Woorkup.com. Blog que edita información sobre muchos temas, entre ellos el CSS.
• Tutorials Category on Line25. Es un weblog en torno al tema de diseño web, y es el hogar de una serie de puestos que tienen por objeto dar ideas e inspiración a los creativos web.
• CSS Tutorials on Tutorialzine.com. Ofrece a sus lectores de alta tutoriales de calidad, regalos y los recursos que les ayuden con su día a día las necesidades de desarrollo.
• HTML / CSS Category on Web-Kreation.com. Publica artículos útiles y tutoriales para diseñadores web y desarrolladores.
• CSS Tutorial Section on . Explora el diseño, desarrollo, y el significado del contenido web, con especial énfasis en estándares web y las mejores prácticas.
• CSS Category on Smashing Magazine. Ofrece información útil e innovadora para los diseñadores y desarrolladores web. Su objetivo es informar a los lectores sobre las últimas tendencias y técnicas en el desarrollo web.

Fuente: Web Design Fan

Si trabajas haciendo websites, deberías saber que hay muchas herramientas en Internet que nos facilitan mucho el trabajo, tenemos sitios populares para inspirar nuestra creatividad, herramientas de diseño, generadores on line, sitios de fuentes gratuitas, y grandes sitios que ayudan a probar y administrar websites.

En Pixeros encontramos una relación de las 40 herramientas indispensables para diseño web, entre ellas tenemos a:

Deviantart
Deviantart es uno de los escaparates de arte más amplios en internet. Aquí puedes hallar gran inspiración.

Adobe kuler
Adobe kuler es aplicación de Adobe para la web que te ayuda a crear y compartir temas referidos al color.

Icon finder
Motor de búsqueda de íconos con más de 100.000 íconos gratuitos.

Si deseas ver la relación completa ingresa a Pixeros

Typekit es una herramienta On-line que nos permite utilizar cualquier fuente en nuestra web, con esto ya no nos limitamos a usar solamente las fuentes clásicas como Arial o Verdana, si no que tenemos la libertad de publicar en nuestra web las fuentes que se nos antojen.

Para utilizar este servicio primero debemos registrarnos, podemos escoger una opción de pago o la versión free, la cual nos permite utilizar dos fuentes no comunes en nuestra web.

Después de registrarnos e iniciar sesión, comenzamos configurando nuestra web, luego podremos elegir las fuentes que deseamos utilizar en nuestra Web.

Luego de elegir que selectores utilizaran las fuentes que hemos seleccionado, Typekit nos brindará un script, el cual debemos pegar entre nuestras etiquetas “head” .

Así de sencillo podremos utilizar nuevas fuentes en nuestros futuros proyectos web.

Deseas comenzar, abre tu cuenta en Typekit y dale un poco más de libertad a tus webs.

The CSS Awards gallery es una muestra de las mejores webs desarrolladas con CSS, se incluye webs de diseñadores, agencias, bloggers y más.

Pueden obtener actualizaciones suscribiéndose al boletín y también pueden enviar la url de su web para que sea calificada para formar parte de esta galería.

Para ver más detalles puedes visitar The CSS Awards gallery