La Webdosfera 2.0

Color Blender - Color Calculator - Color Combinations

Color Mixers - Color Palette Generator 1 - Color Palette Generator 2 -

Color Palette Generator 3 - Color Scheme Generator - Color Schemer -

Clr ORG - Easy RGB -

Gradient Image Maker - I Like Your Colors - Technicolor -Transparent PNG Generator

Fuente

Compártelo

El primero me se llama Clean and green, y es muy agradable por el matiz verde del tema.

Valid XHTML 1.0 Valid CSS 2.0 | Download | Demo

El segundo se llama Rambling Soul 7 y me me ha gustado muchoa tambien ^^

Valid XHTML 1.0 Valid CSS 2.0 | Download | Demo

Compártelo

71 CSS menus gratis cortesía de My Woorld

1. 11 CSS navigation menus : at Exploding Boy
2. 12 more CSS Navigation Menus. : at Exploding Boy
3. 14 Free Vertical CSS Menus : at Exploding Boy
4. 2-level horizontal navigation : demo at Duoh
5. Absolute Lists: Alternatives to Divs : An approach of using lists instead of divs at evolt
6. Accessible Image-Tab Rollovers : demo at Simplebits
7. ADxMenu : multiple menu examples at aPlus
8. A drop-down theme : at CSS Play
9. Bookend Lists: Using CSS to Float a Masthead : at WebSiteOptimization
10. Bulletproof Slants : demo at Simplebits
11. Centered Tabs with CSS : at 24ways
12. Clickable Link Backgrounds : A bulletproof unordered list of links, each with a unique (purely decorative) left-aligned icon that is referenced with CSS ; but that is also clickable.
13. Create a Teaser Thumbnail List Using CSS: Part 1 : lists of items made up of a title, short description, and thumbnail.
14. Creating Indented Navigation Lists : A multi-level indented list
15. Creating Multicolumn Lists : at Builder.com
16. cssMenus - 4 Level Deep List Menu : at SolarDreamStudios
17. CSS and Round Corners: Build Accessible Menu Tabs : at SitePoint
18. CSS-Based Tabbed Menu : a simple tabbed menu.
19. CSS-based Navigation : demo at Nundroo
20. CSS: Double Lists : A single list that appears in two columns
21. CSS Mini Tabs (the UN-tab, tab) : demo at Simplebits
22. CSS only dropdown menu : at CSS Play
23. CSS only flyout menus : at CSS Play
24. CSS only flyout/dropdown menu : at CSS Play
25. CSS only flyout menu with transparency : at CSS Play
26. CSS only vertical sliding menu : at CSS Play
27. CSS Swag: Multi-Column Lists : at A List Apart
28. CSS Tabs : tabs without any images
29. CSS Tabs : list of various tab solutions
30. CSS tabs with Submenus : at Kalsey.
31. dTree Navigation Menu : Javascripts Tree at Destroydrop
32. Definition lists - misused or misunderstood? : appropriate uses of definition lists
33. Do You Want To Do That With CSS? - Multiple Column Lists : multi-column lists.
34. Drop-Down Menus, Horizontal Style : at A List Apart
35. Float Mini tabs : at Web-Graphics
36. Flowing a List Across Multiple Columns : A table without using tables.
37. Free Menu Designs V 1.1 : ready-to-download block menusat e-lusion
38. FreeStyle Menus : XHTML compliant, CSS-formatted menu script at TwinHelix
39. Hidden tab menu : at CSS Play
40. How to Style a Definition List with CSS : at WebReference
41. How to Style an Unordered List with CSS : at WebReference
42. How to Use CSS to Position Horizontal Unordered Lists : at WebReference
43. Hybrid CSS Dropdowns : at a List Apart
44. Inline Mini Tabs : at Web-Graphics
45. Intelligent Menus : CSS and PHP menu at PhotoMatt.net
46. Inverted Sliding Doors Tabs : at 456BereaStreet
47. Light Weight Multi Level Menu : at CssCreator
48. List Display Problems In Explorer For Windows : list hack for IE
49. Listamatic : simple lists; various styles.
50. Listamatic2 : nexted lists; various styles
51. Menus galleries in CSS and XHTML : multiple examples and downloads at Alsacreations
52. Mini-Tab Shapes : demo at Simplebits
53. Mini-Tab Shapes 2 : demo at Simplebits
54. More than Just Bullets : at W3.org
55. Multiple Column Lists : at css-discuss
56. A Navbar Using Lists : A lightweight nav bar at WestCiv
57. Navigation Matrix Reloaded : at SuperfluousBanter
58. Remote Control CSS : examples of lists styled differently
59. Remote Control CSS Revisited - Caving in to peer pressure : multi-column remote control
60. Rounding Tab Corners : by Eric A. Meyer.
61. Simple CSS Tabs : at SilverOrange
62. Simplified CSS Tabs : demo at Simplebits
63. Sliding Doors : at A List Apart
64. Spruced-Up Site Maps : sitemaps as lists
65. Styling Nested List : at SimpleBits
66. Suckerfish Dropdowns : at HTMLDog
67. Tabtastic : Gavin Kistner.
68. Tabs Tutorial at BrainJar
69. Taming Lists : at A List Apart
70. Turning a List into a Navigation Bar : at 456BereaStreet
71. Ultimate css only dropdown menu : at CSS Play

