10 Online HTML5 Tools For Web Designers | Tools

advertise here

104Share

If you haven’t heard, HTML5 is taking the web by storm! It is currently being enhanced by experts to provide us Web Designers & Developers with awesome new revolutionary web page features!

HTML5 Background Information

For those of you who are new to HTML5, here is some quick background information to get you up to speed.

• HTML5 is the new language for presenting content on the Internet (at the time of writing this article it is still in beta but soon to be released in 2012).
• HTML5 brings new features making it easy to incorporate video, audio, fonts, drag & drop, web graphics & animations into your web pages.
• HTML5 is backwards compatible to don’t worry about your old designs in HTML 4 or XHML1 they will work just the same!
• jQuery has started killing Flash, HTML5 will finish it off for sure.

HTML5 Online Tools & Resources

Not known to many web designers, there are some really good online tools & resources which web designers should definitely take advantage of to help create those new innovative designs and stay ahead of the field! We have collected 10 of the best Online HTML 5 Tools & Resources for Web Designers. Enjoy!

Online Sprite Box Tool

Compressing images is all the rage these days and putting all your images in a “sprite” will both increase the speed of your image transitions and loading times. This Online Sprite Box Tool can help you design your images into sprites using this awesome jQuery, CSS3 and HTML5 tool.

Online 3D Sketch Tool

This is no ordinary sketch tool, it uses the power of HTML Canvas to create 3D drawing. To rotate the canvas in 3D, you need to hold down SPACE and then DRAG horizontally with your cursor. You can also make the drawing vibrate and draw in dashed lines too. Pretty Cool.

Online Font Testing Tool

As a designer, choosing a decent font can be a tough process! Use this awesome font bookmark to instantly view any web page in a new font without changing any HTML or CSS! Harness the power of HTML5 and @font-face by dragging the font.ttf files into the top toolbar and they will appear in a list for quick view. There are hundreds of free websites just type in “Free Fonts” into Google.

Online Velocity Sketch Tool

Velocity sketch is a unique online HTML5 canvas drawing tool which you can create strange looking web like things. I did a quick one (in the screenshot) but I’m sure you web designers can be creative with such a tool and create something quite awesome.

Online Pattern Generator Tool

This online tool coule be pretty useful for web designers when it comes to creating page and header backgrounds or even heading backgrounds. I uses the power of HTML canvas to provide you with the pattern your looking for in seconds! It has heaps of options and is really easy to use! Great stuff.

Online XRay Tool

With Online XRay Tool can quickly view details of page elements on any webpage at the click of a button! Simply drag the bookmarklet on their website into your bookmarks, visit the webpage you want to analyse, click Xray bookmar then click any element on the page. It also can handle HTML5 elements such as canvas and provide you with the design information you need.

Online Automatoon (animation) Tool

Automatoon is pure HTML5. Since no Flash is used, your animations will play just fine on iPhones, iPads, Android devices, and all common web browsers. Awesome-atoon!

Online HTML5 Audio Maker Tool

I think with the introduction of the the audio tag in HTML5 we will start seeing more and more websites utilize the power of audio. This is an online audio maker tool which can help introduce you to the new audio features HTML5 has to offer. There is also a online HTML5 video maker tool which does a similar thing.

For more go over here 10 Online HTML5 Tools For Web Designers | Tools.

No Technical Know-How Needed: Endless Forms Web Site Helps Users ‘Breed’ 3-D Printable Objects

Forget draft tables and complicated computer-aided design programs: You dream it. Endless Forms helps you design it.

---

Cornell University engineers are allowing anyone to point, click, collaborate and create online in the evolution of printable, three-dimensional objects. They aim to transform the design of art, architecture and artificial intelligence.

Their new, interactive website EndlessForms.com, allows users to design their own things — from lamps and butterflies to furniture and faces — without any technical knowledge and using the same principles that guide evolutionary biology.

The Web site was developed by Jeff Clune, Cornell postdoctoral fellow; Jason Yosinski, Cornell graduate student in engineering; and Eugene Doan, Cornell undergraduate student in the Creative Machines lab of Hod Lipson, Cornell associate professor of mechanical and aerospace engineering and computing and information science.

EndlessForms users can develop objects just as gardeners raise roses — a “generation” of objects is displayed, and a user chooses objects they like, which are “bred” to produce the next generation. Over time, objects evolve and users can publish these objects. Others can further evolve, share and rate them, creating a collaborative exploration of designs that, according to Lipson, represents an entirely new way of thinking about design. Users can then have their objects made by 3-D printing companies in a wide range of materials, such as silver, steel, ceramic or sandstone.

The concept eliminates the need for skilled engineers to draw in Computer-Aided Design (CAD) programs, which can be complicated and non-intuitive. These new design tools free people to focus creativity, instead of being mired in technical details, Lipson said.

