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

10 tips for a killer design portfolio
As a creative professional you live and die by the quality of your design portfolio; it sums you and your work up and is the first port of call for anyone looking to hire or commission you. It needs to show the breadth of your output, your skills and experience, how you generate and execute ideas, basically your whole creative process…

Collective #119
webcompat.com * Guide to Wireframing * <picture> * Sigmund Freud Typeface * Swift Cheat Sheet * beeplay.js * JSNice

Collective #118
CSS Blend Modes * Custom Gestures * Cody * HTML5 Forms * Animating SVGs * Spell Up * Git Guide * Experiment

Collective #117
808 Cube * Mobile And Accessibility * ShortcutMapper * Object.observe() * oozled * The Illusion of Motion * Web Design Field Manual

Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw
To prepare for a talk about the changing roles of designers and developers, given at HOW Interactive a few months back, I interviewed 20+ web shops. Validated by my own experience, I found that many of them faced challenges fitting responsive design into their workflow, and the role of most web designers had changed to include coding in some form or another. At least half of the designers knew HTML and CSS well but wanted a more visual way to get at it….

Inspiration for Article Intro Effects
Some inspiration for effects applied to title headers of articles with a fullscreen image. The idea is to show some creative transition when continuing to the article body.

Node.js + Pianobar

Node Roundup: mongo-select, asynctrace

Node Roundup: webpack, Mitm.js, musicmetadata

Automated Workflow for Front-end Developers

A Detailed Introduction To Node.js And MongoDB
Node.js is a rapidly growing technology that has been overtaking the world of server-side programming with surprising speed. MongoDB is a technology that’s revolutionizing database usage. Together, the two tools are a potent combination, thanks to the fact that they both employ JavaScript and JSON

JSCapture: Screen Capture Library with JS and HTML5
Hammer.js: touch-action fix
App.js – JavaScript UI Library for Mobile Web Apps

Shaving Bytes with JavaScript Booleans
Developers are always search for ultimate way to create something with the least amount of code.  This, of course, is one of the reasons we use minifiers: to serve code as small as possible.  Of course this practice has numerous benefits, like faster download time, less storage consumption, etc.  One way that minifiers are able to […]

How to Do Parallax Properly with Great Performance
Parallax has become, for better or worse, an increasingly popular web trend. The problem is, a vast majority of sites using parallax suffer from terrible scroll performance. It’s especially bad on devices with high pixel density like retina MacBook Pro’s. Dave Gamache has published an article: Parallax Done Right. He played quite a bit with […]
Best Tools and Plugins for Creating Parallax Websites

Advanced Techniques for Professional CSS Development
Once you learn the basics of web development it’s common to either move into backend languages or push further into more detailed concepts. CSS alone is such an expansive subject which now includes a handful of fun CSS3 properties. Advanced development includes complicated topics that you often need to go out of your way to […]

A Collection of CSS Loaders / Loading Spinners

CSS Shapes 101
Rectangles inside other rectangles: this is what our webpages have always been made of.

Tutorials for Creating 3D Effects in CSS3 and JavaScript
It seems as though 3D is quickly becoming the new 2D in digital design. This pattern has moved from the big screen onto smaller screens for the web. With a growing number of CSS/JS libraries for animation it has become easier to render objects right within the browser. These tutorials should provide an excellent introduction […]

Sharing Polymer Components: Part 1

MotorCortex.js Makes Web Animations Easy

WebGL / openGL

webgl confirmed in ios 8

WebGL around the net, 27 May 2014
This week in WebGL: Tetris, quantum computing, and… Assassin’s Creed!

Quantum Computing Playground
Quantum Computing Playground is a browser-based WebGL Chrome Experiment. It features a GPU-accelerated quantum computer with a simple IDE interface, and its own scripting language with debugging and 3D quantum state visualization features. Quantum Computing Playground can efficiently simulate quantum registers up to 22 qubits, run Grover’s and Shor’s algorithms, and has a variety of quantum gates built into the scripting language itself.

Blend4Web Demo Reel 2014

A couple of online WebGL scene editors
www.goocreate.com
www.clara.io
www.playcanvas.com
www.verold.com
www.3dtin.com
http://ift.tt/YvNqpo

Assassins Creed – BabylonJS promotion
Today, we’re excited to announce a new partnership with Ubisoft to launch the first ever Assassin’s Creed title on the modern web with HTML5, 3D WebGL graphics, and JavaScript. The Assassin’s Creed Pirates web-based experience is available today for free play in five languages worldwide. New gameplay based on the popular iOS Assassin’s Creed Pirates game allows you to step into the shoes of Alonzo Batilla, a young captain, racing his ship through the Caribbean seas, evading mines and other hurdles, amidst searching for treasure…

Elm 0.12.3 – WebGL
Elm now supports 3D rendering with WebGL! Huge thank you to John P. Mayer for designing and implementing such a simple API for this. It has been really fun to work with so far and we are excited to see what people can do with it!

