Category Archives: Web Technologies

Help Sheet

Below is a pair of links to “cheat sheets” or as like like to call them, “help sheets”. These sheets offer useful information regarding a ton of web tech, such as keyboard short cuts and code tags.

The top link is for an HTML5 cheat sheet which shows you new tags and tells you ones that are not in use any more.  The second link is to a whole host of different help sheets, ranging from Photoshop keyboard short cuts to CSS3 tags.

These help sheets are pretty useful if you’re new to this stuff. Although I will say that I think these should be used as a resource as and when you need it rather then a constant help. If you are reading from a sheet all the time its unlikely you will improve, so use in moderation.
I hope these help you and let me know in the comment section if you have found any worth sharing.

http://www.html5in24hours.com/2012/04/html5-cheat-sheet/

http://guider.com/blog/dont-miss-this-fantastic-collection-of-developer-designer-cheatcheats/

Advertisements

Google Zeitgeist 2012

Shortly before Christmas Google released its annual Zeitgeist. Zeitgeist roughly means the ideas and beliefs shared at a point in history, so the Google Zeitgeist is the most popular Google searches made over the year.

The Zeitgeist show huge trends in society, some of which are really interesting. The most popular search in the world was for Whitney Houston who died in February of 2012. It’s interesting to see something that happened so early on in the year could dominate other huge major events

Officially the most viewed video on the internet ever and recognised by Guinness World Records as the most liked video on YouTube

Officially the most viewed video on the internet ever and recognised by Guinness World Records as the most liked video on YouTube

such as the Olympics. The most popular image searches were all for pop stars apart from the iPhone 5 coming in at the 3rd most popular search and surprisingly Minecraft ranking at number 8. Minecraft has been around for a number of years now but its only placed on the Zeitgeist in 2012, this is possibly due to it being released on the Xbox 360 in 2012. The most searched video was clearly Gangnam Style, which was the first ever YouTube video to hit a billion views. Psy, the artist behind the song, and Gangnam Style literally came out of nowhere and exploded over night. I think its popularity may be due to the fact that its a South Korean song and it may have not been so readily available to purchase on popular music stores like iTunes, or it could be just a really catchy song.

The Zeitgeist show social trend and changes in society but what I think it also does extremely well, is show the power of Google and how it brings people and ideas together. Google aids the sharing of news help promote new content faster then anything before. Would Gangnam Style have been just as big 10 years ago? ComScore, a internet technology company that measures what people do on the internet, claim that as of April 2012 Google had a 66.5% share in the search market. The rest being made up by Microsoft, Yahoo, Ask and AOL. You can see this statistics here. Google also has around 4 billion searches a day, bringing new information to people and organisations more then any other form of media.

You can see the Zeitgeist for yourself by following this link http://www.google.com/zeitgeist/2012/#the-world. Also watch the “Year in Review” video I’ve put at the bottom of this post. It was also made by Google and highlights some of the major events of the past year.

Have You Forgot The Cost Of Memory?

I found this interesting little article at http://www.mkomo.com/cost-per-gigabyte

It shows the price of computer memory and how it’s declined over the past 20 years. It’s another good example of how rapid the computer industry moves and how hard it is to predict future technologies.

The article is only short so give it a read and let me know what you think in the comment section. Can you remember how much memory your first computer had?

Weekly Reflection – Week 1 to 5

Its only been 5 weeks since I started university but over that short space of time I feel like I’ve learnt a lot. Each week has shown me something new. This post is a week by week run through of the things I’ve learnt and the different  programs I’ve come across.

I’ll start by going back to week 1. Week 1 was all about the history of the web. I learnt about its creation and about its creator, Tim Berners-Lee. I actually wrote about him in a related blog post which you can find here. I also looking into HTML which was also created by Tim Berners-Lee. I did all of my research of him online and didn’t come across any problems. There is a wealth of pages and sites about him. I’ll list my resources at the end of this blog if you feel like doing some research of your own.