Compártelo

En Mashable han publicado una excelente lista de más de 30 sitios de donde puedes sacar ideas para inspirar tus diseños. La lista es muy practica, a continuación un pequeñisimo popurri de los sitios.

CSSVault.com - Coleccionando sitios que representan lo mejor de la web desde Noviembre de 2003.

CSSZenGarden.com - Un sitio que demuestra que puedes cambiar el diseño de a pagina con solo cambiar la hoja de estilo sin tocar el codigo.

DesignSnack.com - Puedes buscar en más de 500 diseños, comentarlos, y votarlos.

LightOnDark.com -Un sitio dedicado a diseños Oscuros.
Visitar enlace

Compártelo

Bien y como sera eso? bueno los muchachos de wafful han creado un hack que está echo solo con Html 2.0

Este hack puede detectar desde  el firefox2.0, firefox1.5, otros engines de Gecko, y Safari2, Safari3, Opera, ie, w3m, lynx, y otros browsers.

Aqui algunos Ejemplos:

Visitar Enlace

Compártelo

Nunca has pensado que si en vez de mostrar el Blogroll en una sola columna ocupabas mucho espacio? bueno a mi si me paso ahora que estoy trabajando en un nuevo theme y queria mostrar las categorias y el blogroll de manera que en una GRAN columna, osea el ancho del sidebar, pudiera agregar varias columnas y la verdad que fue un dolor de cabeza pero la solución llego de la mano de A List Apart.

La verdad que es fantastica la solución, son 4 metodos, e incluso jugando con el codigo te puede resultar si solo quieres dos columnas.

Visitar Enlace

Compártelo

Bueno, después de mucho tiempo de no postear ( y con motivos obviamente) MeTaL_oRgyY acaba de hacer un estupendo post sobre los 8 grandes errores del diseño web.

1. ¡Las imagenes también son contenido!
2. ¡No todo es una lista!
3. Mi nombre es h1 h1′ h1”
4. Los hacks no son una solución, son un problema
5. ¡Hola! Me llamo “naranja”
6. ¿A none voy?
7. ¡No soy gordo! ¡Soy funcional!
8. Las tablas no son de satanás, ¡usalas!

Compártelo

Estos son Muchisimos links de paginas con tutoriales para photoshop. Para ser exsacto son 100 ^^

