Archive for the ‘CSS’ Category
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 »
Monday, March 30th, 2009
Que nuestro blog o sitio web cargue rápido, es un punto importante para cualquier proyecto. Si un sitio cuando entras tarda en verse, seguramente cerremos y busquemos lo que nos llevó hacia ahí en otro lado. Por lo menos eso hago yo. Por eso es bueno conocer de que formas podemos ayudarnos a que la carga sea lo mas corta posible.
En AdmixWeb crearon una lista con consejos para acelerar la carga de un sitio, explicados claramente y que van a ayudarnos a optimizar diferentes puntos de nuestro blog. Los temas tratados abarcan el código CSS, AJAX, cómo optimizar nuestras imágenes y el consejo de remover el código innecesario, entre otras cosas.
Tags: Carga, sitios web, tips
Posted in Ajax, Artículos, CSS | 1 Comment »
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 »
