8 Interactive Infographics Created with HTML, CSS and Javascript

The term infographics comes from Information Graphics. Infographics are referred to graphic visual representation of data, information and knowledge. This is considered as one of the very strong way of representing data or information in a mode of graphic. These graphical representations allow us to obtain the data or knowledge in a very effective way. The idea of such infographics is not very rare in our daily life; rather before it hit the virtual zone of web designing it can be seen in our real life. For example, we can name maps, various types of signs, train routs where we can find the use of such technique to show and explain the information in a very clear manner.

These infographics can be created with the help of various kinds of web design languages. Web languages like HTML, CSS and JavaScript can be used in order to create such interactive infographics. For the websites that have features like showing some signs or maps on the web pages, this technology is brilliant. It is proved to be very useful for the websites that want to share some kind of data or information with its viewers in a form of a graphical representation. Web designers like to use this technique to make their website designing project more attractive with exclusive maps and signs.

One can find beautiful illustrations, graphical designs, animations and interactivity that are capable to provide the information in a meaningful manner through those graphical representations. The interactive feature of these websites is the most amazing part of this technology that makes it the favorite of the web designers as well as the users of those websites. This technology makes the website attractive with the use of animations. Apart from enhancing the look it also helps the viewers to get interactive with the page that they are browsing and they get the chance to gather lots of information according to their own requirement.

As we all know and understand that the world of web site designing is facing the introduction of newer and smarter technologies almost every day. The repetition of older ideas and techniques is very rare to find in this arena of business. Since people like to visit sites with innovative features and technologies, so web designers are very keen to create and introduce fresh ideas for their designing projects. Interactive infographics is one very strong and effective tool in this case.

Interactive Infographics

LRA Crisis Tracker – Invisible Children

Read the rest of this entry »


, ,

Leave a comment

Bafta video game awards 2012 – catch our coverage tonight!

Bafta game awards montage

So, will it be the super hero thrills of Batman: Arkham city, the physics-based spills of Portal 2, or the hard-boiled chills of LA Noire that dominate tonights Bafta video game awards ceremony?

The awards kick of at 9pm this evening, and we’ll be there to bring you live coverage as the 18 categories are decided. Batman and LA Noire are the most heavily nominated titles, but Uncharted 3, Portal 2 and LittleBigPlanet 2 are all up for multiple awards. You can check out the full nominations list at your leisure.

Joining the host Dara O’Briain will be a host of celebrity award presenters, including The Saturdays, Jonathan Ross and Adam Buxton. Video game luminary Ian Livingstone will also be handing out a gong.

Gamesblog contributor Simon Parkin will be running our liveblog of the event, complete with winner interviews, gossip and speculation. We’ll also have a live video feed of the event. We’ll provide links to both of those later. Meanwhile, I’ll be on the event floor recording interviews with various developers for the Tech Weekly podcast on Tuesday and trying not to drink too much champagne.

So open up two windows on your computer screen this evening, print out the nominations list and get ready for some Bafta video game award action!



Leave a comment

Intellectual Theft The Great Brain Robbery

(Houston unit, Dutch paint company)
Qinggui Zeng, formulation chemist. Came from China on student visa in 1996, hired in 2005.


Image via Wikipedia

Pleaded guilty in 2008 to stealing formula for an industrial epoxy-based, fireproof coating. Prosecutors said he was planning to return to China and had solicited investors for a Chinese venture to make and sell the coating as his own. Trade secrets found under insulation in attic space at his home. Sentenced May 16, 2008, to one year in prison, three years’ probation, deportation afterward.

Apple (AAPL)
Paul Shin Devine, Apple global supply manager from 2005 to 2010, sent drawings, pricing information, and projected sales figures on various Apple devices to suppliers in China, South Korea, Taiwan, and Singapore. Suppliers paid kickbacks, which Apple said totaled more than $1 million. Pleaded guilty 2011.

Image representing Apple as depicted in CrunchBase

Image via CrunchBase