Elm 0.12.3 : WebGL support in a Functional Reactive compile-to-js language : webdev [x-post from r/webdev] : webgl
WebGL (Web Graphics Library): a JavaScript API for rendering interactive 3D graphics in compatible browsers without the use of plug-ins. WebGL programs consist of code written in JavaScript and shader code executed on a computer’s Graphics Processing Unit (GPU).
Google’s new Chrome experiment lets you remix the Rubik’s Cube

Sure, you could spend a while trying to solve the Rubik’s Cube in Google’s new Doodle, but that may get a little dry. Google was clearly prepared for that eventuality, though: it has just launched the Cube Lab, a Chrome experiment that lets you build…

WebGL pointcloud renderer
The rewrite is now in the master branch. Get the source code at github. The previous stable release is still available in the archive_latest_before_threejs branch. Documentation is outdated and has been removed. Take a look at the examples to see how potree is used….

WebGL demos and experiments that are amazing
Web designers and developers will appreciate how easy it is to work with this kind of technology once they learn a thing or to about it. In this article you will see WebGL demos and experiments and even though they may seem rudimentary, consider that they are rendered in a browser, which is kind of a big deal.

(Shader Library) Bumpy Sphere Env Normal Mapping
Here is a new entry in the GLSL Shader Library: a bump sphere environment normal mapping shader. A demo for GLSL Hacker is available in the moon3d/gl-320-bumpy-sphere-normal-mapping/ folder of the…

HAXE / ACTIONSCRIPT / AIR

Haxe Roundup № 202
Haxe Roundup № 201

#wwx2014 Bruno Garcia is …
#wwx2014 Tinkerbell : Haxe …
Lwjgl/Slick2D,Canvas,Webkit,IvanK/WebGL,Swing/Awt I couldn’t make it to WWX…
Development workflow with Cocktail and NME

Wwx2014 Talk – Hxcpp magic
Just got back from the haxe conference, wwx2014, after having a great time. Plenty of fantastic people to talk to. The talk consists of some slides, with a demo at the end. To run the demo, you need to run … Continue reading

Juraj Kirchheim’s Haxe WWX 2014 Speaker Interview
I love playing music, having a good argument, writing decent code, spending time with all kinds of people. I hate writing self-descriptions. Far too many places. The world is full of blue prints for…

Justin Donaldson’s Haxe WWX 2014 Speaker Interview:
I’m constantly learning: programming languages, data science, machine learning, music. You see that sailing pic? I have no idea what I’m doing there. But, I haven’t drowned yet, or wrecked the boat…. @omgjjd is on stage speaking …
Dropbox – promhx.pdf

Elliott Stoneham’s Haxe WWX 2014 Speaker Interview:
At the moment I’m a full-time Go developer and part-time Haxe enthusiast. But a year ago my life was entirely different. I was a retired business executive, who hadn’t programmed for ten years. The…

Flambe
Flambe API was designed with capabilities of HTML5 in mind.

WWX 2014 follow up – thoughts on haxe

clemos/haxe-js-kit · GitHub
Basically, the NPM packages that correspond to the libraries used by your project will be automatically required at compile-time. Note that the macro will parse the package file, add dependencies to it, and then rewrite the whole json file…

Away3D goodies round-up: Away3D weapons to achieve…

Starling 1.5 released! Automatic Profile Selection Automatic…

Adobe AIR cross-platform inspiration: UTme!  Web app + iOS +…

Scanner ANE for iOS & Android The Scanner ANE has been…

Adobe AIR games on mobile round-up: Silly Family Cards and..
Adobe AIR games on mobile round-up: PixelMogul Shopping Mall…

Wonderfl inspiration round-up: MINIMAL Laser Drawing Force…

Adobe AIR Native Extensions Round-up: SessionM AIR Native…

Flash Stage3D games visual editor

Flash Daily User Submissions: Introducing the AS3 Karaoke…
Flare3D / ‎AGAL2 experiments from Nak-Studio Flash Player 14…

Unity3D / Blender3D / Engines

On the future of Web publishing in Unity


A few weeks ago at GDC, we announced support for WebGL publishing for Unity 5. Now I’d like to share some more information on what this is all about, and what you can expect from it.

Overview of the New UI System
The UI Team here at Unity has been hard at work getting the new UI system ready for release in Unity 4.6. While there’s still more work left to be done, we’ve been showing it off at recent conferences and we have hundreds of beta users working with it already. Now we’re ready to share […]

The future of scripting in Unity
Recently we talked about Unity and WebGL. In that post we briefly spoke about how scripting works in WebGL, using new technology called “IL2CPP”. However, IL2CPP represents a lot more than just a scripting solution for WebGL; it’s our own high performance .NET Runtime, to be rolled out on more platforms. But before we delve […]

Deep Dome postmortem

Early in the jam I had a bunch of different ideas. This is pretty normal. I liked the theme, so much so that it almost gave me too many options for achievable small games I would have enjoyed making.

[blog][ue4] create fps game from scratch
Hello there!
I’ve started blog in which I will be showing how to create sci-fi first person shooter game using Unreal Engine 4 from start to ship. You don’t need programming or art skills to create such game and I would like to describe how it can be done.

