Tag Archives: html

Adobe Edge promises animations viewable on Apple devices

Adobe has launched the first HTML5 editing tool: Adobe Edge. The new software allows designers to create animations for news sites using HTML5, CSS3 and JavaScript rather than Flash.

Unlike animations built in Flash, Edge moving graphics can be viewed on Apple’s iPhone and iPad.

Edge Preview is now available as a free download for both Mac and PC while Adobe encourages and gathers feedback.

According to a release:

Edge Preview 1 focuses primarily on animation and motion, with upcoming previews featuring additional creative capabilities and functionality.

Adobe states that Edge is designed for evaluation purposes only.

We do not recommended that this release be used on production systems or for any mission-critical work.

Even those without previous experience of creating animations can have a go at importing pictures and graphics, adding text and drawing simple shapes, and then add them to the timeline and try out key framing and transitions.

Users can then add the animation to news stories. Adobe explains how this is done.

Edge stores all of its animation in a separate JavaScript file that cleanly distinguishes the original HTML from Edge’s animation code. Edge makes minimal, non-intrusive changes to the HTML code to reference the JavaScript and CSS files it creates.

An article on ReadWriteWeb explains how Adobe has released Edge to sit alongside Flash rather than immediately replace it.

If you are a designer, let us know how you get on with Adobe Edge by leaving a comment below

How much computer science does a journalist really need?

Earlier this month, Columbia University announced that the first ever journalism and computer science degree will launch in the autumn of 2011. Perhaps it’s a positive reaction to all the technological uncertainty that journalists face, but some perspective is also needed.

The digital trinity

Good digital publishing requires expertise in three completely separate disciplines, all of which are callings in their own right.

As journalists we’re all here because we want to tell a good story, so we apply our presentation skills, written, audio or visual, along with our ability to make an intelligent overview.

To ensure that our work then reaches the largest possible online audience we work with designers, who are highly artistic, and web developers who tend to be mathematically astute computer scientists. When it all works together the result can be great, interactive, accessible and attractive online content. Victory.

So much as any attempt to bring journalists closer to technology should be warmly embraced, there has to be an understanding that shoehorning a journalist into a programmer’s role, and vice-versa, probably isn’t going to produce the best results. These are much more likely to come from having a good team around you, by understanding each other’s limitations and, above all, by working well together.

Life. Time. Dedication

It is rather like being in a band, in the sense that you can’t play the drums and the guitar at the same time. Success comes from having talented people who understand each other and can communicate ideas between themselves fluently. And it follows that the more time you spend working in tandem, the more seamless the work becomes.

Our in-house web developer Xavi Esteve (who has been pursuing his passion since he was 10 years old) informs me that a good programmer needs about 200 hours to get to grips with the basics. You then need to dedicate yourself to trying, failing, debugging and doing it all over and over again. It is the only way to learn.

This is all he’s been doing for 40 – 50 hours a week for five years and he still only specialises in certain defined areas. If we wanted to develop and app in Flash, for example, we would probably have to get an Actionscript specialist in specifically for this purpose, even though Xavi has easily got more than 10,000 professional programming hours to his name.

So three semesters in Columbia’s engineering school and two in the journalism department will only be scratching the surface. They’re hoping to create “graduate students with both the editorial and technological skills to produce new applications and online tools that could help redefine journalism in a fast-changing digital media environment”. That will probably take a wee while longer.

Be informed, be practical

Knowing your PHP and Java Script from your Python and Visual-Basic is undoubtedly helpful but having an overview of these things is much more important than trying to become a coding ninja yourself. Xavi says:

The main problem with some journalists is that they don’t have an awareness of what is possible and what isn’t, and what is best practice. Having a basic understanding will make them more practical and allow us to work much faster together.

The good news here is that this is where a journalist’s natural talents can come into play. We can all get the requisite knowledge through research and selectively extracting the necessary information.

