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 #134
SVG Circus * CSS Shapes * Bézier Game * Web Components * Code on Camera * Fitter Happier Text * For the Badge * Bootstrappers

Collective #133
HTML5 video player * Transparent JPG/PNG/SVG technique * Physijs Jenga * Shout IRC Client * Bézier Clock * SVG SMIL Animations * EnjoyHint * Unyson framework

Collective #132
uiGradients * Attribute Modules for CSS * Nice Portfolio * Instacam * React Components * CommonMark * Regular

Collective #131
Plain Pattern * Impulse * jQuery FocusPoint * A Single Div * Native responsive images * Gush * Swipe to Peep

Collective #130
Monocle List * Prebrowsing * Transactional email templates * Satellizer * Senna * Duo * Must-Watch CSS * sweep.js * The Stocks

Node Roundup: promise.io, copromise, Apper

Node Roundup: 0.10.31, One-Shot Budapest, Tenso

Node Roundup: DataCollection.js, supererror, Readability

Node Roundup: Tint, Redbird

Cylon.js – Robotics & Physical Computing with Node.js
Cylon.js is a JavaScript framework for robotics and physical computing built on top of Node.js. It provides a simple, but powerful way to create solutions that incorporate multiple, different hardware devices concurrently. Cylon uses the Gort Command Line Interface (CLI) so you can access important features right from the command line. You can scan, connect, […]

Retrieving requestAnimationFrame with JavaScript
The requestAnimationFrame function has been a major boost to developers creating and managing animations with JavaScript.  Paul Irish has an excellent introduction on requestAnimationFrame — I highly recommend you read it.  This HTML5Hub post is also very good.  Most browsers now support the animation function but in the case a browser doesn’t, you can shim a rough equivalent […]

Read the full article at: Retrieving requestAnimationFrame with JavaScript

FocusPoint.js – jQuery Plugin for Responsive Cropping
Websites don’t have a single layout any more. The space you have for an image may be portrait on a laptop, landscape on a tablet, and square on a mobile – particularly if you’re using a full-screen image. If you have to use the same image file in all these contexts, your subject might be […]


12 HTML5 tricks for mobile
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. If you learn at least three new tricks while reading this article, my goal will be accomplished. To test these tricks on your mobile device just open this test suite.

Building Interactive HTML5 Videos
The HTML5 <video> element makes embedding videos into your site as easy as embedding images. And since all major browsers support <video> since 2011, it’s also the most reliable way to get your moving pictures seen by people. A more recent addition to the HTML5 family is the <track> element. It’s a sub-element of <video>, […]

Image Comparison Slider with CSS3 and jQuery

Image Comparison Slider is a handy draggable slider to quickly compare 2 images, powered by CSS3 and jQuery. When you create a product page, there are some effective UX solutions that can be used to make the user ‘feel’ the product. A comparison image slider is one of those. If you look at the Sony […]


Build Dynamic Physics Interactions with Impulse jQuery

Impulse is a library for building dynamic physics based interactions, with a focus on mobile web. You can create animations that flow naturally from the user’s movements. Rather than animating properties for a set amount of time, impulse takes a start position, end position, and velocity. Impulse is small, weighing in at about 9k minified […]


Polymer – A New Type of Library for the Web
Web Components usher in a new era of web development based on encapsulated and interoperable custom elements that extend HTML itself. Built atop these new standards, Polymer makes it easier and faster to create anything from a button to a complete application across desktop, mobile, and beyond. Polymer brings an implementation of material design to […]

Google Introduces HTML 5.1 Tag To Chrome
darthcamaro (735685) writes “Forget about HTML5, that’s already passe — Google is already moving on to HTML5.1 support for the upcoming Chrome 38 release. Currently only a beta, one of the biggest things that web developers will notice is the use of the new “picture” tag which is a container for multiple image sizes/formats. Bottom line is it’s a new way to think about the “IMG” tag that has existed since the first HTML spec.”

PhoneGap Developer App preview for Firefox OS
The cross-platform team at Mozilla is always looking for ways to improve how developers build apps with open web standards. We consider Cordova and PhoneGap to be great tools to achieve that. We are excited to work on improving support for PhoneGap by getting the PhoneGap Developer App into Firefox OS. The PhoneGap Developer App […]

Webapplate – Maintainable web app template for Firefox OS and Chrome Apps
There are many powerful tools and technologies surrounding the Web, and we can reuse them to develop cross platform mobile and desktop apps, especially in light of installable apps appearing on platforms such as Firefox OS. This article looks at the best way to do this, and presents Webapplate, a powerful new template to help […]

Mozilla Launches Experimental Tool For Cross-Browser Debugging
When you are building Web apps — and especially when you are debugging them — all the subtle differences between the different browsers start coming into play. Testing on every single browser is a hassle and there are no good tools available that help you easily automate these tests, partly because the different browsers’ developer tools can’t talk to each other.… Read More