Boeing (BA)/Rockwell Intl.
Dongfan “Greg” Chung, first person tried under Economic Espionage Act of 1996. Chinese native, U.S. citizen, engineer. Worked from 1964 to 2002 mostly as stress analyst on fuselage of U.S. space shuttle, and from 2003 to 2006 as contractor investigating Columbia space shuttle crash. In 2006, FBI found 300,000 pages at his home, including technical info on space shuttle, Delta IV rocket, F-15 fighter, B-52 bomber, Chinook helicopter. Earlier case turned up letter to Chung from Chinese official thanking him for previous work and asking for info on shuttle. Arrested 2008; convicted 2009 of violating Economic Espionage Act and acting as foreign agent. Sentenced 2010 to 15 years and 8 months, followed by three years of supervised release.

CME Group (CME)
Chunlai Yang, Chinese national, came to U.S. for Ph.D., became senior software engineer at CME, operator of Chicago Mercantile Exchange. Indicted on charges he stole trade secrets from exchange from December 2010 to June 2011 to improve electronic trading in China. Accused of downloading thousands of files of source code and algorithms onto thumb drive while forming partnership with two others in China aimed at increasing trading volume for Zhangjiagang chemical electronic trading market, among others. Pleaded not guilty October.

Read the rest of this entry »

, ,

Leave a comment

Create a Responsive Web Design with Media Queries

If you’ve yet to get your hands dirty with media queries, now is your chance to create your first responsive website design. In this tutorial we’ll look at converting one of my previous WordPress theme designs into a responsive layout, while taking into consideration the design’s original grid structure.


View the responsive layout demo


Read the rest of this entry »

Leave a comment

Time Style & Design Returns

BACK IN STYLE: After a long hibernation, Time Style & Design has returned. The fashion spin-off of Time magazine stopped publishing in September 2009, when advertising was hard to come by, but publisher Kim Kelleher said the title is ready for a comeback. “I wasn’t here when they published the first time but I know we’ve had such a positive reception in the short amount of time we had to sell this,” Kelleher claimed. She’s signed on new advertisers to the Time brand franchise, such as Harry Winston, Zappos, Maybelline and Bulgari. The issue closed with 25 ad pages.

There will be a page devoted to the issue on Time.com. Time Style & Design is planned to come out twice a year, with the next issue due in September.

Three years ago, the magazine’s rate base was 550,000 and it appeared on newsstands. This time, it will be received by 500,000 Time subscribers that, judging by the content, are quite affluent. The phrase “price upon request” is used several times in the fashion credits.

When Time Style & Design was edited by Kate Betts, the magazine focused on the business of fashion. Now, under Time managing editor Rick Stengel, it features a wider variety of stories, including a piece about artist Nick Cave, a profile of Christian Louboutin, a look at the contemporary arts scene in Turkey and a story about identical-twin opera directors Christopher and David Alden. “These are topics we would write about in the regular Time,” said Stengel. “This is not purely about fashion. It’s not a magazine that exists in order to mark trends and be trendy. It has to have a lasting value.”

A close-up shot of actress Emily Blunt, wearing a black hat and bright pink lipstick, appears on the magazine’s cover. Stengel said they had several good cover options but in the end, decided the first issue should feature a fashionable woman. “I thought she was great in ‘The Devil Wears Prada,’ and you know, she’s not hard to look at.”



Leave a comment

CFDA Awards Are Announced

Simon Spurr was among the menswear designer of the year nominees.
Andy Kropa/Getty ImagesSimon Spurr was among the menswear designer of the year nominees.

Going into the nominating process for the annual fashion awards presented by the Council of Fashion Designers of America, there was a lot of debate as to what celebrity or cultural figure would be named this year’s icon. After awards have been handed out to Michelle Obama, Iman and Lady Gaga in recent years, there was a bit of a feeling of who’s left?

Johnny Depp was a surprise, if not inspired, choice. Among the special awards announced by the fashion council on Wednesday evening, Mr. Depp was the first male recipient of the fashion icon award, given “for his personal and eclectic sense of style,” which presumably is a euphemism for man mascara and shlumpy chic. In that regard, he is certainly one of the most deserving recipients of the award in years.

Other special awards, to be presented at Lincoln Center on June 4, will be given to Rei Kawakubo of Comme des Garçons for international design, Andrew Rosen for the founders award and Tommy Hilfiger for international design. Scott Schuman and Garance Doré, the street-style photographers who are a couple off the clock, will be given the media award.

