Web Design Tutorials: Photoshop, HTML, Flash, PHP
Posted on Nov 18th, 2011 in HTML Tutorials | 0 comments
HTML Tutorial – How to Create Cool Table Design in CSS3
Today I will show you how to create cool table design using CSS3; you can use these tables for data handling and data presentation. Using the same old table code and a little of CSS3 to spice things up, we will achieve a nice looking design without noticing that we are using plain old tables. Here is the link for the Demo. Copy the markup below, and paste it in your favorite code editor (Dreamweaver for me) and save...
Posted on Oct 5th, 2011 in HTML Tutorials | 0 comments
HTML Tutorial – Build a Neat HTML5 Powered Contact Form
Tutorial Details Requirements: PHP 4.3+ Technologies Used: HTML5, Javascript, jQuery, AJAX & PHP Difficulty: Beginner – Intermediate Estimated Completion Time: 60 Minutes Step 1: Getting Started To begin, we need to setup our directory and files. To get started, I highly recommend the HTML5 boilerplate. This is a really good starting point for any HTML5 project and will save you a great deal of time....
Posted on Oct 4th, 2011 in HTML Tutorials | 0 comments
HTML Tutorial – 28 HTML5 Features, Tips, and Techniques you Must Know
1. New Doctype Still using that pesky, impossible-to-memorize XHTML doctype? view plaincopy to clipboardprint? <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> If so, why? Switch to the new HTML5 doctype. You’ll live longer — as Douglas Quaid might say. view plaincopy to...
Posted on Aug 1st, 2011 in Php Tutorials | 0 comments
PHP Tutorial – Guestbook
This is a beginner tutorial, but it is assumed that you already know some HTML and CSS. The tutorial will, kind of describe and explain my workflow in creating a guest book application. I will also explain the important segments of the code. Finished project can be downloaded from the link given at the end. If you”ve got a suggestion or a question, post a comment. Furthermore, I am sure this application needs...
Posted on Jun 9th, 2011 in Php Tutorials | 0 comments
PHP Tutorial – Using mod_rewrite to symfony backend
So, I am building a web application with symfony framework and I wanted to redirect traffic from /admin/ to my backend.php application. It was unbelievably simple yet I was unable to find very much help at the Symfony project forums. I did get a few ideas from some pages regarding editing the routing.yml file but they were primarily about editing the routing.yml in the frontend application. Anyways, let me get...
Posted on Mar 26th, 2011 in HTML Tutorials | 0 comments
HTML Tutorial – Pure CSS Navigation Menu
Designing a rich looking navigation is not the herculean task it seems to be. Here’s another easy tutorial which will help you design a navigation bar from scratch using just CSS and no images. Alright, here we go… The final product This is what your nav bar will look like at the end of the tutorial. You only need a basic knowledge of CSS to pull this off, so no worries. See Live Demo! or ...
Posted on Dec 2nd, 2009 in HTML Tutorials | 0 comments
HTML Tutorial – 9 Most Common IE Bugs and How to Fix Them
1. Centering a Layout Centering an element is probably something every web developer has to do while creating a layout. The easiest and most versatile way to center an element is to just add margin: auto; to the relevant element. The above method will take care of centering the element irrespective of the resolution and/or browser width. IE 6 in quirks mode however decides to handle this in the most unfortunate way...
Posted on Sep 11th, 2009 in HTML Tutorials | 0 comments
HTML Tutorial – 6 Ways To Improve Your Web Typography
Introduction Typography is the art of designing letters, words, paragraphs, and how they interact with each other. Many designers and developers often equate typography with choosing a font or typeface, while others simply forget that 95% of web design is typography and tend to forget about it. Clearly, if typography is really 95% of web design, it should be at the forefront of the mind of every designer and...
Posted on Sep 8th, 2009 in HTML Tutorials | 0 comments
HTML Tutorial – Using frames on your webpage
In the previous tutorial we learned the concept of frames. In this tutorial we will be introduced to the iframe tag. The concept is somewhat similar to that of frames, the difference being we are displaying another document within our web page. Let’s work on this example. Copy and Paste the following: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”...
Posted on Aug 24th, 2009 in HTML Tutorials | 0 comments
HTML Tutorial – CSS navigation bar with stylish web2.0 elements
Like in most CSS horizontal navigation bars an unordered list is used to hold the menu items: With the next CSS code it’s possible to style the horizontal navigation bar: #container { width:800px; height:600px; padding:20px; } ul#navbar { background:url(/tutorials/web20_css_bar/backgr.jpg) repeat-x left top; margin:0; border-bottom:3px solid #98CB00; border-top:1px solid...
