GOOD NEWS

GOOD NEWS
Ask For The Truth...

Tuesday, February 26, 2013

20 HTML5 Sites to Inspire You

20 HTML5 Sites to Inspire You:
During 2010 we heard a lot about HTML5 and its possibilities and capabilities. The new updated version of the web standard HTML was at the spotlight and everyone was pretty interested in learning more about its features and techniques. HTML5 has lots of new and interesting tags that allow you to easily incorporate videos, use drag and drop and do hundreds of cool effects and interactions. Here we will show a list with 20 examples of websites using HTML5 and their developers. Almost all examples are developers/designers pages, what show us that several professionals are already adepts of this new trend.
We also checked how are the websites reacting in mobile versions, we tested the iPhone and Android (G1) environment. The Android was tested via emulator, so maybe some results are not 100% accurate.

Colosseo Type

Beautiful background image and hover effects.
html501
Designer/developer: Cameron Moll.

iPhone performance: everything looks good, the video from the header was removed at the mobile version.

Android performance: everything looking good, even the video.

Information Highwayman

Simple and elegant layout with nice hover effects.
html502
iPhone performance: text look good and centralized but the background looks a bit out of place.

Android performance: everything ok

Jeroen Homan

Super clean and beautiful layout.
html503
Designer/developer: Jeroen Homan.

iPhone performance: main content and images are ok, footer is not loading properly.

Android performance: everything looking good.

Keyzo IT Solutions

Nice image transitions and subtle menu hover effects.
html504
Designer/developer: Keyzo IT Solutions.

iPhone performance: works fine but could make more use of media queries instead of loading a static version to adjust the screen size.

Android performance: looks good.

Rui Mollar

Clean and minimal layout with beautiful hover effects.
html505
Designer/developer: Rui Mollar.

iPhone performance: also looks good but loads in the static size of the screen.

Android performance: ok

Superhug

Subtle shadow when hovering menus and a nice image showcase and transitions.
html506
Designer/developer: Superhug.

iPhone performance: looks good and works fine.

Android performance: looks fine.

Ricardo Saavedra

Nice effect on header’s menu and framed links with hover effects.
html507
Designer/developer: Ricardo Saavedra.

iPhone performance: looks good, also adjusted to fit the screen.

Android performance: everything working.

Yellowhammer Creative

html508
Designer/developer: Yellowhammer Creative.

iPhone performance: perfect!

Android performance: also perfect!

fellabinaryreviews

Nice header and search box fade effect. Also nice text shadows.
html509
Designer/developer: TheFella.

iPhone performance: great!

Android performance: also great!

Cazinc Web Development

Great colors, design, navigation, images disposition and simplicity.
html510
Designer/developer: Cazinc Web Development.

iPhone performance: perfect!

Android performance: yeah, perfect here too!

Deafpigeon

Beautiful header background images and hover effect on menus.
html511
Designer/developer: Planetperki.

iPhone performance: looks and works good, even the background transitions.

Android performance: also good.

Planetperki

Really nice and smooth image transitions and hover effects.
html512
Designer/developer: Planetperki.

iPhone performance: looks and works good, even the background transitions.

Android performance: same here.

Michael Acevedo

Nice single page layout with vertical slider navigation, cool hover effects and images disposition.
html513
Designer/developer: Michael Acevedo.

iPhone performance: perfect!

Android performance: also perfect!

Ben the Bodyguard

Awesome user interaction at navigation. Attention to details and beautiful interface.
html514
Designer/developer: Nerd Communications.

iPhone performance: great!

Android performance: not working at all, probably because it’s an iPhone / iPod Touch app. ;)

Julien Etienne

Really nice transitions and background effects.
html515
Designer/developer: Julien Etienne.

iPhone performance: not loading properly, broken background and text.

Android performance: apparently everything works fine.

Vision 18

Single page design with nice vertical slider navigation and effects. Good user interaction.
html516
Designer/developer: Vision 18.

iPhone performance: perfect!

Android performance: also perfect!

Tablet Tennis

All HTML5 game.
html507
Designer/developer: Michiel Van den Anker.

iPhone performance: not working.

Android performance: not working.

HTML5 Adventure Calendar

Really nice shadow effects and image/information boxes.
html518
Designer/developer: ZingChart.

iPhone performance: works good, the only effect missing is the shadows, everything else is ok.

Android performance: works fine.

Maze

Another HTML5 game.
html519
Designer/developer: Kate.

iPhone performance: not working.

Android performance: not working.

HTML5 Readiness

Clean and elegant layout where we hover around to check browser readiness for HTML5 & CSS3 features. Really nice interaction and effects.
html520
Designer/developer: Paul Irish and Divya Manian.

iPhone performance: not working. The site loads broken and you can’t navigate it properly.

Android performance: looks good but doesn’t have the same interaction and effects.

Source:

HTML5 Gallery

101 Best HTML5 Sites

10 New & Fresh iPhone Photography Apps

