Posts Tagged ‘UI implementation’

Decoding the UI Architecture

With the increasing advent in SOA and RESTful based applications, all the business logic today is being pushed to the client. With numerable paradigms being present for the UI to consumes these services and create dynamic content, there becomes a need to define the presentation, structure and behavior of the User Interface. While working with […]

CSS Frameworks – Does Your Client Need One?

Many a times, when I start a new project, often the client gets excited when the word ‘bootstrap’ or ‘foundation’ comes around during the inception phase. They want to know more and get excited. They hope that their site would look great if is it built with a framework and typically look towards the UX […]

6 Ways to Overcome Programming Roadblocks

Programmers, whether novice or professional, encounter roadblocks and issues every day while working with code. This can lead to unnecessary frustration, hamper productivity, and pose a threat to reaching the product deadline. The following are a few measures that I, as a front-end developer, have developed to overcome roadblocks while working in fast-paced environments with […]

Front End Development: CSS-centric or JS-centric

Recently, I was reading this article which came across my newsletter, outlining what Front end developers need to know for this year and beyond. What struck me was where the author talks about the growing gulf between those who focus on CSS and those who focus on javascript. Isn’t Front end development about both css and javascript? Lets […]

Client side Templating and Performance

A lot has been talked about client side view templates hindering the critical path, thus affecting performance. I have made an effort to summarize the need for client side rendering and measures to enhance the performance. Before we actually jump on to measures, lets revisit how today’s web application ended up being rendered and compiled on the […]

Take the Plunge. Get Up to Speed with Front-End Build Tools

A colleague recently asked me to give him a high-level overview on how to get started using these fancy front-end build tools everyone’s talking about. Since I’m a team player, I thought it would be best to share my advice with all of you as well! First, what the heck am I talking about? What are […]

Accessibility techniques for Front End Developers

Below are some of the basic important techniques a front end developer could start incorporating right from the beginning, into a project that has to conform to WCAG 2.0 standards. Hierarchical Heading Organization Make sure the headings on every page of the website is in an hierarchical order, beginning from h1 to h6, properly nested […]

A Glimpse at Wired.com’s Redesign

Looks like the folks over at Wired launched a redesign of their site yesterday.  I was just reading through an article about it written by their engineering director. http://www.wired.com/2015/03/wired-dot-com-from-the-devs/ I’ll let you creative types comment on the actual design of it, but there are some interesting things they are doing developmentally that strike my…interest. First, they […]

Designing the small details – “Microinteractions”

Part 1 of 2 As a usability researcher it’s important for me to stay aware and informed of guidelines for designing user interactions. Also, I want to be literate about topics within user experience design. So Dan Saffer’s book Microinteractions – Designing with Details caught my attention. His text is interesting; it focuses on the importance […]

Chrome DevTools Features to Help UI Development

In the technology industry, we often take for granted things in our work routine that we do so often we don’t even realize we’re doing them: keyboard shortcuts, program macros or any other “muscle memory” tasks that are second nature to us.  Many a time I have found myself working with a partner or helping a […]

I&I musings – css, Apache, jQuery, web storage and LeanUX

CSS multi-language support Chiuhua Chen, senior front end developer and prototyping expert at Perficient XD, is currently working on a web application that has a visual design supporting only english language. As with every other project, the business later on proposed support for multi-language support. When the application is in another language, spanish or Chinese, […]

Showing Off Their CSS

In the past few weeks, I’ve seen no less than five different companies publish an article documenting their internal CSS frameworks; it’s a fascinating pattern.  Getting an inside look at how other people (or companies) are organizing code and what tools they are using is a pretty fantastic way to become a better developer yourself.  […]

Load More