Testing Enterprise Applications with Selenium and HTML5 Robot
The need for browser-based test automation is hard to ignore. HTML5 Robot was created to ease the difficulty in using Selenium with HTML5 technologies. In this guest post, John describes how HTML5 Robot can be used as a Java framework for writing and managing test suites, or as a Java library that can be included in an existing project.

Simple ways to implement infinite scrolling on your website
Infinite scrolling embodies one of the ideal attributes of any good design: people can use it without thinking about it. Once you’ve encountered it a couple of times, you forget about it. I’d say that most of us have come to expect certain applications, or perhaps certain kinds of applications, to simply load more content […]

Responsive and Infinitely Scalable JS Animations
Back in late 2012 it was not easy to find open source projects using requestAnimationFrame() – this is the hook that allows Javascript code to synchronize with a web browser’s native paint loop. Animations using this method can run at 60 fps and deliver fantastic game-like content interactions if one is careful to follow the […]

Read the full article at: Responsive and Infinitely Scalable JS Animations

Introducing Blast.js
After releasing Velocity.js, a highly performant web animation engine, I wanted to leverage that power for typographic manipulation. The question soon arose, How could I animate one letter, one word, or one sentence at a time without bloating my HTML with wrapper elements? If I could figure this out, I could create beautiful typographic animation […]

Bubble.js: A 1.6K Solution to a Common Problem

Unleashing the Power of Magento Newsletters

Using AJAX In WordPress
In the following tutorial we are going to learn how you can use AJAX in WordPress to run your own functions. The way this works in WordPress is by allowing…

Add a Beautiful Table of Contents to Your WordPress Posts

The Fundamentals of Building a WordPress Server Dashboard

Understanding and Working with User Data in WordPress
3 post editing alternatives to perfect your WordPress workflow
The most important parts of WordPress are the post and page editing screens. I mean, that’s where the magic happens, right? A lot of people do their writing there. It’s where the formatting happens. It’s where the content is produced, tweaked, edited, and occasionally screwed up beyond belief. For all that it’s the most important […]

WebGL / openGL

WebGL around the net, 2 September 2014
Awesome rendering and visual effects top this week’s WebGL developments. New York-based digital agency Floored is blowing minds (mine anyway) with this unbelievable sketch-style rendering of interior spaces in WebGL. INCREDIBLE! Make sure to Click to Explore. Toolmaker Blend4Web has released version 1.04 of their software, along with a gorgeous demo called Azure Grotto. Gush, a Chrome Experiment by […]

WebGL around the net, 14 August 2014
Worried about tools for building great WebGL? Don’t! Unity has announced that the upcoming WebGL support in their awesome developer tools will be available for free to all users. This is HUGE for independent game developers looking to target the web. WebGL publishing tool maker Verold announced that they have secured a 1.6M funding round and strategic […]

Trust Music – WebGL
I have been working on Trust Music this weekend, everything on the web, some sprites and sounds, but I did everything on a browser through a browser 🙂 First time using GooCreate to make a game. I had been trying it out for a while now. I have used their engine the most though, not their editor, but you basically you […]

30 amazing examples of WebGL in action

Get started with Pixi.js
Pixi.js is a 2D renderer. In a world gone mad on 3D we’re going all flat, but not because we’re anti-3D; we love those little triangles! The aim of this project is to provide a fast, lightweight 2D library that works across all devices, both mobile and desktop.


Learn How to Break Into Creative Coding
Creative coding is always believed to be fun doing but is equally difficult to initiate. If you have a look on a website with very complex CSS transitions or some of the very unusual WebGL it is surely a work done by a coder Jedi which has the potential to work out with such brilliance of engineering.

HAXE / ACTIONSCRIPT / AIR

Jeremy Sachs ages ago released to GitHub Golems, “a macro-backed system for compiling and embedding workers into larger builds”, which works on Flash, JavaScript, Neko and C++ compile targets….

Haxe Roundup № 217 | Haxe.io
There are two upcoming events, Gamedev101 Level1 by Dan Hett which is an introduction to the fundamentals of videos game using Stencyl and FOSDEM 2015 which Elliott Stoneham has taken upon himself to[…]

I have published two articles this week, the first being The Haxe Ludum Dare 30 Roundup which features over 85 games using Haxe, Kha, Flambe, OpenFL, HaxePunk, HaxeFlixel and Stencyl. The OpenFL[…]

This is the second dedicated Ludum Dare roundup for Haxe. Ludum Dare 30 took place between August 22nd and 25th and the chosen theme was Connected Worlds[….]

Nicolas will be talking about Haxe at GameDuell on Wednesday 10th September in Berlin, so if you’re able to attend, you need to register your interest in going. Also head over to the Haxe mailing…