Now that 3-D printing is taking off, the goal is to unshackle the design process, flooding the industry with objects that are truly one of a kind. Lipson likens the 3-D printing industry to iPods with no music — the printers exist, but the availability of content is bottlenecked by the old methods like CAD that few people know how to use and that stifle creativity.

read more : Here

Go to EndlessForms.com to try it out yourself!!

Related articles

• How 3D Printing Will Change Absolutely Everything It Touches (forbes.com)

Beyond Silence Digital Piano for Hearing Impaired People

Beyond Silence digital piano is a concept music instrument for hearing impaired people, especially children. It would be pretty difficult to grasp the idea of hearing impaired people listen to the music. How can they enjoy the music when they don’t even hear the sound?

Designers : Hakyung Kim, Jina Kim and Suyoung Lee

People think hearing is the only way to enjoy the music, thus, isolating hearing-impaired people from the music. To challenge this perception, three Korean industrial designers have come up with “Beyond Silence” concept, focusing on the fact that hearing-impaired people can sense and feel the vibrationof the music.

This concept also helps children to play the piano by feeling the wave and vibration of each tune from the resonance board. The bottom part of Beyond Silence digital piano concept has been designed with a diaphragm to create stronger vibrations and music waves for other hearing-impaired people to feel on the ground.

 

 

Read more: here

Related articles

• Strategies for Helping Those With Hearing Loss Enjoy Holiday Season Are Offered by HearUSA Audiologist (prweb.com)

Tell the Time Using Only Your Breath

Wouldn’t it be great to feel powerful, at least as far as your gadgets are concerned? The Eole watch is a timepiece designed by Julien Moise that works under the user’s own breath power. The delicate rotating bit moves with nothing more than a gentle puff of air from the wearer’s lungs.

While the watch’s parts are sitting still the display is blank. But when the wearer exhales, the tiny rotor turns and enough electricity is generated to turn on the delicate-looking display for a moment, giving you just enough time to see whether you’re late for that appointment.

 

 

read more: Here

Related articles

• Sniffer dogs can be used to detect lung cancer (eurekalert.org)

Electric Hyper Touch Guitar Replaces The Strings with Multi-Touch Screen

As sleek as it looks, the new Hyper Touch Guitar is amply customizable and flexible to musician needs as well. A multi-touch screen has replaced the strings and allows myriad possibilities of expression via perfect instrument customization. Without having to worry about changing the strings and sound effects, the electric hyper touch guitar acts as a wireless command center from which you can manage your music. Well, the design maintains its iconic shape of standard electric guitars with additional enhancements and improvisation. Some controls including tone, volume as well as tremolo are maintained for rapid and intuitive use. It offers ease in handling and adapts greatly to musician needs.

Designer : Massimo Battaglia

 

Not sure if the Hardcore musician is going to be happy with this development though!

See More over here:

Weird and Wacky Cartoon inspired Furniture By Straight Line Designs

Straight Line Designs is a one-of-a-kind workshop that has been operating out of Vancouver, British Columbia for the past 25 years. In addition to installations, sculptures and private commissions, designer Judson Beaumont and his staff of eight full-time craftspeople have designed and constructed a variety of custom-built furniture and projects for public institutions and children’s exhibitions throughout North America and abroad. Focused on quality and custom design, Judson’s studio stays far away from mass production. Our workshop’s building capacity is restricted but Jud’s designing ability is not!

Tear Away Credenza
22” W x 60”H x 18” D
Eastern Maple, Maple Veneer, Baltic Birch, Mahogany Veneer

Crash Table
36” W x 18”H x 18” D
Western Maple, Maple Veneer

Brian
16” W x 40”H x 16” D
Stained MDF

Beaver Cabinet
60″ W x 60”H x 16” D
Eastern Maple, Maple Veneer

Burnt Table
22” W x 20.5”H x 22” D
Eastern Maple, Maple Veneer

Boom! Cabinet
52.5” W x 21.25”H x 12” D (assembled)
Western Maple, Maple Veneer, Wall-Mounted Cleated Drawers

Bad Table
40” W x 18”H x 20” D
Western Maple, Maple Veneer, Aluminium, IKEA Carpet

Judson’s plan for Straight Line is to continue strengthening its ability to creatively design and build more inspiring environments for hospitals, airports, day care centers, play areas, and clients’ homes. He is committed to providing quality workmanship, which in this day and age of disposability can be a rarity. Straight Line Designs Inc. is receiving more and more press in newspapers, magazines, blogs and other media. Judson will continue showing his work both through multimedia as well as furniture design shows and exhibitions.

Daddy Long Legs
14.25” W x 48”-84″H x 12” D
Western Maple, Maple Veneer

For many more designs by Straight Line Designs: Go-Here

 

Related Articles

• Furniture in Nature’s Finish (virginiamodern.wordpress.com)
• Basic English Furniture Styles (furnituregallery.wordpress.com)