Those of you, like me, who barely have enough reading time in your lives already, should also make sure you add a talented front end web developer to your list of essential journalistic contacts.

We all have a directory of useful people we make sure we take out for a coffee every once in a while. Like PRs and industry insiders, web developers are another specialist you should have on speed dial. Tapping up the experts for information is what we journalists are supposed to be best at after all.

Here are some useful links for grabbing the basics:

A wide array of tutorials,  in HTML, CSS and JavaScript.

This is the website of the W3C (World Wide Web Consortium, the ones that work to standardise the Internet) and it is great. It has tutorials for HTML, CSS, XML, PHP, ASP, JavaScript and MySQL.

It includes tutorials for Photoshop, Dreamweaver, Illustrator, InDesign, Flash and ActionScript.

John Hillman is the editor of PC Site which reviews and compares laptops and software. Follow him on Twitter: @JohnjHillman

Advice from Guardian.co.uk’s online journalism Q&A

On Friday Journalism.co.uk took part in a live Q&A  hosted by the The Guardian’s careers section, allowing new and experienced journalists the opportunity to ask industry professionals for advice on conquering the world of online journalism.

The multimedia panel on hand to answer questions were:

Paul Gallagher, head of online editorial, Manchester Evening News
Laura-Jane Filotrani, site editor, Guardian Careers
Sarah Hartley, digital editor, The Guardian
Alison Gow, executive editor, digital, Liverpool Echo and Liverpool Daily Post
Laura Oliver, senior reporter, Journalism. co.uk
Madeline Bennett, editor of technology news sites V3.co.uk and The Inquirer
Paul Bradshaw, senior lecturer in online journalism, Birmingham City University
John Hand, duty editor, UK desk BBC News website
Alison White, community moderator, The Guardian

Here’s our round-up of the best advice from Friday’s event on how to make it as a successful online journalist in the digital age. You can also read the panel’s responses in full on the online journalism Q&A page on Guardian.co.uk.

Jump to:

What is the best subject to study to help me break into journalism?

[asked by Matt, who is studying English literature and language at college and asked if going on to study an English degree would help him prepare for a career in journalism]

John Hand: “I’m often asked which is the best subject to study at university and the answer is really that there is no particularly bad choice. The best newsroom has a good mix of people with different knowledge areas – for example, I think every editor in the country would love to have someone with the in-depth health knowledge of a medical degree on their team. Of course, any degree course that allows you to develop your writing and analytical skills (I always think history is a clever choice) would be better than most.

