Yes, It's that time of year again! Get out your New Year's tuxedo and welcome in the year 2011!
Thanks for coming back for Episode 2! (...and excuse the video thumbnail below) 
It's currently in testing mode so it's not live on the Layar application yet. Next I will be starting to design my own Augmented Reality Application by following this complex video tutorial - 
It may be just a simple 'Hello World' application but it's a small step in the right direction for me an an Android Application Developer!
If you're wanting to get into developing applications for Android yourself, here is a good place to start. This is what I followed to create my (very simple) application - http://www.makeuseof.com/tag/write-google-android-application/ Now I need to find out how to put these applications I'm developing on to my HTC Legend. If you know how, just let me know in the comments below.
An inspiring collection containing hundreds of main titles from feature films from classic and recent films. The collection contains films from 1920 to 2010.
http://www.annyas.com/screenshots/
Interesting to see the figures on users following brands and users that follow brands that will purchase that specific brand too. Seems like Twitter has a more personal connection with users that actually use their products. Good for customer service.
'This is unquestionably the best book I've read about creativity - and the systematization of it within businesses such as creative agencies - that I've read for a long time.' - Ben Malbon, Director of Strategy at Google Creative Lab, New York, 2010
Massive increase in apps downloaded -
FIVE BILLION apps downloaded — up from 300 million in 2009
Whopping expansion of location-based services -
FIVE MILLION Foursquare users — up from 200,000 users in 2009
Surge in mobile social media platforms -
347 PERCENT growth in Twitter mobile usage
200 MILLION mobile Facebook Users
100 MILLION YouTube videos played on mobile devices everyday
Ongoing explosion in data traffic -
3,000 PERCENT growth in one carrier’s data traffic since 2008
3,339: average number of texts sent per month by US teens.
Unprecedented competition and choice -
96 PERCENT of mobile users can choose from 3 or more providers
92 PERCENT of mobile users are satisfied with their provider
4 CENTS: average voice rate per minute in the US
77 MILLION: number of smartphones shipped in the fall of 2010.
WOW!
Let's just say I'm glad to be studying in Nottingham
You've got to watch this in full 1080p!
I've just watched the first episode and loved it. I'm going to continue to watch the next episodes. You should do the same.
Project Title
Colwyn Bay Hockey Club
http://www.colwynbayhockey.co.uk/
I've been wanting to video blog for a while now but never really got round to doing it ...until a few days ago. In doing my first vlog I actually found it incredibly difficult! Some of the things I found difficult were -
Just making the most of my graphics tablet with a little drawing... Welcome 'The Encourager!' He may look like a Internet Explorer mascot but he not. He has the ability to give courage to anyone! When he encourages people he can make people feel big when they're feeling small, he can make people feel hopeful when they have failed. He can give people the power to keep on going when they've been feeling like giving up! He is The Encourager!
Episode 14 is chock full of goodness! Join us as we talk about a missionary's flying car, a wooden iPod amplification dock, questions about @font-face, a solution to CSS3 background images and our picks from DesignersMusic.
Check out their site http://kickawesome.tv/ for more episodes
My first video blog. Hopefully quality and content will improve as I get more comfortable in presenting in front of the camera. Keep an eye out for more videos coming soon. 3 animators. 3 days (sort of). 3 Locations. 1 Google Doc. www.demoslam.com
I like how the drawings are brought together in pieces, the development of the camera shaking and the subtle use of colour. Brilliant.
Details & Credits - Moment in Time
Bringing a comic book to life.
Credits:
Drawings - 'Mike Nelson Story', Battle Picture Weekly Annual 1980: Pat Wright & Barrie Mitchell
Music - Only The Beginning Of The Adventure, Narnia Soundtrack: Harry Gregson-Williams
Speech - Declaration of War on Germany Radio Broadcast - 3 September 1939: Neville Chamberlain
Director, Producer, Editor, Sound Mixer & Everything Else: James F Robertson
Determination is the tool we use to reach our goals. Determination is the tool we use to succeed.
This Christmas I want to get into a few projects that I've been thinking about for a while. I'm wanting to look into application development. This will start with web applications then will develop into designing applications for Android and iPhone. I particularly want to look at Augmented Reality applications as it will be relevant to my personal research project. I'm also wanting to develop myself as a graphic designer. I'm going to do this in two ways, practically and theoretically. In reading a few graphic design handbooks and subjecting myself to more design, I hope to improve my creativity. Finally, I want to utilise the technology and equipment I own. This includes videos, audio and my graphics tablet. To do this I want to start VBlogging and drawing more. (I may be a little slower in producing more drawings as my graphics tablet pen has recently gone walkabout)
Zombie Hood begins on the eve of a worldwide zombie outbreak with a small group of survivors escaping the city. After gathering in a nearby forest and with food being in short supply, the survivors must risk visiting populated areas in an effort to stave off starvation. With a child and an elderly man in tow and with the undead waiting at every turn, the group attempt to put aside their differences as they battle to survive a nightmare scenario.
The production crew for this feature length movie is made up from local film makers and fans alike, coming from all over the East Midlands, bringing together experienced and raw talent!
ZOMBIES NEEDED, APPLY NOW!
We'll be requiring people to of various ages, genders and sizes to take part as zombie extras. If you would like to be considered for a role as a member of the undead hoard, please email zombies@zombiehood.co.uk Zombie extras will be required from January 2011, filming in various locations in and around the Nottingham area. We're especially keen to hear from children, aged between 8-14, for a key scene in the film.
PRODUCTION TEAM
The production team is made up of various talented individuals from all over the East Midlands, however we're always keen to hear from anyone who would like to join the team. Enthusiasm and reliability is more important that experience, so if you're interested in joining the team, please email admin@zombiehood.co.uk with a few details about yourself.
Web Designer/Developer with Multi Media Internship
Posted by National Design Acadmey on October 20th, 2010.
Internships
Location: Nottingham
Closing Date: December 19th, 2010Job Description
Job description
The National Design Academy requires a keen intern to design & build a dynamic new website, including testing and fixing. Followed by the everyday maintenance of the site once it is live with the opportunity to further develop, improve and update the two existing websites which include e-commerce and CMS.A thorough knowledge of web design and delivery, compliance regulations and e-commerce is required to ensure websites are compliant and accessible, plus a good understanding of SEO.
This full time post will encourage creativity and provide an opportunity to further develop web design and webmaster skills. Video and audio skills would be an advantage in order to develop audio and video resources for design education .
The role is initially for 6 months with the possibility of a permanent contract after this period. It is designed to provide a work- based internship opportunity to a recently qualified graduate at BA (Hons) or Masters level with some previous work experience.
Person requirements
Must be an enthusiastic & creative designer who has web design experience and able to convert the design brief and develop an outstanding website that reflects an innovative design education specialist. The experience to take over and further develop existing websites and update and manage all three sites.Academic qualifications
High BA /BSc (Hons) or Masters
Web Design/Development with multi-media (or similar)Salary
To be negotiated.Apply For This Job
Sign in to get access to the job contact details. Not a member yet? Join FreelanceStudents today. It's free!
24 WordPress tutorials in 24 days! Need I say more? Starting on December 1st 2011 I will be publishing one WordPress tutorial a day all the way up until Juleaften (misnomered by English speaking folk as “Christmas Eve”). The tutorials will cover everything from custom font embedding to menus, child-themes, plugin configurations and security features. Consider this your own geeky chocolate calendar: One box will be opened each day to reveal a surprise treat in the form of a tutorial that will help you add new features and functionality to your WordPress powered site.
http://www.designisphilosophy.com/24-days-of-wordpress/24-days-of-wordpress/
I want one.
2:14 - Augmented Reality app being used on the new BlackBerry PlayBook?
Our presentation to all the 1st Year Multimedia students this morning.
Web Designer’s Guide to PNG Image Format
Once upon a time, there was the mighty GIF image format, the most popular type of image compression for web graphics. Then, it was announced that software programs using GIF would require a license (this was because of the Unisys patent for the LZW compression method used in GIF). This change sped up the development for its successor: the PNG format. PNG, which stands for Portable Network Graphics, gained popularity and, nowadays, it’s probably the most used image format when it comes to web design, alongside JPEG.
In this guide, we will cover everything you, as a web designer, need to know about the PNG image format.
Understanding Digital Image Formats
There are many digital image formats available for you to use, but only some of them are optimized for web use. For example, the TIFF image format is not designed for web use; it’s used for printing. Examples of image formats for the web are JPEG, PNG, GIF, and SVG.
Why are certain image formats suitable for the web, while others aren’t? Because images on the web must be optimized and highly compressed so that they don’t get too huge.
Some digital image formats, especially those designed for print (such as TIFF) are so unnecessarily high in resolution, metadata, and color-richness — which all become irrelevant when viewed in computer monitors — that they are too big in file size for web use.
Compression Methods
There are two general kinds of image compression methods: lossy and lossless.
Lossy compression is when the compression algorithm being used results in some loss in data. This means that you will not get the exact same image as the original if you try to decompress it. The data loss, in most instances, is done in such a way that you don’t lose too much quality; at least not enough that people will notice.
On the other hand, lossless compression is the opposite of lossy. Lossless compression involves compression algorithms that when decompressed, will get you exactly the same image as the original. An example of lossless compression is when you are zipping up a document using the ZIP format. When you unzip your document, it will be the same as the original.
PNG uses a lossless compression algorithm. On the other hand, JPEG uses a lossy compression algorithm. What this essentially means is that, by saving your original images using JPEG, you might witness some quality loss (the same goes for PNG in certain situations, as you’ll see later on).
Some Technical Stuff about PNG
Aside from using lossless compression, PNG is a bitmapped image format, which just means it’s a raster image format. If you skipped Design 101, raster images, unlike vector image formats such as SVG, cannot be rescaled without losing quality. However, raster images are better than vector images for complex images such as photographs.
PNG was designed for quickly transferring images on the web and for displaying images in computer screens, so it only uses the RGB color model. The CMYK color model, which is typically for print purposes, is not available when saving images in PNG format. In short: the PNG image format is not optimal for graphics that will be printed.
PNG-8 and PNG-24
There are two PNG formats: PNG-8 and PNG-24. The numbers are shorthand for saying "8-bit PNG" or "24-bit PNG." Not to get too much into technicalities — because as a web designer, you probably don’t care — 8-bit PNGs mean that the image is 8 bits per pixel, while 24-bit PNGs mean 24 bits per pixel.
To sum up the difference in plain English: Let’s just say PNG-24 can handle a lot more color and is good for complex images with lots of color such as photographs (just like JPEG), while PNG-8 is more optimized for things with simple colors, such as logos and user interface elements like icons and buttons.
Another difference is that PNG-24 natively supports alpha transparency, which is good for transparent backgrounds. This difference is not 100% true because Adobe products’ Save for Web command allows PNG-8 with alpha transparency.
The Short Story: When to Use PNGs
When you need to preserve transparency and large amounts of color, as well as achieve full or partial transparency, the PNG image format is the best.
Since it’s a lossless format, images saved using the PNG format aren’t going to be small all the time, but because PNG stores a lot of additional data, you can easily optimize images for web usage to reduce file sizes.
PNG vs. GIF vs. JPEG
Let’s compare the advantages and disadvantages of using PNG versus the two other popular web image formats.
PNG vs. GIF
Short answer: Always use PNG over GIF unless you are making an animated GIF or when you want to use images with transparent backgrounds on older versions of IE (however, there’s a workaround for supporting PNG transparencies in IE6 and below, using JavaScript PNG fix libraries). I’m not alone on this, Jeff Atwood, founder of StackOverflow and the Coding Horror blog, will agree.
PNG has some important advantages over GIF that web designers will care about, such as:
- Better compression than GIF, a difference that can mean as much as 25% in file size
- No license required
- It is an open file format maintained by the W3C
- Completely lossless compression
- Real alpha transparency on web browsers that support alpha transparency, which is most of them except older versions of Internet Explorer
There are, of course, many other advantages, but those are the ones that matter to web designers.
Here’s a visual comparison of PNG versus GIF. Note that for the sample image below, you would not use PNG-24 because it has simple colors and will also weigh more than GIF. However, the PNG over GIF notion still stands: If you save a photographic image (such as a photo of your mom and dad), PNG-24 will have a better result than GIF.
PNG-8, file size: 3.73 KB PNG-24, file size: 5.68 KB GIF, file size: 4.20 KB Optimization Tip: There are a lot of tools you can use to optimize your images. Below, I used pngcrush for the PNG images and Smush.it for the GIF image. No apparent loss in quality, and PNG-8 still wins over GIF.
PNG-8, file size: 3.69 KB PNG-24, file size: 5.41 KB GIF, file size: 3.71 KB PNG vs. JPEG
JPEG will be tinier in file size versus PNGs when we’re talking about photographic images. This is because it uses a lossy compression algorithm specifically designed for photographic, rich-color images.
So for web use, if you’re putting up a photographic image on a web page (such as a picture of your cat), always choose JPEG over PNG. Using PNG over JPEG in this situation will result in a bigger file size (often 5-10 times more than JPEG).
Here is a PNG vs. JPEG (quality: 70) comparison using a photographic image. Note that we use PNG-24, not PNG-8, because it’s the proper format for photographic images.
PNG-24, file size: 66.6 KB JPEG, file size: 14.41 KB Further optimization with pngcrush and Smush.it:
PNG-24, file size: 64 KB JPEG, file size: 14.2 KB Optimization tip: You (as the web designer) will criticize your images more than your website users, so a good advice is to be a little more "brutal" when saving your web images. Find a good balance between file size versus quality. Lower your quality settings until it becomes unbearable.
When to Use Each Format
Here is a simplistic summary of the file format comparisons:
- Use PNG-8 over GIF for images with simple colors (logos, icons, buttons)
- Use PNG-8 over JPEG for images with simple colors (logos, icons, buttons)
- Use PNG-24 over GIF for photographic images
- Use PNG over JPEG when using alpha transparency
- Use JPEG over PNG for photographic images
- Use GIF for background transparency for older browsers (IE6 and below)
- Use GIF for animated GIFs
PNG-8 Color Reduction Optimization
When choosing the PNG-8 image format, you may see a decrease in the number of colors in the image. This is why it is good for simple artworks such as logos, icons, and UI elements such as buttons.
Pick PNG-8 in instances where there is a limited color palette. This will help you achieve a smaller image file size without any visible difference, allowing you to build faster, leaner and more responsive web designs.
An optimization trick you can perform is reducing the number of colors of your PNG image. This will drastically reduce its file size, and you can do it with little-to-no apparent loss in quality.
Most software applications that can save PNG files will have the ability to allow you to manually enter the number of colors to include. For example, Photoshop’s Save for the Web & Devices feature (which you can get to by going to File > Save for Web & Devices) gives you a dropdown menu for setting the number of colors for the PNG format. Reduce the number of colors until you see a visible difference in quality.
Below, you can see the optimization of the RSS icon we used earlier through the reduction of the number of colors. Reducing the number of colors from 256 to 16 results in very little noticeable loss in quality and results in a file size that is 62% smaller — over half of the file size was shaved off!
PNG-8 256 colors, file size: 3.73 KB PNG-8 64 colors, file size: 2.18 KB PNG-8 32 colors, file size: 1.75 KB PNG-8 16 colors, file size: 1.41 KB PNG-24 Posterization Optimization
This optimization technique helps you optimize the PNG-24 format and this is how it works: it reduces the amount of colors by combining similar colors.
In Photoshop, here is how you can do this optimization trick: Open the image in Photoshop. Choose Image > Adjustments > Posterize and then decrease the levels until it results in visible quality loss. Then just use the Save for the Web & Devices feature to save the image in PNG-24 format.
PNG-24 Original, file size: 29.5 KB PNG-24 Posterized, file size: 23.9 KB Summary
For web designers, the importance of reducing images sizes is a way to increase the overall speed of a web page. Optimized, smaller images in a web design means:
- Faster web pages that load more quickly
- Less bandwidth consumption
- Less data required to transfer to site visitors, which means lower data activity
You may be wondering if PNG is the best image format — this is an inevitable question. The answer is: it depends. As shown in this guide, there are many variables that will affect what image format you will choose. Certain situations will find PNG-8 favorable over PNG-24, while others will produce better results when using JPEG.
PNG has certain advantages over GIF, such as lower file sizes and being an open format. However, PNG transparency in IE6 isn’t supported so you might have to use GIFs (or a JavaScript library that emulates PNG alpha transparency in IE6, such as IE PNG Fix). The same can be said for when you’re dealing with animated images, which GIFs can do.
Regarding PNG versus JPEG: the choice depends a lot on what type of image you’re optimizing. Specifically, PNG does extremely well with limited color schemes, solid colors and supporting transparency (which JPEG does not support). For complex, photographic images, JPEG is the way to go.
The main thing to take away here is that you should use a combination of image formats. You shouldn’t strictly use PNG, or JPEG, or GIF. Furthermore, you shouldn’t be afraid to optimize each image manually so that you can achieve better results and smaller file sizes. You should always use an image optimizer, which will squeeze out every last excess byte.
There are two things that will help you pick the right format: experimenting and experience. The more you save images for the web, the quicker you will be in recognizing situations in which PNG, JPEG, or even GIF should be used.
References and Resources
- Wikipedia: Portable Networks Graphics
- Coding Horror: Getting the Most Out of PNG
- 8 Excellent Tools for Optimizing Your Images
- The Comprehensive Guide to Saving Images for the Web
- Wikipedia: pngcrush
- Coding Horror: Screenshots: JPEG vs. GIF (vs. PNG)
- Coding Horror: Progressive Image Rendering
- OptiPNG: Advanced PNG Optimizer
- Optimizing Images – Google Performance Best Practices
- Five Best Image Editing Software
- 15 Tools to Help You Develop Faster Web Pages
Related Content
