10 Online HTML5 Tools For Web Designers | Tools


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.

10 Online HTML5 Tools For Web Designers

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.

html5 sprite box

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.

html5 sketch

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.

html5 Fonts

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.

html5 velocity sketch

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.

html5 patternizer

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.

html5 XRay

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!

Automatoon

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.

html5 audio maker

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

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

Concert Verslag: Cesar Zuiderwijk: Workshop & Theatervoorstelling Drummoires.

Cesar_Zuiderwijk

Wie de woorden: Trommelfruit, Drumbonen & Kaneelstokken, Musicstation óf Golden Earing hoort, zal al gauw denken aan 1 Neerlands grootste legenden….júist, Cesar Zuiderwijjk!

Ook dit jaar weer, en in de eerste helft van 2015, tourt Cesar met zijn geheel nieuwe Theatershow: Drummoires.

Lichtelijk opgewonden was mijn 16-jarige RockaBilly-drummer-zoon toen hij een artikel in bluesmagazine voorbij zag komen, waarin de mogelijkheid werd geboden om Tickets te winnen voor een Drum-Clinic van Cesar Zuiderwijk en zijn Theatervoorstelling. ´´Ma! alsjeblieft, reageer hierop voor mij! Stel dat we dat winnen, kunnen we dan gaan? naar Amstelveen? Please?!´´ Oké, zo gezegd zo gedaan….een paar dagen later kregen wij een mailtje van Bluesmagazine (Big-ThanX) dat wij hebben gewonnen!

Op naar Amstelveen:

Op tijd aangekomen, voordat de Workshop begon zijn wij een hapje gaan eten in het gezellige P60-Theatercafe. Om 1900 uur wilden wij toch eigenlijk wel richting zaal gaan omdat de Workshop om 1930 begon. De zaal-setting was qua aantal mensen intiem en aangenaam, iedereen had goed zicht en Cesars drumstel stond voor deze gelegenheid dicht bij het publiek geplaatst.

The Maestro komt binnen:

1930 precies komt hij binnen, nátuurlijk luid-applaus!

Iedereen werd in de gelegenheid gesteld  vragen te stellen en afgezien van het feit dat er zowel minder-drumtechnische vragen gesteld werden alswel als puur-technische vragen, nam Cesar overal de tijd voor. Wél gaf hij aan dat hij het kan waarderen als het publiek voorbereid naar een Workshop komt, dus vragen voorbereiden! want een Workshop als deze hangt erg af van interactie met het publiek. Gelukkig had men génoeg te vragen, zo ook mijn zoon, die overigens door Cesar achter het drumstel uitgenodigd werd zodat hij de Moeller-Techniek goed uitgelegd kon krijgen.

´Moeller-Techniek´ is een Principe die alleen Drum-ninja´s zullen begrijpen🙂 maar komt in feite in het kort neer op het volgende: ´Dat je met zo weinig mogelijk fysieke-inspanning het grootste Effect bereikt´.

Na 1 uur te hebben genoten van deze Workshop is er een pauze van een half uur en dan wordt iedereen naar de Grote-Zaal gedirigeerd voor de Theatervoorstelling Drummoires. Wie denkt dat dit een korte, ingetogen 1-man show is heeft het mis! Er wordt groots uitgepakt met anecdotes o.a. aan de hand van zijn eerste trommeltje tot aan de laatste moderne-supersonisch opgestelde Kit, hij is een meester-verteller en legt als een Wijze Martial-Arts-Drum-Ninja links tussen: Het proces van muziek maken & het gewone dagelijkse leven. Alsof dat niet genoeg is, blijkt hij ook nog eens een uitmuntend & komische Pantomime-speler te zijn. De balans van de show is geweldig: Tussen druk-hard-komisch-energiek-omverblazend & razend Tot: stil-rustig-ernstig & wijs, krijg je van deze Drum-Wizzard, heel subtiel, een breed scala aan inzichten voorgeschoteld…….Kortom, ga het vooral zelf zien!

Na de show is er zelfs nog gelegenheid voor een kort praatje met The-man, een foto & handtekening kan ook allemaal.

Helaas waren mijn zoon & ik totaal de tijd vergeten omdat onze telefoon uitstond (eigenlijk een goed teken want de show was zo innemend) en moesten wij in Amsterdam logeren, de volgende ochtend ging onze trein pas weer. Nou ja, ik kan zeggen dat ik noch mijn zoon daar een probleem mee hadden, het Totaal de moeite waard was & ik weet bijna zeker dat mocht 1 van jullie beste-lezers dit overkomen, dan zou je er nét zo over denken🙂

Bedankt Bluesmagazine & Dank Cesar Zuiderwijk, vooral namens Daan.

 

 

DrummoiresFlyer

Tijden voor de Workshop & Drummoires staan op de site aangegeven van desbetreffende Theater. & hier: www.Drummoires.nl

Tourlijst:

