Seattle Web Design 
Simple Google Map Tutorial
This is how you can initiate google map on your web page:
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Simple Map</title> | |
| <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> | |
| <meta charset="utf-8"> | |
| <style> | |
| html, body, #map-canvas { | |
| height: 100%; | |
| margin: 0px; | |
| padding: 0px | |
| } | |
| </style> | |
| <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> | |
| <script> | |
| var map; | |
| function initialize() { | |
| var mapOptions = { | |
| zoom: 18, | |
| center: new google.maps.LatLng(47.7, -122.333) | |
| }; | |
| map = new google.maps.Map(document.getElementById('map-canvas'), | |
| mapOptions); | |
| } | |
| google.maps.event.addDomListener(window, 'load', initialize); | |
| </script> | |
| </head> | |
| <body> | |
| <div id="map-canvas"></div> | |
| </body> | |
| </html> |
HTML5 Start Up Template
Here is a basic html5 template to start your page coding:
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>The HTML5 Herald</title> <meta name="description" content="The HTML5 Herald"> <meta name="author" content="SitePoint"><script src="js/scripts.js"></script><link rel="stylesheet" href="css/styles.css"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> </body> </html>
Simple JavaScript Code
This is how you can make a very simple form and play with it by using onclick attribute.
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Playing around with Forms</title> | |
| <meta charset="windows-1252"> | |
| <script> | |
| // make a function | |
| function fred() { | |
| window.alert("hi " + document.oneb.name.value); | |
| document.oneb.name.value = ""; | |
| } | |
| function cb() { | |
| var type; | |
| if(document.oneb.unmask.checked) { | |
| type = 'text'; | |
| } else { | |
| type = 'password'; | |
| } | |
| document.oneb.pwd.type = type; | |
| } | |
| </script> | |
| </head> | |
| <body onload="cb();"> | |
| <h1 id='title' onclick='style.display="none";'>Playing around with Forms</h1> | |
| <form name="oneb"> | |
| Name: <input type="text" name="name" value='bob'><br> | |
| Age: <input type='text' name='age' value='99'><br> | |
| Email: <input type='text' name='email' value='rh@gmail.com'><br> | |
| Password: <input type='password' name='pwd' value='xyzzy'> | |
| Unmask <input type='checkbox' name='unmask' onclick='cb();'><br/> | |
| <input type='submit'> | |
| <input type='button' value='Checking' | |
| onclick='fred()'> | |
| <input type='button' value='Come back' | |
| onclick='document.getElementById("title").style.display = "block";'> | |
| </form> | |
| </body> | |
| </html> |
HDMI to VGA Cable
This HDMI to VGA Cable does not work and there is no cable that will convert HDMI to VGA. Be careful not getting ripped of by others trying to sell you a HDMI to VGA Cable that will convert HDMI to VGA as there are no HDMI to VGA cables as electronic converters must be used.
Fake call from fake Microsoft
My phone rang yesterday night at 10:30 PM. It was late night so it couldn’t be from advertisers. My caller ID said “unavailable”. Since I thought it could be my dad or mom from overseas I answered it. It was a woman in a thick accent. She said she was from Microsoft Security Department and my PC’s windows has security issue. She said my windows had virus or maybe Windows key problem and this is why it generated malicious packets.
I was sleepy and on the other hand I didn’t want my windows make problem for others. Since I was aware of cyber scammers I tried to confirm whether she was really from Microsoft. She, with her heavy accent, tried to convince me to fix my windows as soon as possible. Usually no technical guys call late night, it is better to say we customers should spend lots of time on hold to talk to one of techy guys from service providers.
I said thank you for calling me and letting me know my windows problem but since I have three machines at home could you please let me know which one of them had problem.
She just gave me a windows key which did not match with any of my windows operating systems.
I asked how she could find my number and she said they kept all numbers in their customer’s record. I said how they knew my windows had problem and I asked for the broken system’s MAC address.
She said she did not have access to customer’s private information.
I asked what my name was. She said she just had access to my number.
Everything was fishy and so I said please provide me your number and your name.
She did not give me any other information. I was sleepy and I did not want to keep talking with Mrs. No one. I hung up the phone. The next they I searched my experience on the Internet and figured out it was totally scam.
Here are some tips to avoid doing anything wrong in case of facing these scammers:
1- Do not install any software which they recommend
2- Do not give them remote access to your PC
3- Do not pay them on phone and do not give them your credit card number
4- Try to get as much as information. Ask their number, location, Manager’s name, and everything you think could help to report them to the real Microsoft.
Always remember:
If something is broken with your windows, they expect you to call them. THEY WON’T CALL YOU!
Custom Font Face
Do you like to use your own font on your website and do not know how to do that? Here in this post I will show you how you can do that in very simple words. To do so you need to purchase your font face files and save them in a folder. Your font face includes four important files with .eot, .woff, .ttf, and .svg extensions. These files guarantee your font works on different internet browsers. For example I use “Apple” font family so its main font face files would be apple.eot, apple.woff, apple.ttf, and apple.svg.
More »
WordPress Child Theme
If you have already a WordPress website and need to make some styling changes, you have two options. You can manipulate style.css in your theme folder or you can use child theme. In this tutorial I teach you how to create a child theme for your current theme. Child theme helps you to change everything back to the original theme by just one click in your WordPress dashboard. Instead of modifying the theme files directly, you can create a child theme and override within.
WordPress Sort categories
Last week I noticed category list on my WordPress theme is not sorted the way I like. So, I checked category widgets and It did not have any option to sort it. Moreover, I checked post categories and all I found was how to create new category. This is really odd that WordPress developers did not put this capability to it. With a quick search on Google I found really useful plugin which is called “My Category Order”. All you should do is installing it and drag the generated widget to your sidebar. I think WordPress developers should replace this plugin with the default one.
Here is the link to access this plugin >> Download My Category Order Plugin
Need website in Seattle?
Seattle, Bellevue, and Redmond are three main technological cities in the Washington State. There are plenty of businesses in these areas and each one of them need a website. I am going to talk about why a business, especially in Seattle, needs website and how we should get advantage of online activities.
Reference to “Seattle.gov”, Seattle is the smartest city in North America and it means majority of people are educated, have access to internet, and mostly find their require stuff online by searching on websites. To know how important Internet is for you, just answer these questions. How many times have you searched for restaurant on search engines like Google or Bing? Did you check their addresses? Did you check their menus and prices? Have you purchased your books and other stuff on Amazon or ebay? Do you have PayPal account? Do you check your bank accounts and pay your monthly bills on their websites? If you are student, how much are you online on Internet to do your assignment? How do you usually check the weather? and so on.
SEO Tips and Tricks #2
Improve your website rankings on Search Engines
In part 1 I talked about the meaning of SEO and seven useful SEO tricks. You learned how to make some easy changes on your website and get the great search engine’s ranking result. Now it is time to learn more about how to introduce your website to Google and Bing. Also I am going to talk about “sitemap.txt” and “robot.txt”.