User Experience Engineering and Front End Development

News Feeds

Intent to deprecate and remove: JavaScript

Blink has been a frequent source of innovation ever since it forked and a bold proposal on the Blink list today is no exception. We’re all about deprecation and removal around here, so Konstantin Nikitin’s idea created quite a buzz at Ajaxian HQ. Removing JavaScript will lead to significant performance improvements: ? A lot of Read the rest...

Scaling up CSS

CSS has a habit of creeping up on you. If you’re not careful, your humble stylesheet can go from a few flourishes to a giant maintenance tangle. Before you can say “12-deep nested div”, your in a world of duplication and complexity that prevents you from making timely user-interface updates. [Medium’s]( one organisation that’s been Read the rest...

Mobile Proxies: A New Era Dawns

This week, Chrome For Android M26 was announced. It has the literally-awesome ability to record video via `getUserMedia()`, but enough about making Skype irrelevant. What’s even more interesting is the new data compression feature. Which, to be clear, is experimental, has to be switched on, doesn’t apply to secure (SSL) sites, and it’s only running Read the rest...

Here comes Traversty traversing the DOM

The Traversty DOM utility has as its purpose to allow you to traverse the DOM and manage collections of DOM elements. Proponents admit core Traversty traversal methods are inspired by Prototype?s DOM Traversal toolkit, but now in a multi-element environment that is more like jQuery and less like Prototype?s single element implementation.

Fat Fractal enters the BaaS fray

What has sometimes been described as mobile middleware has taken a new tack. Now, the idea of Backend as a Service (BaaS) has begun to take off in the mobile application development space. Proponents of BaaS say it helps developers easily build mobile apps, or any other applications connected to a cloud backend. Some of Read the rest...

Windows 8 HTML5 WinRT RSS reader app

WinJS is a JavaScript framework for Windows 8, and David Rousset uses it here to create a quick RSS reader. He shows how in a tutorial series. This first article shows the way to build a welcome screen that employs WinJS ListView control. Blend and CSS3 are employed. The second tutorial shows work on the Read the rest...

Hello, BinaryJS

The BinaryJS framework employs websockets to handle binary data bidirectionally between browser-side javascript and server-side Node.js. Ikt supports a BinaryPack serialization format that is JSON-type compatible. It is said to automatically chunk large binary data buffers for streaming performance. BinaryJS currently supports Chrome 15+ and Firefox 11+, IE10. View the Hello World example.

Upcoming: Google IO

At Google IO June 27-29 the Android platform will be on display. Direct from a recent slamdown legal court grudge win against Java steward Oracle, the Android crew will be able to tell you  about what is new and what is upcoming in Android, how you can monetize Google apps, multiversioning and more. Much will Read the rest...

Vert.x ramblings: Asynchronous network, your time has come

With the debut of Vert.x, the asynchronous framework is reaching an inflection point, suggests Andrew Cholakian. With Vert.x, the software is packaged together in such a way as to be extremely practical, he states. For some JVM zealots, Vert.x may meet needs recently and apparently addressed by node.js. Vert.x is an asynchronous application server – Read the rest...

Rails cache sweeper redux

Michael Mahemoff writes: To be effective, Rails cache sweepers need to be more fully understood.  They know no standard, so you must employ art. He goes on: Sweepers observe both your models and your controllers, but most workarounds focus on their controller nature.  Importantly: the sweeper must be explicitly added as an observer. Even more Read the rest...

Node.js ? The objective is absolutely fast I/O

Node.js employs an event-driven architecture and a non-blocking I/O model, and it provides some blindingly fast performance to some types of data-intensive Web apps. It is about JavaScript on the server side. LinkedIn, Yahoo and eBay are among ardent Node.js users, and none other than Microsoft has discussed end-to-end JavaScript coverage on its Azure cloud. Read the rest...

Winding road of open-source webOS

HP continues to divulge bits and pieces of a road map for the ill-starred and nearly-orphaned webOS. The company has followed up its December plan to release webOS mobile platform and development tools with a proposed timeline, with a full release set before year?s end.  Some people see a life for the associated Enyo JavaScript Read the rest...

Shim uses node.js to test sites on multiple browsers

Shim was developed within the Boston Globe’s media lab as a way to study how Web sites look on various devices and browsers. A laptop intercepts all wifi traffic ? this is redirected to a custom node.js server – which inserts a javascript, or “shim,” at the head of each web page that is visited. Read the rest...

HipHop Virtual Machine for PHP

Facebook Software Engineer and HipHop for PHP team member Jason Evans provides details on Facebook’s move to a new high-performance PHP virtual machine. Described by Evans is ”a new PHP execution engine based on the HipHop language runtime that we call the HipHop Virtual Machine (hhvm).” He sees it as replacement for the HipHop PHP Read the rest...

Adobe to forgo Flash plug-in for mobile devices

Earlier this week, Adobe VP and General Manager Danny Winokur disclosed that the company has concluded that HTML5 is ”the best solution for creating and deploying content in the browser across mobile platforms.” The company said it would stop building Flash to run on mobile browsers. In a blog post on the new focus of Read the rest...

Intel?s Parallel Extensions for JavaScript

Intel’s Parallel Extensions for JavaScript, code named River Trail, hooks into on-chip vector extensions to improve performance of Web applications. Details of Intel’s attempt to get on the JavaScript juggernaut emerged last month at its developer event. The prototype JavaScript extension offered by Intel is intended to allow JavaScript apps to take advantage of modern parallel Read the rest...

Adobe buys Nitobi

As it kicked off its yearly developer event, Adobe announced that it had acquired Nitobi Software, maker of PhoneGap open source software for cross-platform mobile application building with HTML5 and JavaScript. In a blog, Nitobi CEO Andre Charland pledged to pursue donation of the PhoneGap code to the Apache Software Foundation ”to ensure open stewardship Read the rest...

A simple random bit on var selector

Isobar’s Rob Larsen suggests that there is often a need to build CSS selectors dynamically when building applications. ”This is typically some existing pattern paired with a loop counter or something pulled from a data attribute,” he writes on his blog. His choice is to create a variable called ”selector” and ”to craft the selector Read the rest...

The power of intent tag discussed

Google developer advocate Paul Kinlan has detailed his recent work on a lightweight sharing facility using a very simple intent share protocol. Web Intents began life in 2010. Now, Kinlan and company are looking for feedback. Basically, his intent tag is intended to allow users to more easily mix and match favorite plug-in capabilities, freeing Read the rest...

Code injection, error throwing

In a blog, Opera Software Developer Relations team member Tiffany B. Brown looks at code injection, error throwing and handling and mobile debugging. She notes Opera Dragonfly and its remote debug features provide a way to debug mobile sites from their desktop. Brown mentions WebKit’s recently added remote debugging capabilities, folded into Google Chrome developer Read the rest...

Content courtesy of: ajaxian

Occupy Portland Photos

Making music from machines ? Hacking for the sake of music.

It never ceases to amaze me the ways that people will find to make music. Who would ever think that an old floppy drive could be used to make music? What about a scanner? Or a dot matrix printer? Amazing, and cool.

Javascript fun.

Figure it out… (![]+[])[+!+[]]+(![]+[])[!+[]+!+[]]+([![]]+[][[]])[+!+[]+[+[]]]+(!+[]+[])[+!+[]+!+[]+!+[]]+([![]]+[][[]])[+!+[]+[+[+!+[]]]]+[+!+[]]+[+![]]+((([+!+[]])

If Kids Were Computers and Parenting By Code

I started thinking tonight, how I wish kids were more like computers. I’d totally write a “take a bath, brush your teeth and go to bed” function. What’s even better, is I’d only have to tell it to run once! It would be a whole lot easier to parent by code. Certainly more efficient and [...]

iTunes + iPhone = Pure suck

I’ve had it with iTunes, and about had it with my iPhone. There’s many reasons why, but here’s an example. I wanted to transfer a 30 second song to my phone. 30 seconds, 432K. Should be as simple as drag and drop. Few seconds worth of time. But here it is two hours later, and [...]

Force Apple Mail to display plain text by default

Testing multipart emails can be a pain when you can’t choose whether you want to see the plain text vs the html version of the email. If you use Apple’s mail client however, you can set a preference on which version you’d like to see by default. Just open up a terminal window and enter [...]

Running PHP cron jobs on a MediaTemple DV server

Recently I was attempting to create some cron jobs to run PHP scripts on a DV server or at MediaTemple, with PHP installed as an Apache module (rather than CGI). I was able to execute the php file, however all of my include and require statements were totally failing. My first idea was to set [...]

Best gift ever

What’s better than a monkey taking a grumpy? A monkey taking a grumpy while reading a book and banging his head to heavy metal. This fantastic little gem is solar powered too. This is way better than a lame-ass bobble head. I just received this gift from a friend upon his return from a trip [...]

Spilling Coffee on your MacBook Pro

I did it. After hearing all the horror stories and thinking it would never be me, I managed to dump a very full cup of coffee on my 17″ MacBook Pro. While attempting to squeeze in a few minutes of work this morning before I left for the office, I accidentally bumped my coffee cup. [...]

The best tractor fight scene evar.

I think that if you looked up the word awesome in the dictionary, it would reference this video.

Content courtesy of: /dev/null

Exploring ES2016 Decorators

Iterators, generators and array comprehensions; The similarities between JavaScript and Python continue to increase over time and I for one could not be more excited. Today we?re going to talk about the next Pythonic proposal for ES2016 (aka ES7)???Decorators, by … Continue reading

Auto-formatting JavaScript code style with JSCS

In my write-up on, I look at the powerful new auto-formatting feature in JSCS for automatically applying style guide rules in scripts. This has been in-development for some time and is in my view, a game changer for keeping … Continue reading

Chrome DevTools: State Of The Union 2015

As the complexity of the web apps you build keeps moving, so do the Chrome DevTools. In DevTools State of the Union, I walk through the latest updates on your favourite debugging companion; exploring new features like paint profiling, animation … Continue reading

JavaScript Application Architecture On The Road To 2015

In my new write-up on Medium, I look at the state of application architecture in the JavaScript community as we ebb our way towards 2015. In it, I talk about composition, functional boundaries, modularity, immutable data structures, CSP channels and … Continue reading

Video: Advanced CSS Performance Tooling

The video from my CSSConf talk on CSS Performance Tooling is now up. This goes along with the slides I’ve previously posted. Hope it’s useful! Abstract: High-performance sites need to feel instant and deliver the goods in < 1000ms. In … Continue reading

~199 slides on Front-end Tooling Workflows

View slides on SpeakerDeck

Explorations In Automatically Fixing JavaScript Linting-errors

Linting is a common step in our JavaScript iteration workflow. Most developers probably use JSHint (or ESLint) for this purpose. However, when a tool is capable of informing you of linting issues, the next logical question is..why can’t it fix … Continue reading

Slides: Advanced CSS Performance Tooling

These are the slides from my CSS performance tooling talk, presented at earlier this month. High-performance sites need to feel instant and deliver the goods in < 1000ms. In this talk, learn about the bleeding edge tools that can … Continue reading

Video: JavaScript Memory Management Masterclass

The video from my talk at London WebPerf about finding and fixing memory leaks in JavaScript is now up. Covers DevTools, V8 & more. I hope it is useful.

Slides: JavaScript Memory Management Masterclass

Presented at at the Google WebPerf Special (London WebPerf Group), August 26th 2014. Efficient JavaScript webapps need to be fluid and fast. Any app with significant user interaction needs to consider how to effectively keep memory usage down because if … Continue reading

Content courtesy of: addyosmani

Designing For B2B Vs. B2C Websites

When designing an ecommerce website, it is important to note who the buyer is. Are you selling to a business, or a consumer? Both Business-to-Business (B2B) and Business-to-Consumer (B2C) websites...

User Onboarding: A Comprehensive Guide

Once a user realizes the impact that a particular product has on his or her life, the odds of them continuing to use that product increases immensely. Unless the user truly “gets it”,...

Hyperlink Usability: Guidelines For Usable Links

Hyperlinks. Interacting with them is perhaps the most frequent action done by users every time they go online. A 2010 Nielsen report estimated that the average user visits 2,646 different web pages...

How To Use Heuristics To Ace Your Email Marketing

Simply put, the term heuristics means to find, discover, or determine. In a broader sense, heuristics can be taken to mean a problem solving approach that employs practical methods to form judgement...

Windows 10 vs macOS Sierra: Part 2 ? Mobile Integration & Multitasking

If you use either Windows 10 or macOS Sierra and you have been curious about the other party, or even if you are just considering an upgrade, you have come to the right place. Two weeks ago, I wrote...

Business Savvy UX Design: Improving Business Acumen For Designers

The future of the business landscape evolves around technology and its advancements. With rapid changes in the field, businesses have become increasingly dynamic, contextual and personalized. Their...

What Recruiters Wish That UX Design Applicants Knew Before Applying

Applying for a job is never an easy task, and sometimes job applications can be confusing – do they need me to have ALL of those skills? Is it ok if some of my experience was during school and...

Windows 10 vs macOS Sierra: Part 1 ? User Interface & Artificial Intelligence

The conflict between Apple and Microsoft is an age-old affair – one that has been perpetuated by the supporters of either platform for the better part of the twenty-first century (and the...

4 Steps To Get You Started With Front-End Development

As a designer, you are likely surrounded by talent of all shapes and sizes, be it branding, marketing, or development. Over the course of your career, however, you may end up needing some of these...

Face-Off Design: UX/UI Patterns And Branding

During the last few years, we have been witnessing a tremendous shift in the ways brands interact with their customers. The top-down communication style they used to have in the past changed to a...

Content courtesy of: usabilitygeek