Menu Search
Jump to the content X X
Design Systems book

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books such as Design Systems, a book dedicated to creating design systems and pattern libraries? Check the table of contents →

Posts Tagged ‘Videos’.

We are pleased to present below all posts tagged with ‘Videos’.

How We Built An iOS App To Shoot A 3D Video (Case Study)

It wasn’t long after Hollywood released its first 3D films that the movie format quickly gained huge popularity worldwide. Thanks to developments in video-recording technology, any user can now shoot a video on their own. You can make a stereo record of memorable events in your life or create wonderful material for your business.

How We Built An iOS App To Shoot A 3D Video (Case Study)

Our team was also attracted to 3D filming. We thoroughly studied the features of the human visual apparatus and the technical details of stereoscopic photography. Then, we decided to develop an iOS app to shoot 3D videos and upload the videos to YouTube. The idea behind the app was to facilitate the shooting of 3D video by mounting two iPhones to a special frame — and we did it! That was how the Stereo Video Recorder app appeared.

Read more...

HTML5 Media Source Extensions: Bringing Production Video To The Web

In the last decade, plugins such as Flash and Silverlight have enabled a rich consumption of video in browsers, powering popular services such as YouTube and Netflix. However, this approach has shifted towards HTML5 over the last few years.

HTML5 Media Source Extensions: Bringing Production Video To The Web

Almost two years ago, the W3C published the final recommendation of the HTML5 spec, which came with a new set of HTML elements and APIs, especially for video. Some of them aim for more semantics in web pages but don’t introduce new features. Others extend the possibilities of the web and enhance the possibilities for developers without the need for plugins such as Adobe Flash, Microsoft Silverlight or Java.

Read more...

Talks To Help You Become A Better Front-End Engineer In 2013

Many of us care deeply about developing our craft. But staying up to date can be a true challenge, because the quantity of fresh information we’re regularly exposed to can be a lot to take in. 2012 has been no exception, with a wealth of evolution and refinement going on in the front end.

Indiana Jones

Great strides have been made in how we approach workflow, use abstractions, appreciate code quality and tackle the measurement and betterment of performance. If you’ve been busy and haven’t had time to catch up on the latest developments in these areas, don’t worry.

Read more...

Useful Talks And Videos From Web Design Conferences

As a Web professional, you can get great inspiration from a good conference session. While conferences may not bring value to all industries, the Web industry is stacked high with inspirational experts and quiet little geniuses beavering away from small home offices. A good Web conference shines a light on these clever souls and promotes professional growth and shared knowledge.

Useful Talks And Videos From Web Design Conferences

The number of conferences surrounding the Web design and development field continues to grow as new processes, techniques and other shared experiences, turned learning opportunities, are always presenting themselves throughout the industry. The problem becomes, with so many conferences that are out of reach for one reason or another, how does one catch the highlights from the conference that won't fit into a 140 character tweet?

Read more...

Syncing Content With HTML5 Video

One of the main changes from HTML4 to HTML5 is that the new specification breaks a few of the boundaries that browsers have been confined to. Instead of restricting user interaction to text, links, images and forms, HTML5 promotes multimedia, from a generic <object> element to a highly specified <video> and <audio> element, and with a rich API to access in pure JavaScript.

Screenshot

[fblike]

Native multimedia capability has a few benefits. For instance, end users have full control over the multimedia. The native controls of browsers allow users to save videos locally or email them to friends. Also, HTML5 video and audio are keyboard-enabled by default, which is a great accessibility benefit.

Read more...

Creative Use of Video in Web Design: Background Videos

Since its early days, video has been one of the most powerful and efficient tools of visual communication. It is able to deliver a direct and clear message to a broad audience as well as focus viewers on something particular. A visually appealing video is an excellent way to present a product, service or brand and take user experience to a much more interactive level. For this reason, elegant, creative and professional videos are becoming increasingly popular in Web design today.

Bulgari B.Zero1 in Background Video Showcase

Some designers go even further, creating Bluray-like experience in the browser, with interactive navigation menus, soft transitions and exceptional visual effects — all supported with background videos. This can be done with Flash or HTML5, however, most websites incorporate background videos using only Flash. To enable the rich cross-device experience, it is worth considering adding fallback-videos for those users who have a browser that does not support Flash. Nevertheless, we didn't want to go into technical details just yet and wanted to see what actual approaches designers take within their websites.

Read more...

Retro Video/DOS Games For The Weekend

We thought we'd do something a bit different for the weekend, because not everybody is actually working during the weekend. And even if we do, we deserve a break from time to time. For just this occasion, we have poured across the four corners of the Web and amassed a collection of retro games to help you make the absolute most of your break time this weekend… and possibly any break time you take from this day forth.

