]]>
]]>
]]>
]]>
A tool for visual development of YAML based CSS layouts Design Your XHTML and CSS Layout with YAML Builder
]]>
image
Hyperbolic Layouts
Top/Bottom/Left/Right Layouts
The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.
In fluid layouts it is easy to format the text to adjust nicely when the window is resized, but the images are not as fluid-friendly. This Quick Tip shows you how to swap between two image sizes based on the current size of the browser, div, or whatever you decide to make the deciding factor. For those looking for a real life example, Last.fm uses this technique on their artist pages. The technique that will be used can be expanded to cause additional changes upon resize as well, beyond simply image swapping (ie captions, navigation).
]]>
]]>
every element in web design is a rectangular box. This was my ah-ha moment that helped me really start to understand CSS-based web design and accomplish the layouts I wanted to accomplish.
]]>
]]>
]]>
]]>
]]>
]]>
]]>
]]>
]]>
]]>
Wordle is a toy for generating “word clouds” from text that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes. The images you create with Wordle are yours to use however you like. You can print them out, or save them to the Wordle gallery to share with your friends.
Wordle is a toy for generating “word clouds” from text that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes. The images you create with Wordle are yours to use however you like. You can print them out, or save them to the Wordle gallery to share with your friends.
Wireframing is a great tool to have in your web design arsenal. Learn to use Illustrator effectively to create web design wireframes. This tutorial reviews some techniques for setting up your document for the web, quickly building rounded boxes for layouts, creating a repository of usable web elements, using callouts, and more.