Student Websites

HNC students have come to the end of their first web design unit, here are a selection of the latest

Calvin Ternent — http://talith.net

Donna Henderson – http://dhdesign-edinburgh.co.uk

Eion Lees — http://dementedgoatdesign.co.uk

Grant Hynd — http://granthynddesigner.co.uk

Nick Cucakovic — http://kovic.co.uk

Rebecca Mowat — http://rebeccamowat.co.uk

Paul Tully  — http://tullyvisiondesigns.co.uk

NC Level 4 Blog Bundle


Complete TLD List

There are hundreds of Top Level Domains (TLDs) with new ones being added all the time so here is a complete(ish) list.

DL Entity Additional Information
.arpa Address and Routing Parameter Area This is an internet infrastructure TLD.
.root N/A Diagnostic marker to indicate a root zone load was not truncated.
.aero air-transport industry Must verify eligibility for registration; only those in various categories of air-travel-related entities may register.
.biz business This is an open TLD; any person or entity is permitted to register; however, registrations may be challenged later if they are not by commercial entities in accordance with the domain’s charter.
.cat Catalan This is a TLD for websites in the Catalan language or related to Catalan culture.
.com commercial This is an open TLD; any person or entity is permitted to register.
.coop cooperatives The .coop TLD is limited to cooperatives as defined by the Rochdale Principles.
.edu educational The .edu TLD is limited to institutions of learning (mostly U.S.), such as 2 and 4-year colleges and universities.
.gov governmental The .gov TLD is limited to U.S. governmental entities and agencies (commonly federal-level).
.info information This is an open TLD; any person or entity is permitted to register.
.int international organizations The .int TLD is strictly limited to organizations, offices, and programs which are endorsed by a treaty between two or more nations.
.jobs companies The .jobs TLD is designed to be added after the names of established companies with jobs to advertise. At this time, owners of a “company.jobs” domain are not permitted to post jobs of third party employers.
.mil United States Military The .mil TLD is limited to use by the U.S. military.
.mobi mobile devices Must be used for mobile-compatible sites in accordance with standards.
.museum museums Must be verified as a legitimate museum.
.name individuals, by name This is an open TLD; any person or entity is permitted to register; however, registrations may be challenged later if they are not by individuals (or the owners of fictional characters) in accordance with the domain’s charter
.net network This is an open TLD; any person or entity is permitted to register.
.org organization This is an open TLD; any person or entity is permitted to register.
.pro professions Currently, .pro is reserved for licensed doctors, attorneys, and certified public accountants only. A professional seeking to register a .pro domain must provide their registrar with the appropriate credentials.
.travel travel and travel-agency related sites Must be verified as a legitimate travel-related entity.
 

Continue reading

jQuery Slider Tutorial

Fancy an automated slideshow to brighten up your website then try out this tutorial. I’ve broken it down and tried to explain in detail so you get an idea and understanding on what is happening.

 

 

Contents:

