Here are a few curated links from around the web. If you are a creative engineer or developer you may find some of these links to be very informative and handy. 
Keep Up On FlipBoard

HTML5, JAVASCRIPT, AND CSS

Collective #138

Hotjar Insights * Palletab * SMIL * ProgressBar.js * Lazysizes * DevTools Tips * Material Design Icons * PerfMap

CSS turns 20 * GitHub Student Developer Pack * WebGL with Three.js * Hacker News API * Thought Plan * ACNPL\WGL

Collective #136

Physical Web * HTTP 203 * SweetAlert * Flyer.js * iOS 8 Scroll * CSS Layout Debbuger * AngularJS Guide * RWDPerf * Gifshot


AngularJS – Why & How to Create Custom Module
This article represents key concepts and code samples on why and how to create a custom module with AngularJS. Please feel free to comment/suggest if I[…]

Nunjucks Templating by Mozilla
This is mainly just a FYI type post, but earlier this week I discovered Nunjucks, a client-side templating language by Mozilla. I’ve been pretty much sold[…]

Get Real Image Height and Width Dimensions
One massive help provided by CSS in aiding developers to create responsive designs is max-width.  I always set img, iframe, and embed tags to max-width: 100% so that they aren’t allowed bleed through their parent and stretch the page on mobiles, but I recently asked myself if it was possible to get an image’s “true” size with […]

Converse.js – A Free & Open Source XMPP Chat Client

Converse.js is a free and open source chat client that runs in your browser. It can be integrated into any website. Similar to Facebook chat but it also supports multi-user chatrooms. Converse.js can connect to any accessible XMPP/Jabber server, either from a public provider such as jabber.org, or one you have set up yourself. It’s […]


Top 5 Sass mistakes
Sass: the powerful professional grade CSS extension language is a popular tool. But are you using it properly? Here, we share some common Sass pitfalls and how to avoid them


How to build websites fast, with the rapid prototyping workflow
Startups are notorious for bringing an idea from a concept to a finalized product fast. While there’s certainly something to be said for taking our time and doing in depth research at every milestone, sometimes we just need to get an idea up and running as soon as possible. Rapid prototyping in a startup culture […]

Midnight.js Lets You Switch Fixed Headers on the Fly

Midnight.js is a jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it. Midnight.js lets you switch fixed headers on the fly. On iOS


Hello.js – JavaScript SDK for Authenticating Web Services

Hello.js is a client-side Javascript SDK for authenticating with OAuth2 (and OAuth1 with a oauth proxy) web services and querying their REST API’s. HelloJS standardizes paths and responses to common API’s like Google Data Services, Facebook Graph and Windows Live Connect. It’s modular, so that list is growing. HelloJS can also be run on phonegap […]

Awesome Math Library for JavaScript and Node.js

Math.js is an extensive math library for JavaScript and Node.js. It features a flexible expression parser and offers an integrated solution to work with numbers, big numbers, complex numbers, units, and matrices. Powerful and easy to use. It supports chained operations. It’s easily extensible. Requirements: jQuery Framework and Node.js Demo: http://mathjs.org/ License: Apache License

Build a responsive WordPress portfolio

Generational Garbage Collection in Firefox
Generational garbage collection (GGC) has now been enabled in the SpiderMonkey JavaScript engine in Firefox 32. GGC is a performance optimization only, and should have no observable effects on script behavior. So what is it? What does it do? GGC is a way for the JavaScript engine to collect short-lived objects faster. Say you have […]


How to take your WordPress sites to the next level with custom post types
Custom post types are one of the key elements you should grasp if you want to create flexible, professional-grade, WordPress sites. What custom post types do is allow you to add your own type of data; that may be an article, a song, a movie, or thousands of other things. Custom post types allow you to […]

WordPress -> Ghost -> Harp (part 1)
I’ve been running my “b:log” on WordPress since late 2006, but today I give you the node backed blog. This is a two part blog post, the first covering why I moved, what I tried and a few of the high level issues I ran in to. Part two will cover some of the technical detail that goes in to running my blog on the new node platform. These posts are not intended as walkthrough on how to do it yourself, but simply sharing my experience and bumps I ran into on the way, hoping to impart some useful knowledge along the way[…]

WebGL / openGL