Haxe Roundup № 214 | Haxe.io
There are two upcoming events, the first is the Haxe Meetup in London next Wednesday hosted by Massive Interactive. Remember to register your interest in attending. The second event is at FOSDEM on…

Flare3D AGAL2 Online Demo & Source code A few days ago we…

Flare3D AGAL2 Online Demo & Source code

Voxel Demo Made with a Modified version of the…

Voxel Demo

Airport Award Adventure An interactive game installation played…

Sparticle File Format (AWP). One of the best particle format…

Sparticle File Format (AWP). One of the best particle format for Flash now with importer for SEA3D Studio.

A short demo on how Flash + Away3D can be used to make a 3D generative art app using social data and mixing that to a brand like Absolut on this case. I used Lightwave 3D as usual, Away Builder, Flash CC and Away 3D 4.1. Live demo can be seen here.


Game Engine / Blender3D / Unity

Blendermada – Blender Material Database
A new Blender materials library is now available, and it includes an add-on (alpha version still) for easy access. Pretty cool! Sergey Ozerov writes: I’m happy to present you my project Blendermada – http://blendermada.com. Goals of this project are to make a good online materials database for most popular render engines for Blender and to […]

Add-on: Tile Based Procedural Landscape/Cityscape Generator
Atom created an add-on to easily create landscapes using eRacoon’s Landscape Assets collection. This download contains a BLEND file and an AddOn written for Blender 2.7.1. The BLEND file contains the mesh based tile objects setup for use with the AddOn. These tiles were created by eRacoon and are also offered for download on Blendswap […]

NOX Renderer is now open source
The NOX physically based renderer has been released under an Apache license. After years of development we decided to give NOX for the community. NOX physically based renderer, fully integrated with Blender and 3ds Max (and with C4D support) is now Open Source. We release it on Apache license – free to commercial use and modifications. […]

Layered Painting in Blender 2.72
CG Masters demonstrates the new ‘layered painting’ features that will become available in 2.72. Aidy Burrows writes: One of the most underrated parts of Blender has undergone a huge improvement! Helping to demonstrate this improvement we have a great new tutorial on how to 3D paint a simple toon style cactus prop. Simple? Now I […]

7 Blender Features All Beginners Need to Know
Regus Ttef lists a number of somewhat hard to find featured in Blender that he found very helpful. Regus Ttef writes: Over the last year using Blender I’ve found some really useful shortcuts and features. so I though I would compile a short list of some of the most useful ones that I use almost […]


More Open-Source Initiatives from Unity
Our community is full of users who rely on Unity — whether it be for work, for play, or both. Knowing that, we’ve been thinking about new ways we can engage our community and provide a better user experience. One of the initiatives we’ve decided on is to start sharing the source for selected components […] 

Documentation, Unity scripting languages and you
Everybody has their favorite scripting language, and the use of different languages evolves over time. Historically, we have supported three languages: C#, UnityScript (also known as JavaScript for Unity) and Boo. Of course, we aim to concentrate our support on the languages you want to use. Currently, according to our editor analytics statistics, the percentage […]

MOBILE

Weekly Mobile News Roundup – 29 August 2014
Once again the week is coming to an end and that means it’s time for a roundup of the past weeks news! Samsung and LG launch new watches while Apple waits – South Korean tech firms LG and Samsung have announced more smartwatches, ahead of a widely anticipated entry to the sector from Apple. Here’s Why […]

Weekly Mobile News Roundup – 22 August 2014
Once again the week is coming to an end and that means it’s time for a roundup of the past weeks news! Apple updates Pages, Numbers, Keynote, and iMovie to improve iCloud compatibility – Apple just updated several of its applications for both iOS and OS X with the usual “stability improvements and bug fixes”, but […]

Apple reveals the the most common reasons that it rejects apps
Apple is such an opaque company that even app developers can be left, out in the cold, wondering why their app was rejected from the app store. Thankfully, the company does have some sympathy for those dejected coders, which is why it’s published a[…]


Windows Phone 8: Platform Overview

Adding Blur Effects on iOS

Patterns Playground
In Swift, a pattern is a way to describe and match a set of values based on certain rules, such as: All tuples whose first value is 0 All numbers in the range 1…5 All class instances of a certain type The learning playground linked below includes embedded documentation and experiments for you to perform. Download it for an interactive experience that will give you a jump start into using patterns in your own apps. This playground requires the latest beta version of Xcode 6 on OS X Mavericks or OS X Yosemite beta.