“The most important thing is to get some vocational training. Many editors themselves initially came through NCTJ courses (http://www.nctj.com/) so would respect those, but there are also many media organisations that offer their own in-house (or even external) training. If you want to get into news journalism, the key question to ask of any training scheme is how good their law course is.”

Sarah Hartley: “Grab as much work experience as you can throughout your uni years. Who knows what the economic climate will be like when you graduate but it may well be that you can find an employer who will put you through a block release course or similar. New schemes for apprenticeships, internships and such are bound to come through in that time.”

Madeline Bennett: “Has your college got a student newspaper or website? If so, volunteering to write for that would be a good starting point and showcase for your work. If not, why not start one? This is also the case for when you go to uni, student papers can be a great place to launch your journalism career.”

But what if I can’t afford to go to university?

[Forum user Dan Holloway asked: how does someone who has no choice but carry on a full-time job to make ends meet go about switching careers to online journalism?]

Alison White: “My advice would be to perhaps take some evening classes in journalism if possible – while I was at uni I did a 10-week course, one evening a week, about freelancing and a two-day course about getting into journalism. Or how about some work experience? Newspapers and other organisations are less well-staffed at weekends, I’m sure they’d appreciate some help with uploading content or other duties. Once you’ve got to know some people you can always keep in touch in the hope they might point you towards job opportunities or further work experience.”

Madeline Bennett: “Look for courses that focus on online journalism or multimedia skills, there might be some weekend or evening classes available that you can do to support your NCTJ. Also these courses are a good place to meet people who can help you get your first job in journalism, as they’ll often be run by current working journalists.”

Laura Oliver: “Start experimenting – if you can find the time outside of work to run a blog, contribute to other websites, you’ll learn a great deal about the basics of online publishing. Contact sites and other blogs that interest you and offer postings. Look at successful bloggers and think about what they are doing that makes them influential/profitable. Here are a couple of posts that might help too regarding building an online brand as a journalist:

“http://blogs.journalism.co.uk/editors/2009/08/17/adam-westbrook-6×6-branding-for-freelance-journalists/

“http://www.journalism.co.uk/5/articles/534896.php

What skills do I need to be an online journalist?

[Forum user Dean Best asked: what are the top online-specific skills I should attain to improve my online skills and better my chances of moving up the ladder?]

Laura-Jane Filotrani: “To be able to demonstrate a passion for digital – by this I mean that you are active online; you use the net; you have a profile online; you use and understand community; you are excited by being able to reach people using the internet; you want to find out the latest developments.”

Alison White: “A good knowledge of SEO and the importance of linking to others and providing ‘added value’ to the reader; i.e. give them the story but perhaps with a link to a video, an online petition, a Facebook page etc. News to me seems more of a package now rather than a traditional delivery.”

Paul Bradshaw:

“1. Understand how RSS works and how that can improve your newsgathering, production and distribution. I cover a little of that in this post:

“http://onlinejournalismblog.com/2008/04/21/rss-social-media-passive-aggressive-newsgathering-a-model-for-the-21st-century-newsroom-part-2-addendum/

“2. Engage with online communities around your specialist area, help them, provide valuable information and contacts, and then when you need help on something, they’ll be there for you in return. It will also build a distribution network for your content.

“3. Possibly hardest, but force yourself to experiment and make mistakes with all sorts of media. If you can make yourself entertaining as well as informative then that can really work very well.”

How can I make the transition to online journalism?

[‘Malini’ asked: how do I go about breaking into the field of online journalism? And why would anyone pay and retain a writer when they can easily get so much content for free?]

Paul Bradshaw: “Use free writing to build a reputation and contacts; and sell the valuable stuff that you generate from that. Ultimately you should aim to become reliable enough for them to want to hire you when they are hiring.”

Sarah Hartley: “Writers have always provided free content – be it letters to the editor, local band reviews, poetry or whatever, so being online will only further the opportunity for that sort of exposure and that can only be a good thing for diversity and choice.”

Paul Gallagher: “I have taught myself some coding skills like HTML and I believe it does help a lot to have some technical knowledge, not necessarily because you will need them in the job but because it really helps to be able to communicate well with the programmers and developers in your company.”

Business Insider lets readers ’embed’ posts

US business news website the Business Insider is actively encouraging readers to reuse its content by creating an ‘Embed This Post’ tool.

It’ll be added to the usual range of ‘share’ icons at the bottom of each post on the site and will essentially offer the html code for a widget of that post for embedding.

The embeds won’t include images or videos yet, writes Henry Blodget, and appear under Business Insider branding.

The feature could eventually be sponsored, adds Blodget in a comment on the announcement: “[B]ut the sponsor message would have to be subtle or folks wouldn’t like it.”

While Business Insider’s posts will already get reblogged/commented on/torn to pieces – offering full text of posts to embed could be a way to build the brand/strengthen links with other bloggers. Either way its a move away from simple traffic chasing and towards a more open distribution model.

Liverpool Daily Post: Madeleine McCann keywords in every main local news story was ‘oversight’

It was an ‘oversight’ that Madeleine McCann related keywords were included in the metadata for every main local news story on the Liverpool Daily Post site, a Trinity Mirror spokeperson said, after Journalism.co.uk informed the company that the terms were present in the ‘hidden text’ of a series of unrelated news items.

The automatic inclusion of the keywords “madeleine mccann, madeleine mcgann, kate mcgann, kate mccann” in the HTML for Liverpool news stories has now ceased.

Journalism.co.uk learned in May that specific keywords, including those above, were used in the metadata for the ‘Liverpool News Headlines’ section on the Liverpool Daily Post site, regardless of the story’s relevance. This continued for at least one month before it was drawn to the Post’s attention on Monday (June 29).

Use of unrelated ‘hidden’ metadata is commonly known as ‘keyword stuffing’, a practice which Google firmly discourages. Using popular keywords can help improve a site’s SEO performance. [Update: Google and most other search engines are no longer believed (Wikipedia link here) to recognise these tags: see Lammo.net post at this link.]

Google search results for “Madeleine McCann + Liverpool” shows that the Post and its sister site, the Liverpool Echo, have top rankings for related Madeleine McCann stories. [Update: but lower rankings when a simple Madeleine McCann search is performed. It’s unlikely the addition of the keywords aided the LDP’s Google ranking. Google says: “While accurate meta descriptions can improve clickthrough, they won’t impact your ranking within search results.”]

A Trinity Mirror spokesman said: “The metadata was inserted some time ago when the Madeleine McCann story was at its height and was the most-searched item on our web sites. It was inserted to make it easier for our users to access a huge story of national and local interest. The fact that it wasn’t removed is an oversight, which has now been put right.”

The evidence (before Liverpool Daily Post corrected the error this week):

A story about Len Williams, a well-known waterfront manager who recently died.

Waterfront

Keywords in the HTML version:
LENkeywords1
LENkeywords2

livpostlen

The section of the site which used these keywords for all stories:

livnews

Google’s  definition:

“‘Keyword stuffing’ refers to the practice of loading a webpage with keywords in an attempt to manipulate a site’s ranking in Google’s search results. Filling pages with keywords results in a negative user experience, and can harm your site’s ranking. Focus on creating useful, information-rich content that uses keywords appropriately and in context.

“To fix this problem, review your site for misused keywords. Typically, these will be lists or paragraphs of keywords, often randomly repeated. Check carefully, because keywords can often be in the form of hidden text, or they can be hidden in title tags or alt attributes.

“Once you’ve made your changes and are confident that your site no longer violates our guidelines, submit your site for reconsideration.”

A definition by Nathan Campbell on SEO.com:

“Some unethical SEOs choose to employ renegade tactics such as keyword stuffing. Keyword stuffing is overloading the content or meta tags of the web page with every possible keyword or phrase that relates to the site in many different forms.”

10,000 Words: 30 things for journalism graduates to do this summer

Missed this list last week from Mark S. Luckie, which gives 30 simple activities journalism graduates could do to experiment and improve their online skills this summer.

Here’s the first 10:

1. Start a blog and post at least twice a week

2. If you already have a blog, write a post that gets retweeted 20 times

3. Shoot 100 amazing photos and post them on Flickr

4. Friend at least 50 journalists on Twitter who in turn follow you back

5. Become a part of a crowdsourcing project (start here)

6. Improve at least five Wikipedia entries

7. Create an audio slideshow using Soundslides

8. Shoot and edit a three-minute video and post it to YouTube

9. Design a website from scratch using HTML and CSS

10. Create and maintain a Delicious account with at least 50 links that you find interesting

Full post at this link…

Q&A with an information architect (aka @currybet aka Martin Belam)

Martin Belam, of the CurryBet blog, has recently been appointed as ‘information architect’ for Guardian.co.uk. Journalism.co.uk asked him what he’ll be doing for the site…

For those who don’t know what you do, fill us in your background and the new gig…
[MB] I was at the Hack Day that the Guardian’s technology department ran back in November 2008, and the talent and enthusiasm that day really shone. I’ve really enjoyed the freedom of working as a consultant over the last three years, much of the time based either in Crete or in Austria, but the opportunity of coming to work more permanently for an organisation as forward-thinking as the Guardian is being with initiatives like the Open Platform was too much to resist.

So, an ‘information architect’ what does that mean and what are you doing?
Information Architecture has been defined as ‘the emerging art and science of organising large-scale websites’.

All websites have an inherent information structure – the navigation, the contextual links on a page, whether there are tags describing content and so forth. It is about how people navigate and way-find their way through the information presented on a site.

What I’ll be doing at the Guardian is influencing that structure and functionality as new digital products are developed. It involves working closely with design and editorial teams to produce ‘wireframes’, the blueprints of web design, and also involves being an advocate for the end user – carrying out lots of usability and prototype testing as ideas are developed.

Is it a full-time role?
I’m working four days a week at The Guardian, as I still have some other commitments – for example as contributing editor for FUMSI magazine – although already it feels a bit like cramming a full-time job into just 80 per cent of the time!

It’s not happy times for mainstream media brands: where are they going wrong?
I don’t think it is only mainstream media brands that are suffering from the disruption caused by digital transition, but we do see a lot of focus on this issue for print businesses at the moment. I think one of the things that strikes me, having worked at several big media companies now, including the BBC and Sony, is that you would never set these organisations up in this way in the digital era if you were doing it from scratch.

One of the things that appealed most about joining the Guardian was that the move to Kings Place has brought together the print, online and technical operations in a way that wasn’t physically possible before in the old offices. I’m still very optimistic that there are real opportunities out there for the big media brands that can get their business structures right for the 21st century.

What kind of things do you think could re-enthuse UK readers for their newspapers?
I think our core and loyal readers are still enthusiastic about their papers, but that as an industry we have to face the fact that there is an over-supply of news in the UK, and a lot of it – whether it is on the radio, TV, web or thrust into your hand as a freebie – is effectively free at the point of delivery. I think the future will see media companies who concentrate on playing to their strengths benefit from better serving a narrower target audience.

Do you see print becoming the by rather than primary product for the Guardian – or has that already happened?
I think there might very well be a ‘sweet spot’ in the future where the display quality on network-enabled mobile devices and the ubiquity of data through-the-air means that the newspaper can be delivered primarily in that way, but I don’t see the Guardian’s presses stopping anytime soon. Paper is still a very portable format, and it never loses connection or runs out of batteries.

Your background is in computer programming rather than journalism, will the two increasingly overlap?
I grew up in the generation that had BBC Micros and ZX Spectrums at home, so I used to program a lot as a child, but my degree was actually in History, which in itself is a very journalistic calling. I specialised in the Crusades and the Byzantine Empire, which is all about piecing together evidence from a range of sources of varying degrees of reliability, and synthesizing a coherent narrative and story from there. And, of course, I’ve spent most of this decade blogging, which utilises ‘some’ of the journalist’s skill-set ‘some’ of the time.

Whilst I’d never suggest that journalists need to learn computer programming much beyond a smattering of HTML, I think there is something to be gained from understanding the software engineering mindset. There are a lot of tools and techniques that can really help journalists plough through data to get at the heart of a story, or to use visualisation tools to help tell that story to their audience.

One of the most interesting things about working at the Guardian is the opportunity to work alongside people like Kevin Anderson, Charles Arthur and Simon Willison, who I think really represent that blending of the technical and journalistic cultures.

You’ve spoken out about press regulation before; why do you feel strongly about it?
In a converged media landscape, it seems odd that Robert Peston’s blog is regulated by the BBC Trust, Jon Snow’s blog is regulated by Ofcom, and Roy Greenslade’s blog is regulated by the PCC.

At the moment, I believe that the system works very well for editors, and very well for the ‘great and the good’ who can afford lawyers, but does absolutely nothing for newspaper consumers. If I see something that offends me on TV, I can complain to Ofcom. If I see an advert that offends me in the street, I can complain to ASA. If I see an article in a newspaper that I think is wrong, inaccurate, in bad taste or offensive, unless I am directly involved in the story myself, the PCC dismisses my complaint out of hand without investigating it.

I don’t think that position is sustainable.

The last thing I want to see is some kind of state-sponsored Ofpress quango, which is why I think it is so important that our industry gets self-regulation right – and why I believe that a review of how the PCC works in the digital era is long overdue.

How to: Track a conversation in Twitter

Twitter is increasingly being used by journalists to make contacts and track news events, but the Twitter user-interface (UI) itself is pretty limited making it difficult to track conversations. Fortunately its open API structure and the ability to subscribe to various types of RSS feeds from Twitter means there are a number of ways to track a ‘buzz’ around an event or specific conversations.

Hashtags are one way to identify conversations based around particular subjects or events. If you don’t already use them, you might have at least seen them being used by others in your network. Basically it’s a keyword that you use in your Twitter post to associate it with a group, topic, or event. For example, every Monday night there is debate on Twitter ‘hosted’ under the hashtag #journchat, aimed at public relations professionals and journalists. If you consider that an unholy mix, then there is a tag just for journalists #journ plus other, less popular, variants such as #mediachat and #journalism.

Another common usage for hashtags is at events. For example, our senior reporter Laura Oliver recently attended the Oxford Media Convention and was one of several journalists Twittering using the hashtag #omc09 (Journalism.co.uk has a dedicated Twitter channel for live event coverage – @journalism_live).

So if you want to monitor posts with those hashtags, one simple way is to create an RSS feed based on a keyword search of Twitter or, better still, Twemes. But there are also a number of other tools you can use to track conversations.

Tools:

TweetDeck – This desktop application (still in beta) enables you to split all the Tweets you receive into topic or group specific columns. The default columns can contain all tweets from your timeline, @replies directed to you and direct messages. You can also make up additional, live-updating columns using the ‘group’ (to create a sub-group of just your favourite Twitterers, for example), ‘search’ and ‘replies’ buttons. You can also filter each column to include or exclude items based on keywords or users. Unfortunately it does not support multiple Twitter accounts (otherwise I would definitely prefer it as my main Twitter client to Twhirl).

Tweet Grid – This is a browser-based application that allows you to search for up to nine different topics, events, conversations, hashtags, phrases, people, groups, etc. As new tweets are created, they are automatically updated in the grid. One particularly neat feature is that it can automatically add hashtags if you Tweet directly from their web page.

Monitter – A browser-based application that is very similar to Tweet Grid except it is prettier and you can search for Tweets made within a certain distance of a chosen location. A widget is available for your blog or website but you would need to know a little html to install it.

Roomatic – A browser-based application that creates an output page of Tweets based on a keyword or hashtag. Unfortunately it does not seem to do much else but could be handy if you need to direct readers to a page containing live updates on a particular event or topic.

TwitterThreads – A browser-based application that threads your twitter feed, making it easier to follow conversations or connected Tweets. However, it does not seem to keep the threads together for long, or in quantity.

Tweetchat – A browser-based application that allows you to monitor and chat about one topic. You can tweet directly from the page and it will automatically add the hashtag of whatever ‘room’ you are in. The Twitter stream live updates.

Tweetree – A browser-based application that puts your Twitter stream in a tree so you can see the posts people are replying to in context (but does not properly thread them). It also pulls in lots of external content like twitpic photos, youtube videos etc.

Can you recommend any other tools? Let me know in the comments.

BBC reporters get mashed and mapped

Stuart Pinfold, who works in the BBC’s traffic department, has created a mash-up using Google maps of locations of the BBC’s reporters and correspondents across the world.

bbcmap1.jpg

The pins in the map also link to BBC news stories produced from that patch. According to the corporation’s dot.life blog, Stuart, who ‘“knows html”’, came up with the map while ‘“bored on a night shift”’.