Category: W3C Standards
-
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); :root { –heading-color: red; –heading-bg: #a1a1a1; } H1 { background-color: var(–heading-bg); color: var(–heading-color); } Previously we have…
-
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…
-
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…
-
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…
-
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…
-
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…
-
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.…
-
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, embossed,…
-
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…
-
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…