HTML6 and CSS4 Announced – All Majors Browsers on Board


Yup, HTML 6 and CSS4 announced today. All major browsers agree to fully support on day one.

While we wait for HTML5 and CSS3 to be finalized and deal with the sluggish support in all major browsers, the WWW Consortium has announced the new versions. They also mention that all major browsers are to support the features and render the same on all devices and promise no more hacks or the need to target browsers specifically. It was also noted that all major browsers would do a  “force upgrade” of all browsers in use today. W3 said that the plan to eradicate old browsers still in use today involved a 2 year discussion with all major the browsers (IE, Fire Fox, Safari, Chrome, Etc…) on the best approach. What was decided was to simply render the old browsers useless and force the user to upgrade.

You can read more about the announcement here.

Browser Testing Your Sites in IE 5.5 to IE8 Using IETester


IETester

If you develop websites on either Windows or the Mac and use a virtual Windows OS program (like parallels), you might want to take a peek at IETester from DebugBar. The free tool is an all in one web browser that renders and uses the JavaScript engines for versions of IE8, IE7 IE 6 and IE5.5 on Windows 7, Vista and XP.

Learn more at My-DebugBar.com.

Happy St. Patrick’s Day


Download the Clover Fireworks PNG (Right click and do “Save as”)

Creating a Glass Button in Adobe Fireworks CS4


Using Adobe Fireworks, I show you how to create a glassy style button/icon you might find on a mobile device or as a social media button.

Download the Fireworks PNG file (Right click and do “Save as”).

The Video Walk-Through

CSS3 Rounded Corners


 

One of the nice options in CSS3 is border-radius. It will allow you to create rounded corners for elements such as divs. This feature is supported in Mozilla/Firefox and Safari 3. IE users will still see the the border, it just won’t be rounded.

CSS3 Rounded Corners
Demo 1 – All Corners Rounded

The CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<style type="text/css">
<!--
#roundeddemo1 {
background-color: #B00;
/*Mozilla Based Browsers*/
-moz-border-radius: 5px;
/*Webkit Based Browsers*/
-webkit-border-radius: 5px;
border: 1px solid #B00;
padding: 20px;
color: #FFF;
}
-->
</style>

The HTML

1
2
3
<div id="roundeddemo1">
Demo 1 - All Corners Rounded
</div>
CSS3 Partial Rounded Corners.

You can even take it a step further and specify specific corners to be rounded.

Demo 2 – Various Corners Rounded

The CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<style type="text/css">
<!--
#roundeddemo2 {
    background-color: #B00;
    /*Mozilla Based Browsers*/
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 0px;
    /*Webkit Based Browsers*/
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 0px;
    border: 1px solid #B00;
    padding: 20px;
color: #FFF;
-->
</style>

The HTML

1
2
3
<div id="roundeddemo2">
Demo 2 - Various Corners Rounded
</div>

PHP and Classic ASP Equivalents


I found this a great resource in moving from Classic ASP to PHP (or vice verse for that matter).  It is a three part article from language basics, functions, classes and ASP object equivalents. Very handy.

http://phplens.com/phpeverywhere/node/view/30

Request Querystring equivalent for PHP and ASP.

1
2
3
4
5
PHP
$_GET["MyVar"];
ASP
Request.Querystring("MyVar")

iPad Giveaway at geekforum.com!


With the launch of geekforum.com, we thought what a better way to kick it off than to give away a brand new Apple iPad. One lucky geekforum.com registered user will be receiving this gift (sweet!). Will it be you? Register and post your reason for wanting an Apple iPad. See full details here.

Geekforum.com shares your passion for technology and invites you to participate in discussions on some of the more popular gadgets and apps out there.

www.geekforum.com

CSS Code Block Formatting. Keeps Your Design Intact.


I am not sure who came up with this little nugget. I have seen it around a few times, but who ever you are, I love you…

If you ever have the need to share blocks via an HTML page (like this blog)  that others will copy and paste from, use the CSS style below. Your web visitors will appreciate it. Plus, it will also keep your design from exploding due to long lines of code.

1
2
3
4
5
6
7
8
9
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important;
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}