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](https://medium.com) 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. http://www.youtube.com/watch?v=-E6q-m1tLn8

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 medium.com, 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 CSSConf.eu 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

Official Usability, User Experience And User Interface Guidelines From Companies (2016)

Veterans of Usability Geek may remember an article published in 2011 that provided a helpful list of UX and UI guidelines for designers with an interest in platforms developed by the likes of Apple,...

Mapping A Website?s Strengths And Weaknesses With UX

User experience (UX) is a website design term that evolved from user interface (UI). UX encompasses a website’s interface, but it also includes every aspect of the user’s experience on a...

Pokémon Go And Its Impact On User Experience

By now, everybody has heard about Pokémon Go and its swift and spectacular rise to the top of the app world. For a game based on an old 90’s Gameboy game and TV show, it has surprisingly...

How To Measure Customer Experience

When was the last time you received an email asking for feedback? Or perhaps instead, the last time you were given a receipt with a “quick feedback request online”? Now ask yourself, when...

How To Find Work As A UX Freelancer

Have you heard that you are living in a Freelance Nation? It is true and getting truer every day. There are currently more than 53 million freelancers in the US – 37.5 percent of the workforce....

UX Strategy ? It Is All About The Experience

“Battle” is too strong a word. “Distraction”, may be better. I am referring to Customer Experience (CX) vs. User Experience (UX). And now that upstart, Customer Success has to...

Magento Vs. Shopify ? A Usability Comparison

Picture this: you are at a discovery meeting with your ecommerce client and your team’s technical advisor. As the presiding UX specialist, your role in this meeting is to gather requirements...

Pop-Ups Vs. Usability, Conversions And Bounce Rates

They go by many names ? modal windows, dialog boxes, modal pop-ups ? but whatever you call them, pop-ups have a reputation for being divisive when it comes to usability. Judging by the frequency of...

Applying User-Centered Design To Revamp A 75 Year Old Business Model

As the title of this article implies, this is a case study that illustrates how the development team at the company I co-founded, Fuzzy Math, applied user-centered design principles to help revamp...

Mood Boards In UX Design: Ignite Passion In Your Users

You know that feeling you get – the one that creeps up on you like rain in Summer, making you shudder from emotion? It happens when you get blindsided by something powerful, something...

Content courtesy of: usabilitygeek