Swift Has Reached 1.0
On June 2, 2014 at WWDC, the Swift team finally showed you what we had been working on for years. That was a big day with lots of excitement, for us and for developers around the world. Today, we’ve reached the second giant milestone: Swift version 1.0 is now GM. You can now submit your apps that use Swift to the App Store. Whether your app uses Swift for a small feature or a complete application, now is the time to share your app with the world. It’s your turn to excite everyone with your new creations. Swift for OS X Today is the GM date for Swift on iOS. We have one more GM date to go for Mac. Swift for OS X currently requires the SDK for OS X Yosemite, and when Yosemite ships later this fall, Swift will also be GM on the Mac. In the meantime, you can keep developing your Mac apps with Swift by downloading the beta of Xcode 6.1 . The Road Ahead You’ll notice we’re using the word “GM”, not “final”. That’s because Swift will continue to advance with new features, improved performance, and refined syntax. In fact, you can expect a few improvements to come in Xcode 6.1 in time for the Yosemite launch. Because your apps today embed a version of the Swift GM runtime, they will continue to run well into the future.

Access Control and protected
The response to support for access control in Swift has been extremely positive. However, some developers have been asking, “Why doesn’t Swift have something like protected ?” Many other programming languages have an access control option that restricts certain methods from being accessed from anywhere except subclasses. When designing access control levels in Swift, we considered two main use cases: keep private details of a class hidden from the rest of the app keep internal details of a framework hidden from the client app These correspond to private and internal levels of access, respectively. In contrast, protected conflates access with inheritance, adding an entirely new control axis to reason about. It doesn’t actually offer any real protection, since a subclass can always expose “protected” API through a new public method or property. It doesn’t offer additional optimization opportunities either, since new overrides can come from anywhere. And it’s unnecessarily restrictive — it allows subclasses, but not any of the subclass’s helpers, to access something. As some developers have pointed out, Apple frameworks do occasionally separate parts of API intended for use by subclasses. Wouldn’t protected be helpful here? Upon inspection, these methods generally fall into one of two groups. First, methods that aren’t really useful outside the subclass, so protection isn’t critical (and recall the helper case above). Second, methods that are designed to be overridden but not called. An example is drawRect(_:) , which is certainly used within the UIKit codebase but is not to be called outside UIKit. It’s also not clear how protected should interact with extensions. Does an extension to a class have access to that class’s protected members? Does an extension to a subclass have access to the superclass’s protected members? Does it make a difference if the extension is declared in the same module as the class? There was one other influence that led us to the current design: existing practices of Objective-C developers both inside and outside of Apple. Objective-C methods and properties are generally declared in a public header (.h) file, but can also be added in class extensions within the implementation (.m) file. When parts of a public class are intended for use elsewhere within the framework but not outside, developers create a second header file with the class’s “internal” bits. These three levels of access correspond to public , private , and internal in Swift. Swift provides access control along a single, easy-to-understand axis, unrelated to inheritance. We believe this model is simpler, and provides access control the way it is most often needed: to isolate implementation details to within a class or within a framework. It may be different from what you’ve used before, but we encourage you to try it out.

Apple Shows Love for HTML5 with iOS 8
We’ve only had the iOS 8 GA bytes for a few days, but we wanted to do as quick and complete a write-up as we could to give the global web developer community an in-depth look at Apple’s latest release. We’ve run our battery of benchmarks and tests, and we’re excited to share what we’ve uncovered.

GENERATIVE

sokumura: The Art of Creative Coding | Off Book | PBS Digital…

The Non-Linear Code of Dextro – Observation in Nature

The following is a collection of new generative pieces created by Walter Gorgosilits aka dextro from Austria, one of the pioneers of generative Macromedia Director programming.

A simpler way to create JavaScript
Processing is a brilliant programming language aimed at more at artists and designers than at coders. Designed to help non-programmers get started with programming, makes it easy for get instant visual results from your code. It’s possible to run Processing programs in a browser using Processing.js, but now there’s an alternative in the form of p5.js.

DIY

LittleBits’ BitLab wants to be the app store of hardware components

Thinking about building something out of LittleBits’ library of interconnecting circuit boards? Until today, your creativity has been artificially limited — LittleBits uses a proprietary magnetic connector for each of its snap-on components, without…

New Technology

VR Gives Game Developers A Chance To Take Streaming Time From Twitch
The emergence of virtual reality over the next few years offers game developers an opening to take some of that streaming time back from Twitch by providing game spectators a far more immersive view of games than is available today. Read More

Oculus Rift turns rollercoaster ride into a virtual shooter

Some researchers study carbon nanotubes — and then there are these guys. Thomas Wagner and his students from Kaiserslautern University in Germany took an Oculus Rift headset onto a real rollercoaster to transform it into an virtual experience….

How to design for the ‘internet of things’
In 2013, the Internet of Things was everywhere: more startups, services and platforms launching and coming out of beta. Last month, CES was awash with connected-this and smart-that and while much of this is in the early-adopter stage, what’s remarkable is that the price and size are making possible futuristic products which were unimaginable a few years ago.