ddSlick - drop down with images With traditional drop downs i.e. using <select><option></option></select> you are limited to only text and value. But with this easily configurable jquery plugin, you can now create a custom drop down that can very well include images, a short description, along with your usual text and value. Take a look at the following demos in action. 1Basic Drop down using JSON Source: malo - Project Hosting on Google Code Malo is ultra small css library for building web sites. It is meant to be structural base for small or medium web sites. Malo derives from it's bigger brother Emastic CSS Framework. Why should you use Malo? Because it's: Ultra small (compressed is 0,25 kb or 8 lines of CSS!
The Golden Ratio in Web Design 1. Anatomy of a Web Page The elements of a web page are like organs; they are vital to a properly functioning and aesthetically pleasing web page. These are the main elements of a web page. Creating a unique ListView layout using cell-spanning The ListView control makes it easy for you to organize content in a beautiful and meaningful way. The ListView control takes advantage of the Windows 8 grid system, a design tool that provides a structure for variation and maintaining user interest. Visual Studio’s Grid App Project Template showcases a simple usage of an HTML ListView that’s databound to hierarchical data. Figure 1: VS "Grid App" Project Template
How I Chose A Grid Framework Last week I talked about my choice of a grid for this site. I walked you through my thought process, the constraint the grid is built on, and how I eventually settled on an 8 column grid. I even tossed in a few thoughts about setting up a baseline grid. Today I want to talk a little more about the 8 column grid behind this design from the development side. Choosing the grid rested on one line of thought and how to build the thing on another.