Keep Up On FlipBoard
Web Starter Kit * Smallworld.js * Steady.js * SideComments.js * Call to Idea * Wavepot * MobileVis * Homeless Fonts
Outdated Browser * Odyssey.js * will-change * Type Sample * Browserify * Emulators in JS * bounce.js * Boba.js * Keylight
Steady attaches a handler to the onscroll event, that excutes the trackers. Then it calls another function that checks the conditions with values inside a requestAnimationFrame to avoid making the onscroll handler fat and slow, […]
Easy audio capture with the MediaRecorder API
The MediaRecorder API is a simple construct, used inside Navigator.getUserMedia(), which provides an easy way of recording media streams from the user’s input devices and instantly using them in web apps. This article provides a basic guide on how to use MediaRecorder, which is supported in Firefox Desktop/Mobile 25, and Firefox OS 2.0. What other […]
How to Create a Tiled Background Slideshow
A tutorial that shows how to recreate the four tiles slideshow effect seen on the website of Serge Thoroval. Using 3D transforms, transitions and animations, the aim is to implement a smooth effect and add some variations.
Web developers who love to build websites often run into the same problem: lacking a pixel-perfect design mockup. Without a competent designer you’re often left to rebuild existing ideas or code simple interfaces without too much detail. But you can also download free PSD or AI graphics to use as a replacement for your own […]
When it comes to design, learning can be fun. But it can also be expensive and time consuming. So if you’re looking to expand your creative and technical mind, but not your wallet, then you’ll be after some high-quality free tutorials.
jQuery fontIconPicker is a small (3.22KB gzipped) jQuery plugin which allows you to include an elegant icon picker with categories, search and pagination inside your administration forms. The list of icons can be loaded manually using a SELECT field, an Array or Object of icons or directly from a Fontello config.json or IcoMoon selection.json file. […]
If you work as a designer, you need a portfolio – and a portfolio website is the easiest and quickest way to showcase your work. Even if you have a physical portfolio, a website is pretty much expected these days in addition. However if you are not a pro web designer you may not be au fait with the best way to lay out your portfolio website. Here are some top tips to help you along the way….
From a motion design perspective, Facebook.com is phenomenally static. It’s purposefully dumbed down for the broadest levels of compatibility and user comfort. Facebook’s iOS apps, on the other hand, are fluid. They prioritize the design of motion; they feel like living, breathing apps.
This article serves to demonstrate that this dichotomy does not need to exist; websites can benefit from the same level of interactive and performant motion design found on mobile apps. Before diving into examples, let’s first address why motion design is so beneficial.
Some creative and subtle hover effect inspiration using modern CSS techniques including 3D translate and pseudo elements.
Odyssey.js is an open-source tool that allows you to combine maps, narratives, and other multimedia into a beautiful story. Creating new stories is simple, requiring nothing more than a modern web-browser and an idea. You enhance the narrative and multimedia of your stories using Actions that will let you tell your story in an exciting […]
Editor’s note for the impatient: if you want to help test it on a recent nightly you can toggle the devtools.webide.enabled preference in about:config. The WebIDE is available today under Tools>Web Developer>App Manager and will be renamed in tomorrow’s Nightly into WebIDE. If you’ve been following our Developer Tools series on the Mozilla Hacks blog, […]
ServiceWorkers and Firefox
Since early 2013, Mozillians have been involved with the design of the Service Worker. Thanks to work by Google, Samsung, Mozilla, and others, this exciting new feature of the web platform has evolved to the point that it is being implemented in various web browser engines. What are Service Workers? At their simplest, Service Workers […]
10 steps to engaging user experience
These days, building websites or applications that attract and retain customers has become somewhat of a science. For people who aren’t well versed in the digital space, I often compare the work that I do as a UX designer to an architect. Like the architect who builds your home, my UX team builds a comprehensive blueprint, which outlines every single detail of the site’s features and functionality.
6 steps to perfecting minimalism in web design
Over the past few years, web design has been rocked by various trends that have come and gone. One of the trends that has staying power, is minimalism, simply because it’s a timeless concept that has been popular in various mediums throughout the ages. So why not in web design? One of the things about […]
WebGL / openGL
WebGL around the net, 24 June 2014
3D ads and popup books! It doesn’t get more fun than this in WebGL Land. Here are this week’s developments: Glacéau Smartwater has launched a beautiful 3D ad campaign, Explore the Sky. The ad features animated camera fly-throughs and great interaction. You can even paint clouds in the sky! Could this be a glimpse into the future of […]
WebGL around the net, 17 June 2014
Virtual Reality and Stereo Photography lead this week’s WebGL developments. At last week’s San Francisco WebGL Developers Meetup, we got a glimpse of WebGL running on the Oculus Rift. The very next day, Josh Carpenter and Vlad Vukićević of Mozilla announced that Firefox nightly builds will soon include native support for Oculus Rift head tracking and stereo […]
Let’s ignore that we haven’t got a web-agreed-upon way to do just about anything, much less basic line-of-business apps with data-bound text boxes over data, and just revel in the fact that we can do hardware-accelerated 3D graphics in our browsers with WebGL. This works today in all the latest browsers.
Now that WebGL is truly everywhere, the close-knit, doggedly persistent and technically masterful group of folks who made it happen over the last several years can take a collective bow. From Vlad Vukićević, WebGL’s creator, to the countless engineers and working group members on browser teams who created a great spec and world-class implementations, to Ricardo Cabello Miguel, aka Mr.doob for the amazing Three.js, to us camp followers and blogging faithful: congrats, felicidades, and kudos on a job well done!
HAXE / ACTIONSCRIPT / AIR
Now available for Adobe Flash, Adobe AIR for Desktop and Mobile (iOS/Android). Try the new Techdemo here (needs a webcam).
Interactive application that was made on a Wild Night Desperados Party that was in October 2012 in Poznan. It was made in Starling framework, and the graphics was made in 3D Studio Max. The application recognizes where is the user and in his position it breaks the wall.
Classic Atari games powered up in a series of interactive banner games for EA’s upcoming Titanfall launch.
Apache Flex / Adobe Air library to make ease to work with Workers
No more burden to create an other project and / or an extra SWF for your Worker, everything is in-memory, don’t deal anymore with MessageChannel and other low level API, use Thread an Events.
Includes all the used classes and nothing more (except if you want to), register for you your typed object to pass them back and forth the Worker…
Unity3D / Blender3D / Engines
Unity5: API changes & automatic script updating
As the breadth of the Unity feature set keeps on growing, and as we build it with more and more engineers at the same time, the necessity for being able to split up the product in separate modules becomes bigger and bigger. Obviously because it is just sound engineering practice. (It’s nice that when you […]
Interview with Ton Roosendaal
Three Dutch students traveled to Amsterdam to inverview Ton. It’s a great interview and it’s fully subtitled. A few weeks ago me and two friends were assigned to do a presentation at…
Weekly Mobile News Roundup – 27 June 2014
Once again the week is coming to an end and that means it’s time for a roundup of the past weeks news! Apps We Actually Use: Collective as a clipboard manager for everything but the kitchen sink – In my daily routine, I spend a lot of time copying URLs for websites, text for articles and […]
Weekly Mobile News Roundup – 13 June 2014
Once again the week is coming to an end and that means it’s time for a roundup of the past weeks news! Developing iOS8 Apps Using Swift – Create a To-Do Application – In this iOS8 Swift Tutorial, I will show you how to create a To-Do like application using Swift, the new programming language from Apple. […]
Weekly Mobile News Roundup – 20 June 2014
Once again the week is coming to an end and that means it’s time for a roundup of the past weeks news! Ink and Slide: Hands On With Adobe’s New iPad Drawing Tools – The idea behind Ink and Slide is to give designers a tablet drawing experience that goes beyond the simple stylus. Amazon’s Phone […]
Firefox OS Apps run on Android
At Mozilla we believe that apps and browsing are best viewed as cooperative and symbiotic, each better when working together. We are working to strengthen that relationship by building an apps ecosystem that is built using the Web technologies that so many developers are already familiar with. We built Firefox OS as a mobile OS […]
Mozilla turns Firefox Android homepage into content hub
The latest Firefox for Android beta focuses on developer tools, but one could have big ramifications by turning the browser’s homepage into a platform called Firefox Hub.
Introducing the Web Audio Editor in Firefox Developer Tools
In Firefox 32, the Web Audio Editor joins the Shader Editor and Canvas Debugger in Firefox Developer Tools for debugging media-rich content on the web. When developing HTML5 games or fun synthesizers using web audio, the Web Audio Editor assists in visualizing and modifying all of the audio nodes within the web audio AudioContext. Visualizing […]
The 12 HTML5 hacks that’ll supercharge your mobile site
The mobile web is a strange world: dozens of browsers, versions, screen sizes, undocumented features, bugs and new problems. That is why, in some situations, we need to break some limits to accomplish our objectives.
A/Visions, Synesthetic Fever Dreams – A Report on EM15
A report on the CAN/HOLO artist Q&A sessions and related audiovisual performances at Montreal’s EM15 festival, which was jointly organized by the teams behind MUTEK and Elektra.
Weird Second-order Loops – Generative individuality and circumstance
Weird Second-order Loops is a series of computer-generated animation loops that never repeat. Each of the loops is centred around a playful and simple cyclical idea that is a procedural reinterpretation of a long existing animation cliché, potentiating it ad infinitum.
Lunar Surface – Drawing digital mass in physical space
Lunar Surface is the latest in the series of projects by the duo investigating digital light as a semi-material to articulate digital visual mass in physical space.
Virtual reality headset maker says it’s planning to sell its products at the lowest possible price, despite investment costs that could reach into the billions.
You’re sat in the back of an armored personnel carrier when, suddenly, something hits you and the lights go out. Stumbling out of the darkness, you emerge onto the battlefield armed with just a video camera and a first-aid kit. Laying in front of you…
An anonymous reader writes Developed as part of a university master thesis is this “truly 3D” windowing system environment. The 3D desktop was developed as a Qt Wayland compositor and output to an Oculus Rift display and then controlled using a high-precision Razer mouse. Overall, it’s interesting research for bringing 2D windows into a 3D workspace using Wayland and the Oculus Rift. The code is hosted as the Motorcar Compositor. A video demonstration is on YouTube.
Oculus’s Brendan Iribe says the virtual reality headset maker wants to sit down with any hardware maker willing to talk partnerships.
Eight years ago, I was slouching through my college’s required mass-media course and silently groaning while my professor excitedly mapped out the promises of Second Life. That online virtual world, where players create items, clothes, buildings and…
When you hear “Oculus Rift” you think games, but it looks like virtual tours are becoming a new category to the uses for the virtual reality device. Founders of YouVisit, a virtual tour company, Taher Baderkhan, Abi Mandelbaum and Endri Tolka met in their first year of college and they had one thing in common: they were all international students. Read More
Interested in making your own custom remote for your XBMC? Make shows off a guide to make your own using a cheap Bluetooth module and a custom case.
The build here uses a Bluefruit EZ-Key, a bit of soldering, and (an admittedly pretty ugly) 3D printed case. The process itself if pretty easy to do, and once you’re done you’ll have a little Bluetooth remote you can use to control your home theater PC. It should be easy enough to modify the case to suit your style, and otherwise it’s a easy build to make for yourself.
Crowdsourced knowledge bases like Wikipedia encompass a lot of knowledge, but humans can only add to them so quickly. Wouldn’t it be better if computers did all the hard work? The University of Washington certainly believes so. Its LEVAN (Learn…
Is 3D video on the decline, destined to return to the realm of novelty? Not if you ask IMAX. The company has just detailed a large-format 4K camera that could give 3D movies a (frankly needed) visual boost. The trick, the company says, is that the…
Netflix has revived The Killing for one final six-episode season, but what if you’re not sure about binge watching the first three (already on Netflix, of course) to get ready? A video posted by the service gives you a good peek at some of the…
Amazon clearly doesn’t think that one politically charged show is enough to counter Netflix efforts like House of Cards. The online retailer turned media producer has ordered a pilot for Point of Honor, a drama set on the cusp of the American Civil…
Amazon’s Fire Phone Introduces Firefly, A Feature That Lets You Identify (And Buy!) Things You See In The Real World
With the debut of the Amazon Fire Phone this afternoon, the company introduced a new feature called Firefly, which is largely designed to let you identify — and then, of course, buy — things you see out in the real world. Firefly takes advantage of the smartphone’s camera to let you identify things like phone numbers, movies, books, games, CDs, food and more just by pointing… Read More
Here Is The Full Video Of Amazon’s Fire Phone Launch Event
As you probably know, Amazon launched its Fire Phone today. Sadly, the company didn’t make a live stream available, so you had to make do with our live blog. But it really takes video to get a feel for the phone’s main feature — its dynamic perspective 3D mode — but as promised, Amazon has now posted the full video of the event. Read More
Pre-Crime Startup BioCatch Raises $10M Series A
If you’ve ever seen the movie Minority Report, you’ll be familiar with the “Precognition” concept: the ability to see into the future — in the film’s case, to stop a crime before it’s actually committed. Israeli cybercrime startup BioCatch effectively does just that. Read More
Climbing the career ladder can be daunting. You frequently need new skills to move ahead, but it’s not always practical to take time off just to get some new credentials. However, AT&T and Udacity may have just solved this conundrum by unveiling…
When we hear the term “smart glasses” these days, we tend to focus more on the smart and less on the glasses. Researchers at Oxford University see things the other way around: putting the emphasis on glasses suggests a device that helps the visually…
It’s hard to find what you’re looking for in the dark. Instructables users Jayefuu and Kiteman developed a way to light up a small area whenever you call a cellphone.
The setup uses a battery-powered strand of lights, a basic circuit board with a phototransistor, and a cheap cellphone with the capability to light up its screen when called. When you call the cellphone, the backlight comes on and activates the phototransistor, and that turns the lights on. They developed this for use at music festivals so it’s easier to find your sanctuary in a sea of tents, but you can use it for anything. Find your car in a giant parking lot at night, light up your porch when you get home, or anything else you can come up with. For a complete guide to making the setup, check out the link below….
Atari is back. Again. After the crash of Nolan Bushnell’s empire in the early ’80s, several ventures attempted to resurrect the iconic brand. Atari Interactive is the latest, emerging from chapter 11 bankruptcy earlier this year, and is now ready to make a splash in the mobile market with a renewed focus in established verticals. Read More