In week 2 I learnt about search engines. I learnt how they work, what they do and the different types of search engines there is. I conducted some research into Steve Wozniak using different search engines and search techniques to try and improve my research method. Below is a table of searches I made and the results I got from them:

Search Engine Criteria Result
Google Steve Wozniak http://www.biography.com/people/steve-wozniak-9537334
http://ei.cs.vt.edu/~history/WOZNIAK.HTM
http://www.landsnail.com/apple/local/woz_gig/woz.html
http://www.crunchbase.com/person/steve-wozniak
http://sanfrancisco.about.com/od/attractionslandmark1/a/stevewozniak.htm
The history of Steve Wozniak http://www.markusehrenfried.de/mac/applehistory.html
http://inventors.about.com/od/Computer-Geek/p/Steve-Wozniak.htm
http://www.ideafinder.com/history/inventors/wozniak.htm
Yahoo Steve Wozniak biography http://biography.yourdictionary.com/steve-wozniak
Steve Wozniak history http://www.pophistorydig.com/?tag=steve-wozniak-history

You can click any of the links in that table to see the pages I looked at. I posted my findings in this blog post. He is a pretty interesting guy and I enjoyed learning a bit about him. This was my first real experience with the search engine Yahoo and I can honestly say I didn’t like it. First of all the Yahoo site doesn’t look nice at all and although the actual search results page looks similar to Google’s one, I found that it didn’t produce results that were half as good. That is just my opinion anyway.

Week 3 was all about HTML and I got my first experience with Dreamweaver. I went online this week too and try to learn some basic HTML to get me up to speed. I found some great resources that you can read about here. I have had brief experience with HTML so have some basic knowledge but could definitely improve on what I know. I didn’t find it difficult and have since been able to replicate what I learnt that week.

During week 4 I carried on learning about HTML and other mark-up languages. I moved away from Dreamweaver and went back to basics. Pen and paper! I had to annotate a web page and write down what code was being used and where. I found this easy. By dong it on paper and having to actually write it off the top of my head without the help of Dreamweaver I found that this really solidified my learning. I was able to recall the code used for different section and write them down so that someone could pick up that bit of paper and build that web page. I certainly think I’m well on my way to becoming much better at HTML.

That brings us to this week and today in fact. This week was all about designing the web. Today was also the first time I have ever used Adobe Fireworks (as I write this, fireworks are going off outside my apartment, I kid you not). I liked how simple it was compared to the likes of Photoshop and Illustrator. My previous experience with vector programs, which I talk about here, has already give me a good understanding of how Fireworks should operates. I say ‘should’ because as I’ve found in the past, although these programs do very similar stuff they can actually operate very differently. Thankfully Fireworks isn’t too complicated and I’m hoping to pick it up in no time. I’m getting to the point now where I’m really enjoying my web lessons in university. After all this is what I came to uni to learn about in the first place. The use of Dreamweaver was great. Tinkering with code and making thinks do what I want, for me was actually really therapeutic. I’m keen to learn a lot more about Dreamweaver but haven’t had the chance just yet. Firework was also something enjoyable. I found that I could quickly create content for a web page and save it in a format that is sensitive to the webs restrictions. I.e. bandwidth and browser type.

I’m excited about next week and I’m hoping for more work on either Dreamweaver or Firework. From here on you will be able to read a weekly update of the things I’m learning and my thoughts about the subjects. In the future they will probably have a bit more detail in them, as I won’t be trying to remember what happened 5 weeks ago. Sometime I can remember what happened 5 minutes ago.

If you are studying the same subject as me then leave me a comment and let me know what you have thought of Dreamwaver and the like. If your not studying the same subject as me then leave a comment anyway about your experience at university and how your finding it so far. Is your courses living up to expectations? Is it better then expected? Let me know!

 


Addison Wesley Longman (1998). ‘A history of HTML’ W3.org http://www.w3.org/People/Raggett/book4/ch02.html

Ross Shannon. ‘What is HTML? HTML’ Source.com http://www.yourhtmlsource.com/starthere/whatishtml.html

W3c.org. ‘W3C Mission’ http://www.w3.org/Consortium/mission