Now you're ready to take some time off and unplug, let's stroll down memory lane, the gaming way. Focusing on the days of the old DOS-based games, we sourced some emulators so that you could revisit your old favorites once again without having to downgrade your machine. So flex some willpower (or kiss your weekend goodbye) and dive into the deep end of this DOS-day throwback to get your ROM on.

Read more...

25 Useful Videos and Presentations for Designers

With the huge number of design-related conferences and events around the world, the Web gives those of us who cannot attend them a great opportunity to listen and benefit from their great and talented speakers. To aid in this, here we present some of the best videos, interviews and presentations about design and related topics.

Screenshot

Using design to make ideas new. Legendary graphic designer Milton Glaser dives deep into a new painting inspired by Piero della Francesca. From there, he muses on what makes a convincing poster, by breaking down an idea and making it new.

Read more...

Plasticine Art Showcase: Shape Your Imagination

Do you remember?.. The first time you played with pieces of modeling clay, melting them in your hands and going deeper and deeper into the colourful plasticine world where your imagination was the only limit. Since the 19th century, when Franz Kolb and William Harbutt independently of each other invented plasticine (modeling clay), it has been used in almost all fields of art: illustration, web design, typography, claymation, installation design.

Amy Vangsgard in Plasticine Art Showcase

Plasticine artworks can be found just everywhere: advertisements, book/magazine as well as CD/DVD covers, movies / TV series, music videos, computer / console games, and even web design elements. Below you will find a collection of beautiful plasticine artworks that hopefully will inspire you and give you an idea about how this material can be used in your next design project.

Read more...

Beautiful Motion Graphics Created With Programming: Showcase, Tools and Tutorials

When you hear the word "creative", what type of profession comes to mind? Maybe a graphic designer, painter, sculptor, illustrator, or writer? It's unlikely that you would consider a "programmer" when thinking of creative fields of work. But programmers have the potential to be creative and come up with ideas or concepts that will impact others in positive ways.

Screenshot

We often turn to programmers to solve mathematical-related problems, but the concept of mathematics in programming is what powers programmers to innovate. When you think of mathematics you imagine numbers, expressions, and equations. But what about art, music, or even beautiful visuals? Those numbers and equations that we often view as mundane and overly-formulaic can generate beautiful visuals and music. This article will present dozens of examples of motion graphics and interactive visuals created with computational code, along with some useful references and resources.

Read more...

Unique TV Series Episodes That Inspire Creativity

Whatever creative field you are striving to excel in – whether it be graphic design, web development, blogging, or writing of another kind – inspiration can be gleaned from any creative field, even if that field is not directly related to what you personally do. As artists striving to stand out in our own niches, it is important that we notice and appreciate ground-breaking or otherwise imaginative work done in a broad range of artistic spectrums.

In this article you'll get inspiration from the area of creative writing in popular television series episodes from the past 40+ years, and we'll discuss how the creativity achieved in these particular episodes can motivate all of us, as artists, to always strive to prevent our creations from being too normal and predictable.

The artists who wrote or co-wrote the TV Series episodes that we're featuring here were accustomed to producing work in a familiar environment, in harmony with the shows' usual themes and settings. But in specific instances, those writers decided to create something unique that would long be remembered and appreciated. Some of the creativity was visual, other examples were more related to adjustments in theme, and others involved a little of both.

Let's review how these particular episodes were different from what came before, and hopefully this will inspire artists today to become motivated to similarly push their work to a new level.

Read more...

The Ultimate Motion Graphics Tutorials Round-Up

Although static graphics is obviously much easier to scan and therefore can be easily perceived, motion graphics brings dynamics and life into otherwise static content. Animation can help designers to convey a deeper meaning with the use of various video-techniques. It can also provide a better data visualization than the static graphics. How and where you use it in real-life situations is totally up to your talent and your abilities to express yourself.

Motion graphics are not only created using digital techniques; also traditional animation and special effects techniques are used. However, digital techniques help to minimize production costs and achieve nice results with less effort. For example, the Juno opening sequence was a hand-made motion graphics which took painstakingly long time to finish.

A couple of weeks ago we presented Best Tutorials For Cinematic Visual Effects. In this post we present a collection of useful Tutorials for motion graphics – created with the use of digital techniques. These tutorials focus on the designing skills of a motion designer and not on the modeling or the animation. You can use these techniques to create stunning motion graphics or improve upon these ideas and come up with your own creative ideas that will be truly remarkable. Most of the tutorials are from similar sources, because of its quality and usefulness.

Read more...

↑ Back to top