december 2014
do 18 Groningen Vera-Groningen 050-313 46 81
vr 19 Barendrecht Theater Het Kruispunt 0180-615958
januari 2015
wo 14 Hoorn Schouwburg Het Park 0900-4387275
do 15 Arnhem Luxor Live! 026 3511660
februari 2015
vr 06 Eindhoven M.G. Frits Philips 040-2442020
maart 2015
za 07 Dieren Theater Rheder Art 0313-415000
vr 20 Franeker Theater de Koornbeurs 0517-396363
april 2015
wo 08 Wageningen Junushof Theater 0317-465500
za 18 Heythuysen Theater de Bombardon 0475-440502
za 25 Doetinchem Schouwburg Amphion 0314-376000
mei 2015
zo 03 ‘s -Gravenhage Theater Dilligentia…… 070-3610540
aanvang: 16.30 uur

water calligraphy device at beijing design week 2011

water calligraphy device at beijing design week 2011.


‘water calligraphy device’ by nicholas hanna, on exhibition during beijing design week 2011
image © designboom

‘water calligraphy device’ by canada-born, beijing-based media artist nicholas hanna
reinterprets the chinese tradition of using a water brush to write poetry in public spaces
by transforming a flat-bead tricycle into a poetry-writing device.

in beijing, these tricycles are a common form of transportation, adapted by residents
into everything from carts to traveling market stalls. hanna’s ‘water calligraphy device’
uses a computer, mounted on the handlebars, to transmit passages of chinese literature
to an electrical system and array of solenoid valves. each character is converted into a dot matrix,
to which the valves synchronize the release of droplets of water as the tricycle moves forward.
thus as the device moves forward, passages of text appear behind it, only to gradually evaporate
just as in traditional water brush painting.

‘water calligraphy device’ is traveling through beijing’s historic dashilar district
through october 3rd, 2011, as part of beijing design week.

video courtesy of nicholas hanna


the project draws from the chinese tradition of writing calligraphy in public spaces using a water brush


view of the device in use


closer view of the characters


the tricycle leaves poetry in its wake as it travels through the neighborhoods of dashilar, beijing


view of the solenoid valve system
image © designboom

for more head over here : http://www.designboom.com/weblog/cat/10/view/16848/nicholas-hanna-water-calligraphy-device-at-beijing-design-week-2011.html

The Story Behind the Mona Lisa Heist

Self-portrait of Leonardo da Vinci. Red chalk....

Image via Wikipedia

The police photograph and fingerprint record from the arrest of Vincenzo Peruggia. Courtesy of Joe Medeiros

For exactly a century, mystery has wrapped the most famous art crime in history — the theft of the Mona Lisa.

What many to consider the greatest portrait of all time, painted by Leonardo da Vinci from 1503 to 1507, disappeared from the Louvre on August 21, 1911. It was stolen by Vincenzo Peruggia (1881-1925), an Italian immigrant living in Paris who lived with the masterpiece for over two years.

Peruggia was never apprehended until he returned the Mona Lisa to Florence through an Italian art dealer, claiming he stole the painting to return it patriotically to the Italian people.

News: Dig for Mona Lisa’s Bones to Begin

However, the case has remained as elusive as the Mona Lisa’s smile.

It was hard to believe that Peruggia committed the theft alone, and several conspiracy theories arose.

“The prevailing theory was that he was just a small cog in a grand scheme to sell Mona Lisa forgeries to American millionaires. The theft of the real Mona Lisa was the only way to convince the buyers they were purchasing the real thing,” Joe Medeiros, author of the 88-minute documentary “The Missing Piece: The Truth About the Man Who Stole the Mona Lisa,” told Discovery News.

Medeiros, the former head writer for “The Tonight Show with Jay Leno,” acquired copies of 1500 documents in the French an Italian archives, including police files and court documents, and finally discovered that money -– not really patriotism –- lay behind the famous theft.

Vincenzo Peruggia. Italy State Police/Wikimedia

In an attempt to find clues about Peruggia the man — who he was, what he thought and why he stole the painting — Medeiros met with Peruggia’s daughter Celestina in Italy.

But Celestina, who passed away in March at 87, knew very little about father.

“He died when she was a toddler,” said Medeiros.

Blog: Mona Lisa’s Smile Hides Da Vinci’s Technique

The filmmaker went to the Louvre and re-traced the route Perruggia took to steal the painting.

At the time of the theft, Peruggia was a 29 year-old housepainter who had worked at the Louvre for a short time helping cover 1600 masterpieces with glass to protect them from vandalism.

Peruggia became familiar with all the Italian art and wondered why it was in a French museum.

He read that Napoleon had looted Italy’s art treasures when he conquered the country and brought them back to Paris. Thus he believed that all the Italian art in the Louvre was there illegally and decided to bring one picture back to its country.

News: Nude, Mona Lisa-Like Painting Surfaces

Unaware that the Mona Lisa was sold by Leonardo da Vinci himself to King Francois I of France, he turned to this painting because it was small and easy to carry.

“He stole the masterpiece by simply walking into the museum on a Monday when the Louvre was closed for cleaning. He was dressed in a white smock and thus blended in with he other workers,” said Medeiros.

It was the easiest task: Peruggia removed the painting from the wall, took it from its frame and walked out of the museum with the Mona Lisa under his arm, wrapped in his smock.

The theft wasn’t discovered until the next day because the Louvre guards assumed the masterpiece was with the museum photographer.

 ///////////////////////////////////////

Clip Source: MonaLisaMissing.com

Read more: over Here

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!!

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