Creating a Basic Template System in PHP

After implmenting this template system in your webistes, you will achieve the following benefits If you have a lot of pages that use the same design. If you want to make a layout change in the header, menu, footer or right section then you don't have to update numerous files. You will have to edit a single php file You will have less vertical scrolling when typing PHP code as the whole section will be replaced by a single line of php (i.e we will use php include function to include...

Android & iPhone browser wars: Intro to the WebKit

Introduction Combined, the iPhone and Android platforms have more than 100,000 application titles available for download across their respective app stores. Native applications are those created with a platform's SDK, then compiled and installed to a device. These native applications provide thorough access to a device's inherent capabilities, including features like wireless networking, Bluetooth, data...

Creating Web Pages/Sites using CSS (Part 1)

If you're new to web design or an old veteran you can't have failed to have heard about CSS (Cascading Style Sheets). These files that you can attach (or tags you can embed in a particular page) allow for intricate page layout, text control, etc. In this tutorial I'll be taking you through creating a simple page layout using only two CSS Styles. I know that sounds a bit simplistic, but once you see how easy some of the techniques are you'll wonder why you ever bothered creating...

A Beginner's Guide To CSS

CSS, or Cascading Style Sheets, is a 'language' that website designers use to develop the style, look and feel of layout, text and colours on a website page. Used properly, CSS can be used to separate design from content, making websites easier to use and ultimately, maintain. It can also help with download times as the CSS is downloaded only once and held in browser cache. A good (the best?) website development technique is to build your pages using HTML and link this page to what is called...

Ajax with images and stylesheets

This should be filed under the quirky category :) Julien Lamarre has demonstrated doing Ajax-style callbacks not using XHR. Nor iframes. Nor Java. Nor Flash. He implemented it with images and CSS. Ajax using an image The client to server connection works by sending a request to the server using a dynamically created image with some parameters added to its “.src” property. The server’s response is sent in a cookie at the same time the generated image is returned to the client. Or, when cookies...

Styling hr with CSS

Introduction Even though it's sometimes recommended to replace the element with cascading stylesheets only using horizontal borders of other elements, I prefer as a section divider. This makes a web page more readable even in older browsers that receive only pure HTML with no style sheet.  On the other hand, simple, unstyled does not look good in richly styled documents. That's why I tried to find a couple of cross-browser compatible ways to make it prettier. I used to hide...

Adding a CSS StyleSheet to your RSS Feed

It's pretty easy to add a CSS stylesheet to your RSS feeds. I created one in about 10 minutes for my RSS feed. You can do a lot more with an XSL stylesheet (turn links into clickable links, etc), but CSS can make your feed look much less scary for the non-technical crowd. And the good news is you probably already know CSS, so setting one up is trivial... To start you need to add a xml-stylesheet tag to your RSS feed:[code] <?xml version="1.0" ?><?xml-stylesheet type="text/css"...

CSS Design: Going to Print

by Eric MeyerYou’ve seen them before: links that say “click here for printer-friendly version” or words to that effect. Every time you follow one of those links, you load a separate document that presents exactly the same information with a different layout, and probably different markup. That means somebody (or a script) had to take the original document and convert it to a stripped-down version that’s more suitable for print output. Maybe that somebody was even you. Print style sheets...

Nifty Corners: rounded corners without images

By Alessandro Fulciniti Update This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. You can read it here. The final version is Niftycube. Rounded Corners with CSS are a hot topic in web design: I think that there are hundreds of articles on them. This page is intended to present the solution I came up, that doesn't requires images, extra markup nor CSS. Let's start....

Rounded corners in CSS

Create four images for your corners. Most graphics programs have a tool that will create rounded-off squares. I’ll be using this square here… …and I’m going to cut off the corners to get my four images: In the spot where I want the box to show up, I create a container div to hold the box, a div for the top row and a div for the bottom row. Between the top and bottom rows, I add my content. In the top and bottom row divs, I add the left corner image and set the inline style to read...