Blog can be found here: http://ift.tt/1m7qnx0
And two screens from one day working on the game – the game is for MOBILE as you can see;

Blender Game Engine Demo: Stars
Blenderrendersky has posted a demo level of his project ‘Stars’ with some interesting concepts. I’ve done a small Demo for my upcoming Blender Game. It features a small Level where…

Epic’s Unreal Engine 4 ‘Flappy Bird’ homage ‘Tappy Chicken’ now available for free

Epic Games can crow all it wants about how easy its next-gen development toolset is to use, but until we actually see results, those words are pretty hollow. That changes today with the release of Tappy Chicken, the first Unreal Engine 4 game…

MOBILE

The Coolest iOS 8 Features Apple Didn’t Talk About Today

Apple Launches Swift, A New Programming Language For Writing iOS And OS X Apps
At its WWDC developer event today, Apple surprised all of the developers in the audience by launching a new programming language called Swift. This new language seems to be poised to replace Objective-C as the main programming language on Apple’s platforms. Swift will use the same LLVM compiler and runtime as Apple’s Objective-C implementation, so Swift and Objective-C code can… Read More

Swift is Here
Well today Apple announced their new programming language called Swift. This is very similar in syntax to what the next version of JavaScript will look like. I’m pretty excited about it even though I spent all that time learning Objective-C. I’m planning on blogging and creating some tutorials on the new language and I even procured swiftvideotutorials.com for any video tutorials I end up doing.

Neat Effects, No Code Required
Bounce, swivel, spin. Today’s interface design is all about making things move. But the tools we use to create those interactions haven’t kept pace with our smart, intuitive enough for a 3-year-old devices.

Origami – A Free Design Prototype Toolkit for Quartz

CocoaPods
Civilization is built on infrastructure: roads, bridges, canals, sewers, pipes, wires, fiber. When well thought-out and implemented, infrastructure is a multiplying force that drives growth and development. But when such formative structures are absent or ad hoc, it feels as if progress is made in spite of the situation….

30 Amazing iOS 7 UI Kits – Part Two
When iOS7 was first released there was a lot of arguing about the new flatter design, while most people loved it there were just as many who hated it and swore they would never upgrade to iOS7. The design changes were made by Jony Ive who by many is regarded as a design genius. In […]

AppGyver Launches Composer, A Drag-And-Drop Tool For Building HTML5 Apps

Weekly Mobile News Roundup – 6 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! ​Everything Apple Tried to Kill Today at WWDC – Today at WWDC, Apple announced a huge batch of products aimed straight at the heart existing companies and apps. Here are just a few of the […]

Weekly Mobile News Roundup – 23 May 2014
 Once again the week is coming to an end and that means it’s time for a roundup of the past weeks news! Scanbot goes free for 24 hours – Our favorite iPhone scanner app, Scanbot, can now be downloaded free of charge for a limited time. The PDF creator and annotator is optimized for the […]

New Technologies

The 8 best free photo editors

Leap Motion’s latest motion tracking tech can see your joints

California will soon issue licenses for driverless cars

Chrome 35 Launches With New APIs and JavaScript Features
An anonymous reader writes “Google today released Chrome version 35 for Windows, Mac, Linux, and Android. The new version is mainly for developers, especially those building Web content and apps for mobile devices – this release doesn’t appear to have any new features targeted at the end user. “

Working With Templates in Symfony 2

DESIGN AND VENTURE .ORG

Geoff Dowd has in his right hand a new input device that is likely to bring back a lot of love for Adobe again. It’s a pressure-sensitive stylus designed for precision input that is paired with a new kind of device that is like a meta-ruler. You can read a bit about this direction here.

Normandy landings recreated in Oculus Rift D-Day simulation

3D virtual reality headsets like the Oculus Rift are often lauded as the next big thing in entertainment, but they’re also helping to change the way we learn.

id Software’s Original ‘Softdisk’ Games Open Sourced
An anonymous reader writes “The original games developed by John Carmack, John Romero, and Adrian Carmack at Softdisk, where the legendary programmers originally met and went on to start id Software, have been open-sourced under the GPLv2. The games are now owned by Flat Rock Software and the open-source titles available are Catacomb, The Catacomb, Catacomb 3D, Catacomb Abyss, and Hovertank3D. The oldest of these games are written in Borland Turbo Pascal while the others are in Borland C++. The source-code can be downloaded from GitHub.”

Generative

Creating Impressionistic Art with Processing

Brian Eno and Karl Hyde: How many shapes can dance on a record?
Brian Eno and Karl Hyde have launched an interactive augmented-reality app to accompany their new record, “Someday World”.

Beginners Guide To Projection Mapping
This video will show you how the basics of projection mapping and how to do it on the cheap! Acquiring the PartsHere’s what you will need: Projectors: Amazon – http://goo.gl/q3XN2S Build One from Recycled Parts – http://ift.tt/McgCCq Build One for $5 worth of parts – http://ift.tt/1vXCMKZ TOTAL COST: ~$60.00 or less Installing and Configuring VPT7 […]