10 Super PHP codes to handle HTML (for Web Developers)

1. Object HTML

A set of classes that will allow you to build HTML documents completely w/ objects in PHP. This is only the most basic layer but it is easy to build onto.

Download Now

2. OO HTML Table Generation

Automatic generation of HTML for table.
- Colspan, rowspan, table style, column style, cell style, and data style may all be defined.
- OO interface
- Simple but effective

Download Now


Continue reading »


How to Create a Cool Anaglyphic Text Effect with CSS

Written by Chris Spooner

Anaglyphs are those amazing 3D images that are created by offsetting two of the red, green and blue channels, and are viewed with those nerdy looking 3D glasses with different coloured lenses. I don’t know if this effect works for real, as I’ve unfortunately misplaced my 3D specs, but it’s a pretty cool text effect nevertheless! Let’s take a look at how a similar style can be created for sprucing up your web designs, while taking into consideration semantics and avoiding the repetition of any markup.

View the demo


Continue reading »


7 Reasons Why CSS Is Better Than HTML Tables

Website designers have been utilizing CSS (Cascading Style Sheets) for many years now. Over and over again, however, I come across an argument that CSS offers no real advantage and whether you code with it or not is just a matter of preference and habit.

1I couldn’t disagree more.

If you are looking to improve the presentation of your website, CSS will help you do it more efficiently and effectively. CSS based design offers advantages that table-based layout can’t compete with.

And here’s how:

Faster loading of pages


Continue reading »


13 iPhone Apps for Graphic Designers

If you’ve found a greater purpose for your iPhone besides calling or Googling directions, then you’d probably like to explore what your iPhone can offer you in the realm of graphic design.

I’ve compiled a collection of the most useful 13 iPhone apps for graphic designers that I’ve come across. Each contributes and offers a unique ability to aid you on your journey through graphic design.

We’ll be taking a look at applications that help with task management, enhance photos, sketching and a whole lot more. As usual, feel free to add your comments below and let us know which ones you like best and which ones you use.

1. Palettes

Palettes is a great app that allows you to create color schemes. You’re able to sample colors from websites, photo albums stored in your iPhone, and more. You can also import and export palettes to Photoshop. Grab colors while you’re viewing a picture, a web page, or anything else on your iPhone. This can come in handy, for example, if you visit a website and find a color scheme that’s extremely appealing, with Palettes you’ll be able to introduce yourself to the exact colors used.


Continue reading »


Benefits of CSS in Search Engine Optimization

Cascading Style Sheets (CSS) is a style sheet language that permits web designers to attach style like spacing, color, font, etc. to HTML documents. Cascading style sheets work similarly to a template; permitting web developers to label style for an HTML element and after that apply it to the number of web pages required. Thus, Cascading Style Sheets (CSS) are collections of formatting rules, which control the appearance of content in a web page. With CSS styles you have great flexibility and control of the exact page appearance; from precise positioning of layout to specific fonts and styles.

There are many benefits of using CSS. One of the major benefits of using CSS is the easy maintenance of the website. Maintenance of a website made with CSS is much easier compared to the ones which are table based. CSS splits the presentation style of documents from the content of documents and makes the maintenance of the site easier. Aside from being able to make site extensive changes with no trouble through one CSS file, the clean code it generates makes it easier to update. Webmasters can characterize the appearance of a site in one place, and change the whole site by changing just one file. With CSS, when you decide to craft a change, you simply alter the style, and that element is updated automatically anywhere it appears in the site. So, if you have to alter the color of all pages in your site, you only have to edit one style sheet. This saves you enormous amount of time, particularly if you have to edit each page independently. CSS generally requires less code compared to table based. This makes your code lighter and cleaner. Clean code makes a huge difference in maintaining your site.

Continue reading »


21+ Fresh Ajax CSS Tables

Not many web designers have fun when it comes to styling tabular data. We have taken a close look at today’s best functioning and styled tables to showcase over 15 modern css and Ajax tables teaching you some useful techniques for displaying information in a tabular mode using sorting or filtering functions.

1) Tablecloth – Css Globe has decided to present Tablecloth. Which is a lightweight, easy to use, unobtrusive way to add style and behaviour to your html table elements.

Tablecloth



Continue reading »


Color and CSS

According to the W3C, a CSS color is either a keyword or a numerical specification. That definition seems simple. Colors are either keywords or numbers, but it’s a bit more complicated than that. Color Keywords

Color keywords are exactly what you might think they are – a list of words (in English) that correspond to colors on Web pages. There are 16 HTML 4 color keywords:


Continue reading »


Sample Application use Smarty: Guestbook – Part 5

We have two templates for our guestbook, one for viewing and one for adding a new entry.
/web/www.example.com/smarty/guestbook/templates/guestbook.tpl

{* Smarty *}

<table border="0" width="300">
    <tr>
        <th colspan="2"; bgcolor="#d1d1d1">Guestbook Entries (<a href="{$SCRIPT_NAME}?action=add">add</a>)</th>
   </tr>
        {foreach from=$data item="entry"}
        <tr> bgcolor="{cycle values="#dedede,#eeeeee" advance=false}">
            <td> {$entry.Name|escape}</td>
            <td align="right">{$entry.EntryDate|date_format:"%e %b, %Y %H:%M:%S"}</td>
        </tr>
        <tr>;
            <td colspan="2" bgcolor="{cycle values="#dedede,#eeeeee"}">{$entry.Comment|escape}</td>
        </tr>
    {foreachelse}
        <tr>
            <td colspan="2">No records</td>
        </tr>
    {/foreach}
</table>


Continue reading »


Is Smarty right for me?

Although Smarty is known as a “Template Engine”, it would be more accurately described as a “Template/Presentation Framework.” That is, it provides the programmer and template designer with a wealth of tools to automate tasks commonly dealt with at the presentation layer of an application. I stress the word Framework because Smarty is not a simple tag-replacing template engine. Although it can be used for such a simple purpose, its focus is on quick and painless development and deployment of your application, while maintaining high-performance, scalability, security and future growth.

Here are some of the more notable features of Smarty:

Caching: Smarty provides fine-grained caching features for caching all or parts of a rendered web page, or leaving parts uncached. Programmers can register template functions as cacheable or non-cachable, group cached pages into logical units for easier management, etc.
Continue reading »


Drupal Modules

There are plenty of Drupal Modules that you can install for your site as add-ons. What we liked best about Drupal modules is that it already comes pre-shipped with several modules. So a standard distribution contains several useful modules that you can simple point, click and enable.

Some examples of such pre-shipped modules are: archive that displays a calendar
to navigate old content, book which allows users to collaboratively author a book,
forums for threaded discussions about general topics, paths that enable renaming
URLs for search engines, polls to capture votes on different topics in the form of
multiple choice questions, and much more.

You can also download many user contributed modules from the Drupal site that are
not pre-shipped in the standard distribution. You can see the full list of modules at:
http://drupal.org/project/Modules. Here are some modules that we found
interesting:
Continue reading »