For the last 6 years, I have been creating innovative websites to capture attention and inspire the mind, balancing user experience with an attractive website interface. By the use of AJAX and CSS, websites become more interactive, and with Search Engine Optimization, they are easily found through Google, Yahoo and Bing.
Besides the jQuery library and syntax highlighting, this whole website has been created from scratch; No pre built frameworks or content management systems have been used.
This demonstrates dedication, personalization and skill, and is reflected in all of the work I produce.
As you get to know me, you'll start to see that I've tried my hands at just about everything, ranging from the basics to the more advanced and finer points in programming.
That means you'll probably find lots of hints and tips here for many different languages, as well as anything that I find relatively interesting!
Every website created here is a unique one, with limiting boundaries out of the questions.
Programming is always evolving and so I'm always improving my game to keep up with the changes. You'll be able to see this reflected in the high quality work that I produce.
/* Mozilla browsers */ -moz-column-width -moz-column-gap -moz-column-count -moz-column-rule /* Webkit Browsers 3 */ -webkit-column-width -webkit-column-gap -webkit-column-count -webkit-column-rule /* Opera */ -o- ... etc.
-moz- rules.-moz-column-count - these will spread out equally over the given width to fill the whole area - or we can define a set width for each column using -moz-column-width which will fit in as many columns of the set width as possible.
<html>
<head>
<title>Multi Column Example using CSS3</title>
<style type="text/css">
#wrapper {
width: 500px;
text-align: justify;
}
#multi-column-example {
-moz-column-width: 200px;
-moz-column-gap: 15px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="multi-column-example">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis, arcu sit amet posuere fermentum, sem tellus iaculis ipsum, id iaculis sapien mi a nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed mollis augue quis sem scelerisque id pellentesque dolor condimentum. Suspendisse potenti. Morbi lacinia urna tortor. Nulla facilisi. Pellentesque vestibulum augue eget nibh mollis tristique. Aliquam erat volutpat. Donec at pharetra nibh. Nullam vel leo arcu, non auctor nunc. Maecenas placerat ultrices mauris porttitor mattis. Integer tortor dui, fringilla vitae cursus tempus, faucibus vel elit. Phasellus aliquet, nulla vulputate pulvinar consequat, justo lacus consequat eros, ac pulvinar nulla elit sit amet mauris.
</div>
</div>
</body>
</html>
<html>
<head>
<title>Multi Column Example using CSS3</title>
<style type="text/css">
#wrapper {
width: 500px;
text-align: justify;
}
#multi-column-example {
-moz-column-count: 3;
-moz-column-gap: 25px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="multi-column-example">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis, arcu sit amet posuere fermentum, sem tellus iaculis ipsum, id iaculis sapien mi a nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed mollis augue quis sem scelerisque id pellentesque dolor condimentum. Suspendisse potenti. Morbi lacinia urna tortor. Nulla facilisi. Pellentesque vestibulum augue eget nibh mollis tristique. Aliquam erat volutpat. Donec at pharetra nibh. Nullam vel leo arcu, non auctor nunc. Maecenas placerat ultrices mauris porttitor mattis. Integer tortor dui, fringilla vitae cursus tempus, faucibus vel elit. Phasellus aliquet, nulla vulputate pulvinar consequat, justo lacus consequat eros, ac pulvinar nulla elit sit amet mauris.
</div>
</div>
</body>
</html>
-moz-column-rule: 1px solid #666;
Facebook
Twitter
LinkedIn
RSS