Ready to use cool CSS animation libraries to speed up development and improve user experience

CSS has improved a lot from last few years and capable of pretty drastic output for web. I am not going to add an animation tutorial. My focus is to list out cool ready to use css libraries; that improve user experience and and speed up development. How these css libraries can be used effectively … Continue reading “Ready to use cool CSS animation libraries to speed up development and improve user experience”

How to use grunt? – A build tool for web development

During the web development process, there are bunch of tasks that you’ll be doing regularly. Minifying files, concatenating files, compiling sass or less to CSS, unit testing and linting JS files are some of them. Grunt helps to make these regular tasks automated. It saves lots of time and energy, it has bunch of built-in … Continue reading “How to use grunt? – A build tool for web development”

CSS3 Basic UI module – working draft published by w3c

W3c published a working draft of CSS basic module level 3 on 10th March 2015, where they have extends user interface related features from the selectors, properties and values of CSS level 2. These UI related selectors, properties and value are proposed for CSS level 3. Note: it’s a working draft may change in the … Continue reading “CSS3 Basic UI module – working draft published by w3c”

Usability testing with blind users – How blind users work with web sites ?

Observer in usability testing gets actual insight of the users while watching them using a product. But what about the users using adaptive technology? like blind web users, how blind users work with web sites? While surfing net, I found a very good case study where 16 blind users were observed while using screen readers … Continue reading “Usability testing with blind users – How blind users work with web sites ?”

Some basic techniques to increase the website performance

In this competitive world, every company (brand) is trying to prove themselves different from others, where UX people are playing a good role by evaluating the market, competitors, and users. An application with great user experience have lots of study and research behind it. But is it sufficient, that an application have great user experience? … Continue reading “Some basic techniques to increase the website performance”

Responsive web design and images – Optimized images for normal and retina display

Adaptive image is not only to fit the image in large and small devices; it’s about contextual optimized image for normal and retina display. Responsive web design (RWD) has different context, like high resolution and low resolution display, high bandwidth and low bandwidth connections, high memory and low memory devices, small and large display, portrait … Continue reading “Responsive web design and images – Optimized images for normal and retina display”

Some cool CSS selectors’ addition in selectors level 4 – The future

The web is constantly evolving, Some modules of CSS3 has just started making its way, specs are still in development process and more advance level CSS modules have been drafted to evolve it further, which is being referred as “Selectors level 4”. Selectors have been with us since the beginning of CSS. Most awaited selector … Continue reading “Some cool CSS selectors’ addition in selectors level 4 – The future”

Performance improvement by writing efficient CSS selector

The web is moving from desktop to mobile and performance has become the key focus area in web development. All the UI Developers try to write maintainable, semantics and efficient CSS. But when UI developer becomes dogmatic about the standards, it cost the performance. I don’t mean here that; following the standards degrades the performance. … Continue reading “Performance improvement by writing efficient CSS selector”

Different ways of making images flexible in responsive web design

Responsive web design is a future-friendly tool for websites, having three principles. Media Query, Flexible Grid and Flexible Media. Flexible grid is not hard to achieve just set an container element in percentage and linearized the element in small devices, text can be resized and flow in smaller and higher resolution but when think of … Continue reading “Different ways of making images flexible in responsive web design”

Different media features and media types of responsive design

Media queries plays vital role in the responsive web design when the term Media Queries for responsive web design comes up, general thoughts moves around is “media = screen” or “media = print” which is generally used in the web development.

But there are other media type which can be used like aural, braille, … Continue reading “Different media features and media types of responsive design”

What, Why and How to create a future friendly responsive web design?

Web is not limited to desktop or laptop now, future of the web is much more broaden than even present. People are using internet in many devices like Mobile Phone, Tablet and I-pad. Internet usage is increasing in these devices now. The phone is no longer a tool to call or SMS only, people using … Continue reading “What, Why and How to create a future friendly responsive web design?”

Web site design approach and the older browser like IE6

IE6 is outdated but still widely used in the web developing world. We bitch about Microsoft decision to leave its browsers rotting for years and moan about the time we spend to fix the IE6 issues.  Being a UI Developer I will suggest not to support IE6, because while supporting, we feel shackled to the … Continue reading “Web site design approach and the older browser like IE6”

Don’t follow the W3c Standards blindly

It’s a common process for most of the UI Developer to create an HTML page and validates it with w3c validator, if it is passed then it’s done they are creating the standards compliant web page. It’s good to adhere with the standards defined by a community whose mission is to lead the web to … Continue reading “Don’t follow the W3c Standards blindly”