10 New & Fresh iPhone Photography Apps:
The iPhone is one of the many smartphones in the market which has a good stock camera built in it. However, the stock camera app has limited features, so users may need to depend on third party apps to get better end products from the iPhone camera.
The good news is that there are tons of camera apps out there in the App Store for both amaterus and professionals, and everyone else in between. We’ve picked a list of 10 new and fresh iPhone photography apps that you might want to check out.
Recommended Reading: 30 iPhone & iPad Apps to Have Fun with Your Photos

1. PicsArt Photo Studio

PicsArt Photo Studio is a well-known Android app and is now available for the iPhone. It offers features such as editing and applying filters on a new photo or the ones in the camera roll. Photos can be arranged in a collage and users can import their images from their Facebook, Picasa, Flickr or Dropbox accounts. [Free]
PicsArt Photo Studio

2. SeeMail

Here’s a new way to send pictures to your friends. SeeMail lets you send photos with an attached audio clip. With this app you can record up to 33 seconds of audio to the photo instead of attaching a caption to it. [Free]
SeeMail

3. SymbolGram

SymbolGram allows you to turn your photo into any shape. You can crop and turn your photos into various shapes: triangles, circles, hearts, balloons and more. If you’re bored of normal looking picture you might wanna give this a go. [Free]
SymbolGram

4. Digisocial

Digisocial is something similar to Instagram, in that it has its own social community, but with Digisocial you can send and receive high-quality audio alongside your photos. If you prefer to send voice clips, this is also the app to use. [Free]
Digisocial

5. Camera bag 2

Camera Bag 2 has 23 different presets/filters that you can choose to apply on your photos; adjust the intensity of the filters after application, or crop and add frames and borders to your photos. If 23 presets/filters is not enough for you, you can get 30 more with an upgrade of $1.99 only. [Free]
Camera bag 2

6. Cycloramic

Take panoramic photos or record views of up to 360 degrees with Cycloramic. As taking a panaroma photo is not that easy, this app also will emit a sound or a vibration when you’re going too fast, too slow or if your camera moves too far out of range to make the panorama perfect. [$0.99]
Cycloramic

7. Wood Camera

Wood Camera is a grunge/retro/vintage photo app. Since you can change between effects while capturing the photo, you can see the end effect before the picture is taken. This app also allows you to edit and crop your photos. [$0.99]
Wood Camera

8. LightLeaker

Light leak was a type of error back in the days of taking photos on negative rolls but now for some reason, it is a popular photography style. This app, LightLeaker, offers 30 different types of light leaks that you can apply on your photo. [$0.99]
LightLeaker

9. Space Paint

Want more than just photo filters? Space Paint lets you put bokehs, star formations, paint splatter, smoky effects, light effects and more to your images. Change the intensity of each effect to give a great sci-fi touch to your photos. [$0.99]
Space Paint

10. Swipe

Swipe is where photography and typography meet. Choose from 100 different fonts to add text to your images. You can also adjust the font size, colour, alignment and more before sharing it to your favorite social network platforms: Instagram, Facebook, Tumblr and Twitter. [$1.99]
Swipe

Cartoonize Your Face With IMadeFace iPhone App

Cartoonize Your Face With IMadeFace iPhone App:
Tired of seeing the same picture whenever someone calls you? Are your social site profile picture or avatar a little dull? How about trying to spice it up a little by turning your contacts or even yourself cartoony? You can even experiment with your favorite actor, artist or idol’s faces, or just let your creativity run wild.

iMadeFace is an app where you can create a cartoonized/comic version of yourself or of anyone that you want to. You can use the faces you created for contacts, avatars, and more.
Recommended Reading: 12 Sites To Create Cartoon Characters Of Yourself

Getting Started

To start, download the iMadeFace app.
Open the app. Pick a gender: boy or girl? You will get a quick single-page tutorial on how to use the app.

On the top bar, you can find the face parts. From left to right – face shape, hairstyle, eyebrows style, eyes shape, nose shape, mouth/lips, facial hair (for boy), ears shape and accessory. There are also options for text input and you can change the background too.

You are given around 15 to 30 choices in facial part. Swipe through the choices to find the perfect part. Not only that, in some of the parts you were given the option to change the part colors.

Changing the eyes part might be on of the most fun part of this app. You can set the eyes from a beautiful one to a totally comical one.

And if you set the gender as boy, you’ll get an extra face part which is the facial hair, complete with color change!

As for accessory, for now there’s only the shades/glasses accessory available.

When you’re done and satisfied with your creation, you can choose to save it in the app gallery, or save it in your iPhone camera roll. You can share it to Twitter and Facebook as well.

Cartoonize Celeb!

These are some examples of celebrities that have been given the iMadeFace treatment.
John Lennon

Kim Kardashian

Justin Bieber

Johnny Depp

Anne Hathaway

Frank Ocean

Marilyn Monroe

Want More?

If you find that there’s not enough choices in parts, tap on ‘Store’ and you can buy the listed pack for $0.99. You get free updates to the purchased packs, for life.
And if you’re feeling lazy, you can shake your phone to the left or right to create a random face.

Currently this app is only available for iOS platform as there is still no support of this app for Android platform. But worry not as the Android version is ‘under progress’.