Custom Property of CSS – Variable in native CSS

Custom properties are the wonderful new features of CSS with extensive support in contemporary browsers. A custom property name that is pre-fixed with ‘–’ like, –heading-color: #00ff00; and are accessed using the var() function. For example color: var(–heading-color);

Previously we have been using variables with CSS preprocessor like Sass and Less, now variables have … Continue reading “Custom Property of CSS – Variable in native CSS”

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 ?”

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 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”

How to use HTML5 today with full cross-browser compatibility?

HTML5 is a hot buzzword for UI Designer and Developer; many designers are hesitant to embrace this new technology because of lack of full cross-browser support and cross-browser support truly not going to happen with HTML5, that means we are hiding behind the lack of cross-browser compatibility, Why? It may be to avoid learning new … Continue reading “How to use HTML5 today with full cross-browser compatibility?”

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”