WebGL around the net, 8 October 2014
{Apologies for the delay in posting. We were having site issues… which now we believe are fixed. Thanks CloudFlare! –Ed} This week’s WebGL developments include boundary-breaking production value, make your own 3D dolls and… write code in VR?! Check out OutsideOfSociety’s Autumn. Wow. Just wow. Isaac Cohen ( http://cabbi.bo/), LeapJS guru and creative coder extraordinaire, is once again doing […]

WebGL around the net, 17 September 2014
This week in WebGL: supermodels, virtual iPhones, and game developers large and small. Why wait for your pre-ordered iPhone 6? Experience it virtually here. Nice work, PlayCanvas! Under Armour taps WebGL to visualize Tweets in I Will What I Want, an interactive experience featuring supermodel Gisele Bundchen. Bungie uses WebGL to show Destiny players’  characters:  http://ift.tt/1mcvnFZ Zynga gets into WebGL, using […]

WebGL Flurry screensaver

Blend4Web Update: Non Linear Animation and more
The Blend4Web team has added another set of useful features to their Blender player. Blend4Web Team writes: We are glad to present the community and the partners with the new 14.09 version of the Blend4Web framework. In this release we have prepared the most significant amount of features starting from the first public release half […]

EleVR webVR video player



metaverse.is

A little WebGL+VR demo at the bottom of this teaser page: http://metaverse.is/  

Blend4Web: the Open Source Solution for Online 3D
Half year ago Blend4Web was first released publicly. In this article I’ll show what Blend4Web is, how it is evolved and and how it can be used for web development. What Is Blend4Web? In short, Blend4Web is an open source framework for creating 3D web applications. It uses Blender – the popular open source 3D […]

Podcast: Tony Parisi and the web as the home of VR

We’re now seeing attempts to develop Virtual reality for the Oculus Rift using web technology. There are a couple of browser extensions you can get for Firefox and Chrome that will talk to the Oculus headset, you can write some JavaScript code for WebGL to render in stereo. And so people are starting to experiment with that, which is a really good thing, because I believe that open technology is the way we’re going to build the virtual reality metaverse.

Podcast: EnterVR – Creating a free and open metaverse with Tony Parisi

Tony Parisi on creating accessible tools for people to create 3D content on the web, the future of the metaverse, porting over your Unity/UE4 content to the web and much more!”

VR, WebGL and CSS – Together At Last! (slides)

These are slides from a talk given by Vladimir Vukicevic of Mozilla at Web Unleased conference in Toronto, September 2014. 

Podcast: Voices of VR – Josh Carpenter on WebVR & upcoming VR experiments from Mozilla including collaborative web browsing with TogetherJS
Josh Carpenter is a VR researcher at Mozilla looking to see how to combine the best of the web with what the VR communications medium

POV Tech: Filmmaking with Oculus Rift


“For my first WebVR experiment, I decided to try recording the motion of the headset to see if we could play it back. The demo will load in any modern browser, and you can play back the head motion I recorded to see the virtual space from my point of view. If you have an Oculus Rift and one of the WebVR browser builds, you can view the space in the headset yourself and record your own motion for playback.

Direct link to demo: http://ift.tt/1sebYq5
Source code: http://ift.tt/1sebYq7


HAXE / ACTIONSCRIPT / AIR

Frano Ponticelli has written The Benefits of Transpiling to JavaScript over on io.pellucid.com which is a great introduction to Haxe for Javascript developers investigating various transpilers…

OpenFL has received a lot of attention this last week with the news that Flash CC will support custom platforms. Joshua Granick, lead maintainer of OpenFL, helped present the new feature at Adobe Max…

Haxe Roundup № 220 | Haxe.io
Sven Bergström has released an impressive set of brand new libraries for Haxe, flõw, snõw and luxe, all of which are part of Snõwkit. With the alpha release of Snõwkit, Sven has given the…

Haxe Roundup № 219 | Haxe.io
Kirill Poletaev has created haxecoder.com, a tutorial site for Haxe and OpenFL, releasing a new tutorial nearly every day. Another new site is quaxe.org, created by Daniel Glazman, which will contain…

Flash IDE Can Now Reach Non-Flash Targets (Including Open Source)
lars_doucet (2853771) writes Flash CC now has an SDK for creating custom project file formats; this lets you use the Flash IDE to prepare and publish content for (not-the-flash-player) compile targets. Among these new platforms is OpenFL, a fully open-source re-implementation of the Flash API that exports to Javascript and C++ (no Flash Player!), among other targets: When Adobe demoed the custom project feature at Adobe MAX the other night, they brought out Joshua Granick (lead maintainer of OpenFL) to show off a custom OpenFL project format that lets you make Flash Art in Flash CC, then compile it out to Flash, HTML5, and native C++ (desktop+mobile) targets. Maybe Adobe heard us after all[…]

TiVo’s Android app now supports streaming (haXe built)
It was nearly a year ago that TiVo brought streaming to its iOS apps, enabling you to watch recorded shows anywhere with a WiFi signal. Eleven months later, and the company has finally added the same functionality for TiVo’s Android app. The feature…

Across the Wire Groovebox Built with AIR and Starling. This…

Built with AIR and Starling. This minimal groovebox has been developed to coincide with the release of the electronic metal song “Across the Wire” by Sahaja. The app allows you to make rhythmic patterns via a simple step-sequencer. Creating dark, heavy grooves has never been easier!

Heineken Project AR App

The Heineken Project is an Augmented Reality application, turning your phone into an interactive toy that reacts to a Heineken bottle or glass placed in front of the camera. Away Studios developed the 3D component of the application that included particle effects and 3D-mapped visuals overlaid onto the video feed in realtime. The project was commissioned by Heineken and required a fast turnaround and smooth, detailed animation running on a variety of mobile hardware include iOS and Android devices[…]

Links:

SenseEarth Explorer SenseEarth is an Apache Flex showcased…

VR – SenseEarth is an Apache Flex showcased project, building a virtual world in your browser based on real world map/atlas.

Oculus rex

Ever wondered how it feels like to be driving while you’re being chased by the biggest predator ever? Now you can[…]

Built with the open source Minko 3D engine.

http://oculus-rex.com/

Sprite3D and What’s Next
I’m currently working hard on the next official release of Starling, which is going to be version 1.6. As always, the new version is stuffed with bug fixes and optimizations; but there’s one new feature that I’m especially proud of, and I know that many of you have been waiting for this a long time.

That feature is the new “Sprite3D” class. Basically, it allows you to take any display object and move it around in a three-dimensional coordinate system. This means that you’ve now got a real perspective projection — useful not only for special effects, but for whole new concepts Starling wasn’t capable of in the past!

In fact, to really appreciate the power that this feature brings, you have to see it live. Start the video below and watch me sprucing up a simple game of memory by adding some fancy 3D transitions!

Game Engine / Blender3D / Unity



Global Illumination in Unity 5
Unity 5 is receiving a major make-over in terms of graphical fidelity and lighting in particular. Unity has been limited to baked lightmaps since Unity 3.0, but since then a lot of progress has been made in the global illumination field. Now is the time to provide some of that goodness out-of-the box in Unity. One […]

Benchmarking Unity performance in WebGL
When we port Unity to new platforms, it is always an important question to find out how well it performs on that platform – and to see what we can do to make it perform as fast as possible. One exciting new platform we are currently working to support is WebGL. WebGL is unique when […]

Rendering Minecraft Worlds with Blender using Cycles
Matthew Scott shows how to export your Minecraft models, import them into Blender and get them rendered.

Stroke animation with Freestyle for Blender
Oh. My. God. This video clip is a compilation of stroke animation sequences made using Blender. Animated strokes of stylized lines were auto-generated from input 3D scenes consisting of mesh objects using the non-photorealistic (NPR) line rendering engine Freestyle available as integral part of Blender. Nothing in the video was drawn by hand. More news […]

A quick technique for making clouds in Blender
Learn how to create a cloud-like effect in Blender. Addicted to CG writes: This is the cloud that I made In blender and it is really simple to be honest so because I want to share this knowledge with you guys so here is how to make clouds in blender like this one! So the […]

SPHERED – Blender Game
Remember Marble Madness? Ritesh Grandhi is bringing it to Blender! Sphered is a cool adventure ball game made entirely using Blender Game Engine by an indie company eLeventh Dimension(not really a company). Players need to control the sphere in the sci-fi arena and get it to the destination. But not without a challenge! The path […]


MOBILE

The Missing SDK For Hybrid App Development
Hybrid vs. native: The debate has gone on, and will go on, for ages. Each form of app development has its pros and cons, and an examination of the key differences between the two methods reveals that a flat correlation is like comparing apples to oranges. Many hybrid app developers understand that they’re not starting […]

GENERATIVE

p5art: So I finally gave that introductory creative coding…

So I finally gave that introductory creative coding workshop. For what it’s worth, here’s the PowerPoint presentation (190 MB! because of videos) I made to show people what creative coding is about. I tried to represent the whole spectrum (as far as I’m aware of it). Sorry for those of you doing really cool stuff that I forgot to include …… 

Smart Atoms (Spaxels) – Flying building blocks


Developed at the Ars Electronica Futurelab, Spaxels (a portmanteau word from space pixels) are LED-equipped quadcopters. They make up a drone swarm that can “draw” three-dimensional figures in midair.


Visual Sound Experiments – Transforming suburbia with light and sound



In the recent months Mark Wheeler has been working on a series of visual sound experiments by creating openFrameworks apps that you can ‘play’ visually, generating animations from MIDI data….



New Technology


Firefox Hello adds video chat to Mozilla’s browser
With its online chat feature, Mozilla works to break down the walls around services like Microsoft Skype and Google Hangouts.


Google Reveals ‘The Physical Web,’ A Project To Make Internet Of Things Interaction App-Less
Google’s Scott Jenson, an interaction and UX designer who left the company previously, only to return to the Chrome team last November, has revealed a project underway called The Physical Web at the company to provide “interaction on demand” so that people can walk up and use any smart devices without the need for intervening mobile apps. This would make it possible for users… Read More

Meet Matchstick, Mozilla’s $25 Chromecast alternative
Is the world big enough for another streaming Internet dongle? Mozilla and Matchstick sure hope so, as they announce the first Firefox OS device that’s not a smartphone.

How to create rapid prototypes of your 3D designs
The new MeshFusion plug-in for Modo has an intuitive tree view, which allows you to visualise all of the meshes in your MeshFusion object and their boolean interaction with each other. The rapid prototyping of designs is an area where MeshFusion excels.

Gravit – Open Source Design Tool to Express Yourself

Gravit is the cutting-edge design app that will take your creativity to new heights. Gravit offers the creative possibilities of a full-scale design suite – but in a snug app-sized package. Powerful yet easy-to-handle, Gravit has been custom designed from the ground up with an emphasis on versatility, fluidity and elegance – complex design tasks […]

Building Your First Swift App Video
So far the Swift blog has focused on advanced programming topics, including the design principles of the Swift language. We thought it would be helpful to provide content for programmers who are new to Swift and just trying Xcode for the first time. To make it more approachable for everyone, we put together a very short video that demonstrates how to build an iOS app in Swift from scratch, in less than ten minutes.

Building Apps In Swift With Storyboards
Nerval’s Lobster writes Apple touts the Swift programming language as easy to use, thanks in large part to features such as Interface Builder, a visual designer provided in Xcode that allows a developer to visually design storyboards. In theory, this simplifies the process of designing both screens and the connections between screens, as it needs no code and offers an easy-to-read visual map of an app’s navigation. But is Swift really so easy (or at least as easy as anything else in a developer’s workflow)? This new walkthrough of Interface Builder (via Dice) shows that it’s indeed simple to build an app with these custom tools… so long as the app itself is simple. Development novices who were hoping that Apple had created a way to build complex apps with a limited amount of actual coding might have to spend a bit more time learning the basics before embarking on the big project of their dreams.


OccultUs by Simon de Diesbach – Designing for alternate reality
Created by Simon de Diesbach at ECAL with the support from Alain Bellet, Gael Hugo, and Christophe Guignard, OccultUs is an installation that exploits the potential of the Oculus technology by immersing the user in a sensory experience that mixes two distinct realities and simulated.

HumHub – An Open Source Social Network Kit

HumHub is a free social network software and framework built to give you the tools to make teamwork easy and successful. It’s lightweight, powerful and comes with an user-friendly interface. With HumHub you can create your own customized social network, social intranet or huge social enterprise application that really fits your needs. HumHub is completely […]


Special Mention

Strongbad is back and he’s rapping about fisheye lenses


We knew that the gang at Homestar Runner was coming back, and now that they’re here it’s hard not to be a little excited. In their triumphant return, Coach Z and Strongbad (pictured above) take a kind-hearted jab at ’90s rap videos and their…