Jennifer Kyrnin, About.com Guide. ‘What is HTML? Learn More About the History of Web Page Markup’ About.com http://webdesign.about.com/od/htmlxhtmltutorials/a/what-is-html.htm

W3school.com. ‘Web Standards’ http://www.w3schools.com/web/web_standards.asp

Anders Møller and Michael I. Schwartzbach. ‘An Introduction to XML and Web Technologies’. Addison-Wesley, January 2006

Learning about HTML

The guys who also invented the LHC. Geniuses I tell ya!

See that guy up there? You have him to thank for WordPress, Facebook, Twitter, eBay, Google, YouTube, everything in fact because he invented the internet. That’s Tim Berners-Lee and while working at CERN (the guys who also invented the LHC) in the late 1980’s he created the internet and paved the way for common standards of internet development we know today. Currently he runs the W3C or the World Wide Web Consortium as its more officially known. The W3C ensures the growth of the internet and develops guidelines to help others do the same.

It was when he was at CERN that he came up with the idea for HTML. In fact if you Google image search HTML the first thing that shows up is a picture of Tim. The idea for HTML was relatively small at first. All he wanted was to be able to share documents by placing links in other relevant texts. Little did he know that it would go on to become one of the main languages of the web.

While researching HTML I come across this brief history of Tim Berners-Lee, the internet and HTML. Click here to view it. That’s kind of funny because what I just did there  was exactly Tim’s original idea for HTML, like one text to another relevant one. Anyway, its an interesting read if you want a quick history and its well written.

Tim appearing first when HTML is Googled. Oh and don’t worry if you didn’t know who he was because neither did American TV network NBC when he preformed at the opening ceremony of the 2012 Olympic games, http://www.bbc.co.uk/news/technology-19492087

I really enjoyed learning about Tim to be honest. He is quite and inspirational guy. He is very free thinking and innovative. I think he is certainly one of the most important individuals to be alive during my life time because it if wasn’t for him I probably wouldn’t be doing this right now or studying the web at university . He launched us years ahead of our time by allowing us to communicate in ways never thought possible. Just think about it for a second. Never been to Australia but what to know what its like, search it online, view picture, watch videos, read about it. Australia not far enough for you? What about the Moon or even Mars? The fact that you can go online and type a few simple words and be given a huge wealth of seemingly endless information about anything and everything is all thanks to Tim Berners-Lee. He brought us the dawn of the digital age.

HTML has certainly been a driving force for pushing the internet forward but not

Facebook iOS mobile project manager Mick Johnson:
“HTML5 is a technology that, while promising in the long run, isn’t able to deliver the type of speed and performance we expect right now. It’s a long bet, and something that Facebook aims to continue developing.”

everyone is happy with it. A lot of designers say it is weak because it lacks even basic formatting tools, such as page orientation and white-space control. And HTML has not always worked great either. I own and iPhone, I use it to go on Facebook because its easier then booting up my laptop whenever I want to check my notifications. When I first got my iPhone though, Facebook was a terrible experience. Notifications wouldn’t load properly, it felt very clunky to use and it would often crash. Why? Well it was wrote using HTML5, a currently under development revision of HTML. After a backlash from users they decided to drop the use of HTML5 for its mobile and app and totally rewrite the app using and native iOS language. You can find a link to the story that demonstrates the frustration of some users by clicking here but a quick Google search of ‘Facebook abandoning HTML5‘ will bring up a ton of stuff. Make sure you read the comments in the articles you find, then you will better understand how much people used to hate that app.

I’m glad I did some research on HTML, its shown me how fascinating Tim Berners-Lee is, who i think I’d like to do a bit more research about and I’ve also learned a bit of code. For instance, when I was writing this last little section WordPress decided that it didn’t want to let me have a new paragraph for some reason, it didn’t matter how many times i pressed enter, it wasn’t happening. So I went into the actual code of the blog and from my research I knew typing ‘<p>’ would give me a new paragraph and it worked. I’m not saying I’m now an expert on the subject now but if you do have any questions make sure you leave me a comment!