Galeria de galerias de hojas de estilo (CSS)

1 10 2007

En Cosas Sencillas me encontre con un enlace que me parecio bastante interesante, es una pagina en la cual se encuentran recopiladas varias galerias de hojas de estilo algunas de las cuales incluso yo habia puesto enlaces aqui, pero otras que  en lo personal no conocia y son bastante buenas, ademas si conoces alguna y quieres enviarselas lo puedes hacer.

Enlace:http://cascadingstyleshit.cocoagrove.com/





CSS.- Tips, tecnicas, tutoriales y galerias

27 08 2007

Esta es una suma de un par de entradas que me parecieron bastante interesantes y que no habia publicado por falta de tiempo son enlaces a sitios en los cuales podremos encontrar en la primera parte todo tipo de tips, tecnicas y tutoriales y en la segunda lista enlaces a diferentes sitios de hojas de estilo para poder estudiar el codigo o recoger algo de inspiracion para nuestros propios proyectos:

Tips, tecnicas y tutoriales:

Galerias CSS

Visto en Cosas Sencillas





CSS.- Menus horizontales listos para descargar

27 08 2007

Menus como el de aqui arriba pueden llegar a ser complicados de relizar mediante hojas de estilo si no se manejan adecuadamente y hace un rato me encuentro en COSAS SENCILLAS el anlace a un articulo de CSSplay en el cual vienen varios menus horizontales como este de aqui arriba para que los descargues y puedas estudiar el codigo o incluso usarlo directamente en tus trabajos, siempre y cuando cumplas con las condiciones descritas en la pagina.

Enlace: CSSplay 





Navegacion estilo Dock (Mac OS) para nuestra Web

30 07 2007

Si eres de las personas a las que les gusta el estilo de navegacion que proporciona el Dock de Mac O.S.X pues en Cosas Sencillas nos comparten algunos enlaces sobre como podemos lograr un efecto similar, junto con un ejemplo para que lo veamos como funciona

  1. CSS Dock Menu [Demo] Navegadores: IE 6, IE 7, Opera 9, Firefox 2 y Safari.
  2. MacStyleDock [Demo] Navegadores: Firefox, IE6, IE7, Konqueror, Opera9,
  3. iconDock [Demo] Navegadores: Firefox, IE6, IE7, Safari.
  4. Dojo FishEye Widget [Demo] Navegadores: ??
  5. MooTools FishEye [Demo] Navegadores: ??
  6. iFishEye [Demo] Navegadores: IE, Firefox, Opera, Safari
  7. euroDock [Demo] Navegadores: ??
  8. Corner Dock [Demo] Navegadores: IE7, Firefox, Opera9, Safari.




101 Tips, tutoriales y ejemplos

16 07 2007

En LXPAGES.COM me toca encontrarme con un articulo en el cual reunen  “los 101 enlaces mas poderosos de tips, tutoriales y ejemplos sobre CSS” lista que se ve bastante interesante, y aunque algunos ya han sido publicados aqui bien merecen ser publicados de nuevo:

Nota: La lista no esta traducida porque las paginas estan en ingles de cualquier modo asi que… 

  1. CSS-Techniques You Couldn’t Live Without
  2. 25 Killer Code Snippets Every Good Web Designer Should See
  3. 30 Dark Designs You Should’ve Seen
  4. 50 Beautiful CSS-Based Web-Designs in 2006
  5. CSS Live — Watch a page come together
  6. JavaScript + CSS = Nice Picture Display
  7. 100% CSS Rounded Corners WITH anti-aliasing. No images. No JavaScript.
  8. The (only) Ten Things to Know About CSS
  9. TOP 69 CSS Menus with Tutorials and Downloads
  10. The RIGHT way to convert your Photoshop design to XHTML and CSS Layout
  11. 15 CSS Properties You Probably Never Use (but perhaps should)
  12. 71 CSS Menus for free
  13. A Handy Little CSS Cheat Sheet
  14. 12 Useful CSS Templates
  15. CSS tips and tricks!
  16. Free Design Templates
  17. 12 Basic CSS Templates
  18. Awesome: Pure CSS Image Gallery
  19. CSS-Based Forms, Modern Solutions
  20. Tutorials Round-Up: Ajax, CSS, JavaScript, PHP, MySQL and Much More
  21. Howto: Square Corners with CSS
  22. 25 Killer Code Snippets every Good Designer Should See
  23. Tableless forms
  24. A Cool CSS Effect to Dim the Screen (Dashboard Style)
  25. Top 10 CSS image gallery tutorials
  26. CSS Speech Bubbles
  27. CSS Basics
  28. 10 CSS Tips from a Professional CSS Architect
  29. Over 100 CSS demos
  30. Rounded corners without images
  31. Holy Grail of CSS layouts
  32. More Rounded Corners with CSS
  33. COMPLETE Tutorial on CSS & HTML - Beginning up to Expert
  34. CSS Layout Techniques: for Fun and Profit
  35. CSS Frames
  36. CSS Trick: Using Fewer Images
  37. Clean CSS
  38. Time Sensitive CSS Switcher
  39. Handy CSS layout generator for web developers
  40. CSS Library Launched
  41. List of CSS Tools
  42. Learn CSS Positioning in Ten Steps
  43. Style your forms with CSS
  44. CSS Optimization: Make your site load faster for free
  45. CSSPlay.co.uk | tons of cascading style sheet ideas
  46. How to create a StyleGuide for your HTML & CSS
  47. Most Useful CSS Properties with Examples
  48. Top 10 CSS Tutorials
  49. Learn HTML or CSS fast
  50. CSS Mastery: Fixed-Width, Liquid, and Elastic Layouts and Faux Columns
  51. A great way to preload images on your site with CSS
  52. Top Ten CSS Gallery/Showcase Websites
  53. Over One Hundred page layouts, One CSS File
  54. CSS: Getting Into Good Coding Habits
  55. CSS Galleries
  56. 10 CSS Tips to Make Your Life Easier
  57. CSS-Based Navigation Menus: Modern Solutions
  58. The only CSS layout you need
  59. 20+ CSS Menus
  60. CSS Techniques Roundup - 20 CSS Tips & Tricks
  61. 5 Worthy CSS Tips
  62. CSS Layout Tutorial for beginners
  63. Quick ‘n easy CSS borders/shadows
  64. Nice CSS How-To and Template site
  65. How to Nail a Sexy Layout
  66. Sample CSS Page Layouts
  67. CSS SuperDouche
  68. 5 Steps to CSS Heaven
  69. 12 CSS Articles/Tricks of 2005
  70. CSS Print Stylesheet Tips and Tricks
  71. css Zen Garden: The Beauty in CSS Design
  72. Web Developer’s Handbook | CSS, Web Development
  73. CSS Beauty | CSS Design Showcase
  74. CSS Vault » The Web’s CSS Site
  75. Cascading Style Sheets
  76. Dynamic Drive CSS Library- Practical CSS codes and examples
  77. Layout Gala: a collection of 40 CSS layouts
  78. CSS Cheat Sheet
  79. CSS Import™ | The CSS Gallery
  80. CSS Techniques Roundup - 20 CSS Tips and Tricks
  81. Clean CSS - A Resource for Web Designers - Optmize and Format your CSS
  82. centricle : css filters (css hacks)
  83. CSS Basics - Making Cascading Style Sheets Easy to Understand
  84. 70 Expert Ideas For Better CSS Coding | Smashing Magazine
  85. CSS Remix: CSS-Based Website Gallery
  86. intensivstation :: CSS Templates :: Templates
  87. HTML and CSS Tutorials, References, Articles and News
  88. CSS Mania
  89. 53 CSS-Techniques You Couldn’t Live Without
  90. Spiffy Corners - Making anti-aliased rounded corners with CSS
  91. CSS Showcase | CSS Navigation Menus, Tabs and CSS Navigation Techniques
  92. CSS Drive- Categorized CSS gallery and examples
  93. How to make sexy buttons with CSS
  94. Great CSS Editors for Linux
  95. CSS Debugging Tools and Tricks
  96. Free CSS Editors
  97. CSS, Accessibility and Standards Links
  98. Behaviour : Using CSS selectors to apply Javascript behaviours
  99. 12 Basic Free CSS Templates - 12 Starting points for your CSS based website
  100. Dynamic Drive CSS Layouts- Tableless, CSS based templates
  101. All CSS Properties Listed Alphabetically




Otras 12 plantillas de Hojas de Estilo

18 05 2007

Tambien en Leandono’s Blog  me encuentro con otro sitio que contiene una docena de plantillas para nuestros diseños CSS y pues bueno, creo nunca esta por demas agregar otro sitio a nuestra lista de recursos

Enlace:  http://ideas.nty3.com/css-templates.html





Las mejores herramientas CSS del mes

18 05 2007

“…la crema de este mes” Creo que la descripcion se ajusta bastante bien a lo que podemos encontrar en esta lista, en la cual vienen algunos recursos ya antes mencionados y otros de reciente adicion, aun asi creo que es una buena idea darse una vueltita y quien sabe quizas encuentres ese preciado recurso que ponga fin a tus problemas.

Enlace: ROScripts

Visto en: Delirio Web 





70 ideas expertas para un mejor codificacion CSS

16 05 2007

En Smashing Magazine estoy leyendo esta entrada y la verdad me parece que es una lectura (en ingles) bastante recomendable, ya que ademas de demostrarnos algunas buenas tecnicas acerca de las hojas de estilo nos proporciona una lista de recursos adicionales a este articulo, y bueno por si esto le parece poco a alguien nos prometen colocar este documento en PDF dentro de algunos dias, asi que estaremos al pendiente





“Dock Menu” Mediante hojas de estilo

9 05 2007

Para todos aquellos que no sepan que es el dock (que verguenza) este es el area en la cual se distribuyen los accesos a las aplicaciones cuando estamos trabajando en una Mac el cual tiene un estilo visual bastante particular (y ampliamente imitado), pero bueno la clase de mac sera en otra ocasion… En N.Design Studio nos ponen en “bandeja de plata” los archivos y el codigo para que podamos realizar un menu similar utilizando JQuery, Javascript y otros componentes, en verdad es bastante impresionante.

Descargar Archivos

Ver Demo

Visto en Cosas Sencillas





Montones de ejemplos para nuestros menus en CSS

3 05 2007

En el blog Xiberneticos me he encontrado con esta extensa y excelente lista de ejemplos (con su respectivo codigo) de como hacer menus de navegacion a partir de listas

Listas verticales anidadas
Listas horizontales anidadas
Listas verticales
Listas horizaontales