Suspended Staircases

Cantilevered from the wall, made from heavy steel, concrete or glass, these stair treads seem unfettered by the laws of physics, hovering in the air. All manner of engineering tricks were used to make these 18 modern staircases into works of art that we just can’t stop staring at.

Suspended Stairs at the Godzilla House, South Korea

South Korea’s ‘Godzilla House’ is quite an interesting piece of architecture as a whole, but the curved shape and chameleon-like     metal facade are just the beginning. One particularly striking element included by Chae Pereira architects is a wooden staircase with white vertical supports that almost look like rope from a distance.

Ribbon Illusion Stairs by HSH Architects

If you have to stare at your staircase from the living room every day, why not make it a work of art? This beautiful ribbon staircase by HSH Architects puts ordinary stairs to shame, distributing weight down to the floor through hidden brackets mounted into the wall.

Barely-There Stairs Above a Reflecting Pool

The way that these stairs play with light and reflection in the space around them is almost more important than the stairs themselves – design-wise, at least. Positioned above a reflecting pool, the cantilevered stairs provide a bit of shady respite on the way to a sunny terrace.

Incredible Bird’s Nest Suspended Staircase

These stairs definitely aren’t trying to hide – they’re the most interesting element in the room. Reminiscent of a bird cage, the chaotic criss-crossing metal bars are balanced by the serene white of the walls and cabinets.

Hanging Black-and-White at BUMPS, Beijing

These highly unusual blocky black-and-white stairs are a visual echo of the BUMPS building’s exterior, which consists of black and white rectangles seemingly stacked Jenga-style. Each step is connected to the next leaving negative space as they descend, resulting in interesting optical effects when viewed from the lower floor.

Minimalist Black Stairs by Ecole

Like an Escher drawing sprung into three dimensions, this floating staircase by Ecole is made all the more dramatic with the use of bold black against a white wall.

Read more over: Here

10 High Quality Seamless Patterns You Must Add To Your Design Arson

(via creativenerds)

So its coming up to 6months since Creative Nerds team launched their 3^rd design blog Vector Patterns so far it’s been pleasure to work on. To celebrate 6months of Vector Patterns where going to run down Top 10 Vector Patterns which we have featured on the site, this is to showcase to new readers to vector patterns the best content which has been featured on the site so far. Stay tuned to Vector Patterns because there’s a lot more great content on the horizon.

A Very Beautiful Floral Seamless Vector Pattern

 Metal Seamless Photoshop And Illustrator Pattern

Ornament Free Seamless Vector Pattern

For many more Patterns go over here to download: http://creativenerds.co.uk/freebies/10-high-quality-seamless-patterns-you-must-add-to-your-design-arson/

Related Articles

• 12 Free Repeating Pixel Patterns for Photoshop (line25.com)
• Best Free Websites To Download Background Patterns (webdesignish.com)
• Janice: Free Vectors, Free Vector Art, Vector Graphics – Vectorportal (vectorportal.com)

Passionate & Inspiring Photographs From Artist: Elizaveta Porodina

 “”Inspiration is energy that never ceases to stun me , to amaze me, to make me move on in the right direction, this “Woah,i can’t believe someone has created something so great and powerful – I want to achieve this, too!” –feeling.”"

She is young, she is passionate about her work- and you can just tell by looking at her Photographs that she has the Art X-Factor …..and it is exactly that what i am looking for in artists who i like to know more about.

Eliza, or Elizaveta Porodina to be exact, is a Photographic Artist who i happened to ‘meet’  …I saw her work and was immediately touched by her way of translating her passion into Photographs so refined that i had to find out more about her and her background and her mindset….usually she works with  Fashion-designers or  Musicians who contact her about their project and if it is something she can identify with a collaboration comes into existance.  (Contact-Info for Eliza can be found under this article)

So here: do read -and enjoy this quite in depth and open-interview with Eliza.

 

 

 

1. Please tell us a few words about yourself.

Well, my name is Elizaveta , but my friends call me Eliza. I am 23 years old, I live in Munich, though my hometown is Moscow. I came from Moscow to Germany when I was 13 years old – which definitely has formed me as a person.

I am also  a fashion and people photographer and a student of psychology in Munich. I am passionately in love with movies, fine art and  experimental music (and talking about these). I like cats, dark chololate with coffee in the morning, the night life (and I don’t mean clubbing, just how the city looks and feels at night), winter and snow and all kind of celebrations which demand disguise.  

 

2. How would you name your photography style?

I guess it is a mix of art photography, fashion photography and sometimes surrealism or even comic art. I really don’t know.I guess this is a question that should be answered by someone who has a lot of experience and knowledge about different styles.

 

