Posted by Karthik Viswanathan on Sun 29 March, 2009 at 06:00:29 · Tags: css, tutorial
As many of you have probably noticed, the “Slideshow Series” contains little to no CSS styling. Soon after completing my previous post, I realized that some major work needs to be done to improve the general appearance of the show; indeed, many only view a slideshow because it looks good!
Follow along as I present an intricate (yet easy to code) slideshow styling.
Posted by Patrick Lin on Fri 27 March, 2009 at 06:49:39 · Tags: php, tutorial
In a previous article, kab noted that when he read files using the readdir function in PHP, it would not read in a sequence (eg. 2182.JPG is followed by 2183.JPG, 2184.JPG, 2190.JPG etc.), but rather quite randomly.
The fact is, on certain web servers, such as the one that Lateral Code runs on, readdir reads in sequential order, while many others do not. If you’re on a web server that does not read in sequential order, there is a very simple fix you can do.
Posted by Patrick Lin on Wed 25 March, 2009 at 06:15:12 · Tags: javascript
For a very long time, the web was filled with very plain fonts.
Unpleased with this lack of variety, a group of developers invented sIFR, which used Javascript and Flash to replace boring text with lively fonts. But sIFR had a problem: not everyone liked or used Flash. It was also slow.
Then, David Chester created typeface.js. typeface.js was brilliant in that it was purely Javascript, with no Flash involved. But typeface.js was slow to load and required large files.
And most recently from Simo Kinnunen came cufón, which we will look at here.
Posted by Karthik Viswanathan on Mon 23 March, 2009 at 06:00:31 · Tags: javascript, tutorial
Previously, I presented a simple slideshow to enhance the user’s experience. To add some extra features and “buff” up this technique, follow along as I create a slideshow with buttons.
View a Demo Download the Files
All of the features used in this post will strongly rely on the ones previously presented. Please take a minute to look back at the previous slideshow post so that you are not completely lost. It is assumed that you know the HTML setup from the previous post.
Remember to setup a slideshow using an unordered list:
<ul class="ppt">
<li><img src="somePhoto.jpg" alt="Your photo description"></img></li>
<li><img src="someOtherPhoto.jpg" alt="Your other photo description"></img></li>
(etc.)
</ul>
Posted by Patrick Lin on Sat 21 March, 2009 at 17:16:48 · Tags: javascript, tutorial
In my previous article, Create a Simple Picture Gallery using PHP, KDM dropped me a nice comment about adding pagination.
In order to satisfy his needs (and our own), this post will present simple PHP gallery pagination. If you haven’t read the previous article, please refer back to it.
4