Friday, April 24th, 2009
Cuando uno se inicia en el mundo del diseño y el desarrollo la parte de código suele asustar. En parte es con razón, porque es la zona complicada y si o si hay que saber que es lo que tipeamos. No es como el diseño que simplemente uno se deja llevar por su creatividad. También se dice que el CSS es traicionero, pero la realidad es que simplemente hay que saber utilizarlo, y conocer con que elementos se logra cada cosa. Con el tiempo, uno logra llevarse bien con él, y a apreciar la facilidad que tiene para poder lograr efectos que de otra forma serían mas complicado crear.
En Webair.it publicaron 16 técnicas CSS que van a simplificar la vida de los diseñadores web, y que nos explican entre otras cosas como crear menú de navegación, paginaciones, ventanas emergentes y galerías de imágenes.
Fuente: Creattica
Tags: CSS, técnicas, Tutorial
Posted in CSS, Tutorial | No Comments »
Thursday, April 9th, 2009
La gente a veces cree que el CSS solo sirve para crear efectos simples, cuando en realidad en buenas manos no es tan así. Se pueden lograr efectos complejos y atractivos con algo de conocimiento, y en algunos casos ahorrarnos el uso de imágenes, haciendo que nuestro sitio tenga una carga mas rápida.
En Desizntech crearon una lista con 25 técnicas de CSS avanzado que nos vana enseñar esto y de forma clara. Se incluyen tutoriales para crear “gradients”, estrellas, efectos y botones 3D entre otros.
Tags: Artículos, CSS, tutoriales
Posted in CSS, Tutorial | No Comments »
Thursday, March 26th, 2009
El CSS es importantísimo a la hora de crear un sitio. Es lo que le dará todo el estilo, y donde mas aprenderemos sobre el diseño del mismo. Aún si solo rediseñamos un theme, en el caso de querer mejorar sus detalles y agregar mas cosas, deberemos manejarnos con él. Y si bien a veces puede ser un dolor de cabeza, la realidad es que ver tu creación terminada, válida y funcionando, se siente genial.
En Noupe nos ofrecen 101 técnicas CSS útiles para diseñar. Obviamente en una lista tan extensa veremos todo tipo de ejemplos, entre los cuales figuran como crear efectos para cuando un enlace esta activo, agregar estilo a la paginación, crear pestañas, rating por medio de estrellas y mapas del sitio, entre otras cosas.
Tags: CSS, técnicas, tutoriales
Posted in CSS | No Comments »
Wednesday, March 25th, 2009
Aunque uno sepa o no diseño, si tiene un sitio web es importante que cuente con una navegación accesible, acorde al resto del diseño y atractiva. Es lo que el lector utilizará para navegar por el sitio, y obviamente queremos que se quede el mayor tiempo posible, así que hay que darle la importancia que se merece.
Si no sabes diseñar, puedes recurrir a herramientas web que nos ayudan a crear menús de forma sencilla. Por ejemplo, CSS Menu Maker, un sitio donde con solo agregar algunos datos, tendremos nuestro menú listo para agregar a nuestro blog o sitio web. Debemos agregar las opciones del menú, y los enlaces a donde se dirigirán las diferentes opciones, elegir el diseño del mismo, y una vez conformes nos ofrecen el código HTML, el CSS y las imágenes que se requieren.
Fuente: Tinchio
Tags: CSS, diseño, menu
Posted in CSS, Recursos | No Comments »
Wednesday, March 18th, 2009
Los tooltips, son esas pequeñas ventanas que aparecen cuando posamos el mouse en cierta zona o enlace, y que generalmente nos brindan información sobre el mismo. Cada día ocupan mas lugar en el mundo del diseño, y de a poco inundan cuanto sitio visitemos.
Si deseas agregar este elemento a tu próximo proyecto, es bueno que sepas que hay varias formas de hacerlo, ya sea por medio de jQuery, de MooTools o de simplemente CSS. Lo ideal es encontrar la forma que te deje conforme y se adapte a tu proyecto. Para esto podremos revisar las 11 formas de crear tooltips que publicaron en Webdesignledger, y de paso, aprender nuevas técnicas mas allá de la que sea que finalmente utilicemos.
Tags: CSS, jQuery, MooTools, tooltips
Posted in CSS, Tutorial | No Comments »