slider.html

  • Contains a link in the head to a style sheet called slider.css inside a folder called css
  • Contains a link in the head to two javascript files inside a folder called js
  1. slider.js (makes the slider work)
  2. jquery.min.js (link to the jQuery library needed to make the “magic” happen
  • Contains a single div tag pulling the size from the style sheet
  • Images folder containing six images named :
    • slider1.jpg
    • slider2.jpg
    • slider3.jpg
    • slider4.jpg
    • slider5.jpg
    • slider6.jpg

 Instructions for using it in your site

Before you start, you need to decide what size you want the slide show to be. I have made it 600px by 450px but you can easily change it to suit by editing the file slider.css.

When you open slider.css you will see the following code. You can add position code if needed so that it fits into your layout.

 

 

 

 

 

 

In the images folder, I have supplied images called slider1.jpg to slider6.jpg. For ease,  use this naming convention for your slideshow, you can have as many images as you wish and I will explain later how to add them. YOU MUST size the images to match the size you declare in the slider.css file.

  1. Copy the contents in its entirety into your web folder (I’ve named the files in such a way as there should hopefully be no conflicts
  2. Open slideshow.html
  3. Open the page within your site where you want to display the slideshow
  4. Copy lines  10 to 15 from  the file slider.html and paste them into the head of the page you want to display your slideshow as follows:

 

 

 

This links the new page to the script files and the style sheet which are needed to make the slideshow work. To save confusion, it should be pasted just before the </head> tag. This can be tidied up later once you have the slideshow working.

 Copy lines 24 to 42 from slider.html into the body of the page you want to display your slideshow as follows:

 

 

 

 

 

 

 

 

This is what displays your images. Take a look at the code scr (source) is slider1.jpg to slider6.jpg and they are stored in a folder called images.

If you want to add more images, simply add more lines after line 37 BUT REMEMBER, make sure you DO NOT use a comma on the last line. Notice lines 32 – 36 all terminate with a comma and there is NO comma on line 37. You MUST follow this rule in order for the slideshow to display properly.

Further info: lines 29 and 30 relate to the speed of transition from one image to the next (sleep) and the overall speed of the fade (fade). The higher the number the longer it takes. 5 is about the highest I would ever go but have a play with it and see what happens, it’s the best way to learn and understand.

 

 

 

 

 

 

The Mobile Generation

In Egypt, India, South Africa, Ghana, Kenya and Nigeria, 50+% of mobile users never or infrequently use a desktop computer. UK, USA and China all sit at 22%, 25% and 30% respectively. That’s still over one in five.

Based on current predictions Global mobile data traffic will grow 26 times over in the next five years.

These are all compelling reasons to support mobile in the future.

Photographers have a saying: “The best camera is the one you have with you when something worth photographing happens.” This will often be a pocket camera or a phone camera; people typically carry professional-grade cameras only when they plan to shoot photos.

Similarly, the best computer is the one you have with you when you want something done.

[source]

CSS Clear Property

CSS Float

Div Tags ID and Class Explained

The Facebook Viral Sausage

During several classes recently there has been much talk about the power of social media and how can be used to influence often for a good cause but more often it is used against the every day user.

A recent viral post was centered around the website spokeo.com and how they are exploiting your “private” information for their financial gain.

There is no doubt that you’ve seen a status update similar to this come across your feed:

facebook viral sausage

Essentially the “Goal” of the update is to inform you of the website Spokeo and the supposed “evils” it is doing by listing your private information and how you can go about removing it, but there is something very suspicious about the whole operation.

First of all, who started the “Warning” Status Update?

Like most “viral” statuses it is nearly impossible to tell who started it. However, this is a huge point of concern…. If Spokeo themselves started it, which cannot be proven,  It would indicate they are attempting to get people to come to their website to learn of their capabilities through an initial scare tactic. When this viral post was circulated it redirected to a link asking for your email to be removed from their list. By doing this, you inadvertantly gave a marketing company your email address and would no doubt be the victim of huge amounts of spam.

So where does the sausage come in. What started as a bit of fun as I was cooking something to eat, turned into a viral post. I simply posted the word SAUSAGE!!!!! on the wall of a few people and encouraged some others to do the same. Within 15 minutes it had gone viral on my contact list. Such is the power of social media, almost anyone could start a viral campaign.

Consider this,  a few of my friends use Facebook purely to play games after a days work. In these games, the more friends you have, the more powerful you become as a character and you can rank/level up faster. With a little motivation, these people could soon start a global viral campaign. Say one user has 1000 friends and they post to all friends who play games and will also have around 1000 friends (there are automated programs which will post on the wall of ALL of your friends simultaneously). This single post will instantly be seen by 1,000,000 (1 million) regular facebook users. If this was linked to a pay-per-click ad campaign for example this could net a huge amount of money.

Food for thought ??? (no pun intended)

 

 

Technorati

JMJD7Q32BH7A