I love the user interface, design and graphics. Today let me show you how to create a photo-realistic key with Adobe Photoshop.
Create a new document 512×512 pixel size. Add a new layer named “base” and draw a rounded (32 pixel round) square 300×300 pixel.
Next, add some base effect:
Read MoreWell, today I have recovered my old block notes. When I was a bit young, I saved all my code (for Commodore 64) on that block, with a simple pen. So, I can try the new FC64 Commodore 64 emulator.
Unfortunately, some keyboard character doesn’t work properly. So, I couldn’t try some my code. If you remember, the Commodore 64 had some special characters combination in basic, such as the reverse heart used to clean the screen. However, I used some workaround to fix that issue. For example, to clean the screen you could use PRINT CHR$(147). This makes the same effect than “reverse heart”.
Let me show you the code that works:
As you know, you can insert some content in any HTML page. You can insert content by using document.write() or by using the property innerHTML in a DOM object. Also, you can use an existing TAG in order to add/remove elements from its. For example, you can add a Javascript with:
function addScripting(s)
{
var scriptNode = document.createElement('script');
document.getElementsByTagName("head")[0].appendChild(scriptNode);
scriptNode.language='javascript';
scriptNode.src=s;
}Of course, you can also add a CSS style with:
var cssNode = document.createElement('link');
cssNode.setAttribute('rel', 'stylesheet');
cssNode.setAttribute('type', 'text/css');
cssNode.setAttribute('href', cssfile );
document.getElementsByTagName('head')[0].appendChild(cssNode);
Hey, guys! Open your FireFox 1.5.0.5 and try some awesome CSS 2.0 features
<div id="my-input">
<input type="submit" value="Senf" />
<input type="button" value="Clear" />
<input type="button" value="Cancel" />
</div>div#my-input input[type=submit] {color:#f00}
div#my-input input[type=button] {color:#0f0}
div#my-input input[value="Cancel"] {color:#00f}
As you can see, this amazing features provides an awesome method to selecting an element by attributes. Moreover, we can:
<div id="my-box">
<p>Paragraph 1</p>
<p>Paragraph 2</p>
<p>Paragraph 3</p>
<p>Paragraph 4</p>
<p>Paragraph 5</p>
</div>div#my-box > p {color:#f00}
div#my-box > p + p {color:#0f0}
div#my-box > p:last-child {color:#00f}
You like last-child, don’t you? Then you will love first-child and first-letter.