Nominees for the best women’s, men’s and accessories designers in two divisions were also announced. For the best women’s designer of the year, the nominees are Mary-Kate and Ashley Olsen of The Row, Jack McCollough and Lazaro Hernandez of Proenza Schouler and Marc Jacobs. For men’s wear, the nominees are Billy Reid, Patrik Ervell and Simon Spurr. For accessories, they are Alexander Wang, Proenza Schouler and Reed Krakoff.

In the second division, the Swarovski-sponsored awards given to newcomers (though, really, it’s getting hard to differentiate), the nominees for women’s designer are Chris Peters and Shane Gabier of Creatures of the Wind, Max Osterweis and Erin Beatty of Suno and Joseph Altuzarra. For men’s wear, the nominees are Antonio Azzuolo, Phillip Lim and Todd Snyder. And for accessories, they are Irene Neuwirth, Pamela Love and Tabitha Simmons.

Johnny Deep was nominated for an icon award.
Mike Coppola/Getty ImagesJohnny Deep was nominated for an icon award.
Lazaro Hernandez, left, and Jack McCollough, the designers behind Proenza Schouler, were among the womenswear nominees.
Peter Michael Dills/Getty ImagesLazaro Hernandez, left, and Jack McCollough, the designers behind Proenza Schouler, were among the womenswear nominees.

, ,

Leave a comment

Apple’s new iPad 3 – review


The new iPad with its high definition screen: Apple’s resolution has improved from 720p to 1080p. Photograph: Robert Galbraith/Reuters

In answer to your first question: yes, there is a difference. In answer to your second: yes, you can actually see the difference. It’s subtle, and yet it’s definitely there.

I’m talking, of course, of the “Retina Display” on the new iPad (which is what Apple seems to be calling it – no marketing niceties such as “iPad 3” or “iPad HD”). With much fanfare, Tim Cook unveiled it last week and the world said “wow!” or “is that all?”, depending on the viewer’s disposition. Expectations had been cranked high (about touch displays – ahem), but after so many had wrongly forecast the coming of the retina display last year (overplaying Moore’s Law), expectations were about right this time. But the incremental updates that Apple is making – having established this sector – don’t satisfy those who would like more, all at once.

So the key question is whether the new iPad is “wow!” or “huh”.


The screen is the computer
Cameras? Why?
Take some dictayshun, Siri
Inside: the processor
What’s in the battery?
4G, LTE, 3.5G, or so
What’s missing

The screen is the computer

The essential thing about a tablet – particularly a “slate” like the iPad – is that the screen is pretty much all there is. Sure, there’s all the stuff around the back, such as the processor, the graphics processor, the storage, the battery and the wireless connectivity. But on its own, the screen is what you deal with. So if that’s better, you should benefit.

So, in specifications, the iPad 2 has 1024×768 pixels on a 4:3 9.7in screen, giving it 132 dots per inch (DPI). The new iPad has 2048×1536, giving it four times as many pixels (3.1m, Apple points out; more than the typical HD TV set) and a resolution of 264dpi, which when held at a distance of about 40cm (15in) means that the average eye can’t discern adjacent pixels. With the old iPad, you could … perhaps. Actually, even last year at least one expert was suggesting that the iPad 2 was “almost identical” to the iPhone 4’s retina display.

In fact, the difference between the visible screen quality of the iPad 2 (still available, but at a reduced price) and the “new iPad” isn’t immediately obvious. I tried putting the two side by side and looking at the icons: even for Apple’s icons, which you would expect would have been optimised for the new super-ultra-hi-res screen, it was hard to tell that anything had changed. (I also enlisted an 11-year-old just to make sure it wasn’t my eyes at fault. He didn’t spot the difference immediately either.)

But there is a difference. The clearest example comes from looking at two covers from the Newsstand app, where the difference between the covers of the Economist and New Yorker was clearly visible: on the iPad 2 the covers were pixellated, while on the new iPad they were sharper.

Here’s the iPad 2:

iPad 2 newsstand detailNewsstand on the iPad 2: note pixellationAnd now the iPad 3:

iPad 3 newsstand large
Newsstand on the iPad 3: note less pixellation

, ,

1 Comment

%d bloggers like this: