Wednesday, September 26, 2012

HTML5 Video

Html5 is a modern code supported by modern browsers such Opera12+ Internet Explorer 10, Mozilla Firefox 14+, Internet Explorer 10 and Google Chrome 18+. This is the video code. The video file should be Webm or mp4 for best support. If you can have your video in both file formats, that's great because then, if one browser doesn't support a file type, it will use the other. The basic code is: 
<video src="videoURL"></video>

If you have mp4 and webm the master code is this:

<video>
  <source src="videoURL.webm" type='video/webm; codecs="vp8, vorbis"' />
  <source src="videoURL.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
  Sorry, you're using an outdated browser! Upgrade to a fast, free web <a href="http://opera.com">here</a>.
<video>


This is the HTML5 video code. Much more simple than you thought?

Desktop

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Video element20.0
12.0
9.0
12.0
5.1

Creat a Favicon

Favicons are icons which show in the browser's tabs or address bar. They make your site look more professional and help make it stand out. An example would be the favicon of my blog shown at the beginning of the post. The picture next to the title is the favicon. 
First, choose an image that you would want to be your favicon. It should be almost square or exactly square. Do not cram to many details in it for it will be put into a "very tight place." You could use Windows snipping tool to clip a peace of your logo. Go to http://convertico.com and select upload a file from computer. Choose your image and wait for it to be uploaded. Then download the finished icon. Now we get to the hard part. Upload the favicon.ico file to you server or website host. Then add this code to your homepage: 
         
    <link rel="Shortcut Icon" href="/favicon.ico">                                                           

Save it and you will be done.

HTML text

Html is an old programming code used quite often in webpages. This post is to show you how to write rich text in HTML. HTML is supported by all browsers. This does not include color, however. 
1. Fonts
Fonts are the way the text looks. the most common fonts and their code are:
Times New Roman: <span style="font-family: Times, Times New Roman, serif;">
Arial: <span style="font-family: Arial, Helvetica, sans-serif;">
Verdana: <span style="font-family: Verdana, sans-serif;">
Helvectica: <span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">
Georgia: <span style="font-family: Georgia, Times New Roman, serif;">
Courier New:<span style="font-family: Courier New, Courier, monospace;">
Trebuchet: <span style="font-family: Trebuchet MS, sans-serif;">
When you want a font to end and display the browser's defaut font, use this closing tag: </span> You can get many more fonts and their codes at the Google Web Fonts Directory'
2. Size
So how do you get your font size to change? Simple. The size tags. They are <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> 
<h1> is the largest, and I do not know how far the fine print goes down. </h1> is the closing tag. 
3. Effects
The italics tag is <i>, while the closing tag is </i> example: This is Italics.
The bold tag is <b> with the closing tag of </b>
The underline tag is <u> while the closing tag is </u>
The strike through tag  is <strike> while the closing tag is </strike>
The Subscript  tag is <sub> and the closing tag is </sub>
The Superscript tag is <sup> while the closing tag is </sup>
<marquee> makes the text roll.example </marquee> is the closing tag. example 
<blink> makes the text blink in Firefox. </blink> is the closing tag. 

Monday, September 24, 2012

How to creat your own free .tk domain

Domains are your name on the Internet. Domains cost money. Domains need all sorts of configurations. Domains are hard. So why not get a free hosted site at somewhere like webs.com, yola.com or sites.google.com? Yes but, yoursite.webs.com is not as professional sounding as yoursite.com or yoursite.tk. So here's how to creat your own .tk domain. 
Navigate to http://dot.tk. Go to "login to my .tk" .
Log in with the account you want. I'll use Google. Its an easy step by step registration. Select 12 months or what you want, set your domain to redirecting to your URL and you are set!

How to creat a custom Ace Explorer theme

Ace Explorer is a free browser with lots of great functionalities. Unfortunately, for those who like to customize their browsers look and feel, there are no themes. In this tutorial we will do a simple hack so as to customize Ace a little. There is no coding involved. 
Right click the ace Explorer icon and select "properties". 

Launch Windows Explorer and navigate to "C:\Program Files (x86)\Ace Explorer"

Then open the "skins" folder. Select the skin you want to edit, say in this case "green."
 

You may edit the images, but DO NOT TOUCH THE OTHER FILES.
Mine looked like this in the end:


Make Opera Compatable with any site

Sometimes, sites say that your Opera is not compatible. This means that you cannot use Opera to access that site. However, Opera offers a nifty way to get around this, for most sites support Opera 12 and up, even if they don't know it. And, with many Google services, you will see something like this:









So you right click on the site and it will display a menu. The second option from the bottom should be "edit site preferences". Click this and you should see something like this: 




Click on "Network" and something like this should come up:



Click on the drop down menu where it says "identify as Opera and select Mask as Firefox. When you are finished you will see this: 


Click "OK" and refresh the page. Do this to any page that says it is not compatible with Opera.