Menu Search
Jump to the content X X
Smashing Conf San Francisco

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

Posts Tagged ‘Videos’.

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

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

↑ Back to top