1. http://www.newtutorials.com/photoshop-textures.htm
2. http://www.tutorialized.com/tutorials/Photoshop/Text-Effects/1
3. http://www.myjanee.com/tuts/tutlist.htm
4. http://www.photoshop-pack.com/details/Background_texture/256
5. http://www.photoshop.0tutor.com/rss.aspx
6. http://www.tutorialsgarden.com/articles/2-Making-Cool-Interface-Orb/
7. http://www.cgtutorials.com/t1880/Adobe_Photoshop/Make_cool_background_for_picture
8. http://www.rnel.net/tutorials/Photoshop/Text_Effects
9. http://www.pslover.com/tutorials/TextFX/1
10. http://www.adobenerds.com/tutorials.php
11. http://www.infinitee-designs.com/Tutorials-Photoshop-1.htm
12. http://www.photoshopessentials.com/photoshop-text/text-effects/
13. http://psworkshop.net/psworkshop/Category.asp?CatID=1
14. http://www.tutorial-center.com/search/Ulead+Cool+3D+guide+trick/1/
15. http://www.photoshoptutorials.dk/how-to-make-text-overlap-in-glowing-background
16. http://www.dwphotoshop.com/photoshop/blending.php
17. http://www.picturecorrect.com/photoshoptips/blending_photos.htm
18. http://www.trap17.com/index.php/blending-images-photoshop_t23407.html
19. http://www.photoshopcafe.com/tutorials/blend/blend.html
20. http://www.newtutorials.com/matrix-effect-tutorial.htm
21. http://www.comics2film.com/index.php?a=story&b=3387&c=11
22. http://www.photoshopsupport.com/tutorials/or/selective-coloring.html
23. http://www.axialis.com/tutorials/tutorial-misc001.html
24. http://www.tutorio.com/tutorial/coloring-images-in-photoshop
25. http://www.phototakers.com/articles/articles/33.html
26. http://www.elfwood.com/farp/coloring/photoshop.html
27. http://tricks.onigo.net/2006/01/19/2-minute-tricks-24-hand-coloring/
28. http://www.fur.com/~almackey/tutorial/
29. http://www.trap17.com/index.php/cool-sig-backgrounds-photoshop_t30572.html
30. http://forums.qj.net/showpost.php?p=655886&postcount=1
31. http://pslover.com/similar/Make_a_cool_sig
32. http://forums.livingwithstyle.com/showthread.php?t=157199
33. http://www.picgames.com/forum/viewtopic.php?t=19362
34. http://pslover.com/similar/How_to_make_an_iPod_in_photoshop
35. http://puddles.9.forumer.com/index.php?s=902dcf1f4b0dada25aff7c55ab8325fd&showtopic=319&st=0&#entry3976
36. http://www.r1-forum.com/forums/showthread.php?t=132138
37. http://www.polykarbonbbs.com/showthread.php?t=19373
38. http://www.good-tutorials.com/
39. http://www.photoshoproadmap.com/Photoshop-tutorials/Textures-and-backgrounds/Most-popular/1/
40. http://www.adobeevangelists.com/photoshop/index.html
41. http://studio.adobe.com/
42. http://www.duke.edu/%7Eac10/photoshop/index.html
43. http://www.fur.com/%7Ealmackey/tutorial/
44. http://www.aqa-d.se/ny/pstips/fwf_all.htm
45. http://www.b-man.dk/tutorials.asp
46. http://www.cyberinkdesign.com/tutor.htm
47. http://www.elated.com/tutorials/graphics/photoshop/
48. http://www.effectlab.com/index2.html
49. http://www.dreaminfinity.com/tutorials/photoshop.php
50. http://www.go.to/designstudios
51. http://www.eyeball-design.com/page09.htm
52. http://www.gifart.com/graphictips5.shtml
53. http://www.dp.ghostbone.com/resources.html
54. http://user.fundy.net/morris/photoshop.shtml
55. http://www.webgraphicscenter.com/tutorials/index.cfm/photoshop/
56. http://www.visi.com/~drozone/handson/
57. http://www.gurusnetwork.com/tutorials/two_d/photoshop/
58. http://www.lombergar.com/go/?i=deezin
59. http://forums.neverside.com/graphics/photoshop/
60. http://www.magicpixel.com.au/tutorials/index.cfm
61. http://www.photoshop101.com/
62. http://www.spiritpower.org/photoshop/index.htm
63. http://www.photocillin.com/
64. http://www.photoshopjunkie.com/tutorials/
65. http://www.hotwired.com/webmonkey/98/20/index0a.html?tw=graphics_fonts
66. http://www.photoshopstuff.com/
67. http://www.photoshoptopsecret.com/
68. http://www.rtideas.com/ticks/
69. http://www.the-photoshop-tutorials.com/
70. http://www.tutorialselect.com/
71. http://www.photoshoptutorial.net/
72. http://www.photoshopace.co.uk/home.htm
73. http://www.pixel2life.com/tutorials/Adobe_Photoshop/All/
74. http://www.planetphotoshop.com/
75. http://www.photoshoptutorials.us/
76. http://digicollage.com/asap/index.htm
77. http://www.polykarbon.com/
78. http://www.powerpix.net/resources.html
79. http://www.ps6.com/
80. http://www.rasterized.org/
81. http://retouchpro.com/tutorials/
82. http://www.teamphotoshop.com/index.php
83. http://photoshop.weblogsinc.com/
84. http://www.spoono.com/tutorials/photoshop/
85. http://www.screaming-art.com/tutorials.php
86. http://www.tutorialized.com/tutorials/Photoshop/1
87. http://www.tutorialselect.com/
88. http://www.thewebmachine.com/
89. http://www.worth1000.com/tutorial.asp
90. http://www.xanthic.net/tutorials.php
91. http://www.13dots.com/forum/lofiversion/index.php/f102.html
92. http://www.80four.co.uk/photoshop/index.asp?page=Photoshop%20Tutorials
93. http://www.vecpix.com/tutorials/photoshop/
94. http://tutorialblog.org/how-to-create-a-sexy-modern-logo
95. http://www.freephotoshop.com/html/free_shapes.html
96. http://www.scriptocean.com/
97. http://www.graphicxtras.com/
98. http://www.biorust.com/downloads/browse/4/added/desc/1/
99. http://graphicssoft.about.com/od/photoshopdownloads/Free_Downloads_for_Adobe_Photoshop.htm
100. http://www.photoshoproadmap.com/Photoshop-downloads/info/Miscellaneous/Photoshop-free-downloads-collection

Compártelo

Cuando creamos nuevos templates y queremos probar ciertas disposiciones y ajustes en nuestro diseño, utilizamos generalmente el ya famoso texto de Lorem Ipsum  usado por los editores de todo el mundo.

Puedes utilizar este generador simple de Lorem Ipsum para crear párrafos del texto para los propósito deseas! Chascar simplemente el número de párrafos que deseas crear y el texto de Lorem Ipsum será generado en la caja de abajo. Es una herramienta Online y gratuita.

Visitar enlace

Compártelo

Cuantas veces hemos visto esos botones que ponen algunos sitios para promocionar su web o esos botones clásicos que sirven para las sindicaciónes.

Aqui les dejo una excelente herramienta online que crea excelentes botones a tu medida de 80×15

Visita el siguiente enlace

Compártelo