3. What is the oddest-nicest- and most hideous description of your work you’ve ever  heard?

 The oddest one came from a boy who said that my photographs calm his cat. (Which is not really a description, but is definitely odd enough).

 The nicest was the one that came from a photographer from Rome  – he wrote a very long critique about a serie of mine  in Italian (a language i don’t speak, unfortunately) – it sounded so beautifully  in the original language that after all, I did not really want to translate it.

Seriously- I guess I like when people say that they are touched by my photography, that a picture influences their emotions somehow.  

The most hideous – hmm, that’s hard because I tend to forget bad critiques. J There was a guy in a russian forum about photography who commented on the gold project in a very dirty, sexual way – it did not only offend my idea, but also my friends who were models for the project.

 

4. What are your most favourite works of yourself,  and why?

 I like the King Volcano and the Prayers for Rain series very much;

 

 

      

 

     

 

 

 

 

 

 

 

 

 

 

Prayers for Rain

 I guess I see some weird ambivalent emotions in the facial and body expressions that make me truly believe in the existence of the stardust civilization I’ve created in the GOLD PROJECT.

 

 

 

 

 5. What does inspiration mean to you? And where do you get it from?

 Inspiration is everything. Inspiration is energy that never ceases to stun me , to amaze me, to make me move on in the right direction, this “Woah,i can’t believe someone has created something so great and powerful – I want to achieve this, too!” –feeling.

I get my inspiration from everything and everyone,but mostly from people. I walk through the streets with a manic “Is this place a possible location? Is this girl a good model” way of looking at things. I try to think in many different directions , get to know different ways of producing art. I watch a lot of movies, I analyze pctures, I read books, I talk to people about my ideas.

 

6. Who are your influences?  What Artists inspire you? Can you show example of…?

Modigliani:

 

 

 

Alberto Giacometti:

Avedon:

 

The Cure &  David Bowie

 

 

 

 

7. Are there any Art-Photography-styles you would like to try where you have not yet tried?

Of course – for example, architecture of landscape photography is something I’m just nor really interested in. (yet).

 

8. Do you have any tips for other Artists and Photographers in general or specifically?

Trial and error, practice, practice, practice. Trying to become a more open person. Being open for everything, every kind of contact, every kind of idea, posing. Don’t call anything crazy – it could make a good photo.

 

9. Is there one Photograph which holds a very special memory for you, could you show and tell why?

There is a picture I made of a friend of mine. She is an actress and definitely the bravest person nI have ever met. Some people would probably call her completely nuts, but that’s what I love her for. J One day we decided to take some pictures spontaneously on the roof of the house she lives in. When we started, I recognized that I did not really like the landscape – it was too “normal”, too boring somehow. That was the moment when Simone said “would it help if I climbed on the chimney and posed there?” It was a stunning, but also an extremely dangerous idea as the roof (or the chimney) were absolutely NOT safe. There she was, standing on the small narrow chimney, throwing herself in amazing poses- a demonstration of the total lack of fear. It is definitely one of the most beautiful memories I hold from a shooting.

 

Eliza, I want to thank you veryvery much for sharing your inspiring insight into your live and fcourse for the interview…I am sure you’ll continue with succes and passion and i wish you all the Inspiration in the world

XO  Hester

Oh, and here are some more photo’s of Eliza which i find personally very Arty:

 

 

 

 

 

 

 

 

Contact info:

lisa.porodina@gmail.com

Websites etc :

www.flickr.com/photos/elizavetap

http://designerscouch.org/in/Elizaveta/

http://www.facebook.com/#!/elizaveta

 

 

 

 

 

 

 

 



Related Articles

• Floating Photos – Visionary Photographer Geof Kern Creates Dreamlike Realities (GALLERY) (trendhunter.com)
• Exhibit B exhibition in New York (lostateminor.com)
• Intense, Cinematic Style Photography (20 photos) (mymodernmet.com)

Stunning Vintage Style Print Advertising From Canada

We are going to share with you amazingly creative and brilliant vintage print media ads from the creative print media agencies from Canada. The printing work is good enough to share for your inspiration. Old looks and new and impressive feeling, these print designs will give you bundle of creativity and vintage design techniques. The look and feel of these ads are very clean and simple yet the message is clear. No heavy graphics and design components but the focus is on idea and creation.

Great use of typography and less use of colors, most of the designs are kind of minimalist and clean. Focus on the exact message and written in big font is the deal of the day. So lets have look.

The Potato Coalition Of Manitoba

 

 

 

For more stunning vintage adds: Go over here

(via lava360)

Related Articles

• A Detailed Look into Popular Styles in Web Design (onextrapixel.com)
• Celebrating Vintage and Retro: 60 Remarkable Designs (noupe.com)
• 48 Brilliant Free Fonts For Logo And Web Designers In 2010 | Little Box Of Ideas (littleboxofideas.com)
• Web Design is 95% Typography (informationarchitects.jp)