Home

web design

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.

I 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.

Free Essential Icon Sets

Free Essential Icon SetsFreebies are nice definitely.
Today i selected a list of quality icons that you can use for your blogs and websites. Please note that the license of each icon set is different and you should check it carefully before download.

How to open new window (popup) and center on screen

Here is a java script function that opens a new window (popup) and puts it on center of screen:

<script>
function PopupCenter(pageURL, title,w,h) {
var left = (screen.width/2)-(w/2);
var top = (screen.height/2)-(h/2);
var targetWin = window.open (pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
}
</script>

The link example would be like this:
<a href="javascript:void(0);" onclick="PopupCenter('http://www.nigraphic.com', 'myPop1',400,400);">CLICK TO OPEN POPUP</a>
CLICK TO OPEN POPUP

This is a COPY and PASTE script, tested on internet explorer 7 / 6 and firefox 2.

Free icon sets for websites and applications

Icons are usually small, detailed works or art that are useful for a heckuvalotta things. I’ve seen them used a lot on the web as navigation or used to accent a button, as well as in interfaces/program design, and on desktops for us compulsive customizers.

Here I’ve collected a list of sites which provide free icon sets. Although you don’t need to pay for these, since they are free, it does not mean you can do whatever you want with them. Make sure to read the respective terms and conditions for each website!

Differentiating CSS for IE7 IE6 and firefox

if you put # before any css tag, only IE 7 and IE 6 will read that line.
if you put _ before any css tag, only IE 6 will read that line.

example: 

width: 560px;     /* All other browsers */ 
#width: 558px;    /* IE 6 & 7 */ 
_width: 557px;    /* IE 6 */

just remember to keep this order.

The new site's first entry

After about 5 years, niGraphic.com is moving to its new design.
This is the 4th generation of niGraphic.com. This new generation bring new features,  new feel & look, and is fully Search Engine Optimized.
The Blog is new and I try to write about web design & development and also about photography.

Photo gallery is improved and categories are increased. I try to update photos in gallery regularly.

Syndicate content