Web designers make decisions on small details that can highly affect the website visitors’ experience. A recent study from Optimal Workshop, the company behind web experience research at companies like Netflix, Dropbox, and NASA, digs into the home link on websites, and whether it works better than the company logo in taking website users back to the main page.
Read More
Category: html
Adding actions to Gmail using Schemas
Recently, Google introduced Schemas in Gmail messages to allow developers to deliver a more interactive email experience integrated with their web app. Schemas in emails can be used to represent various types of entities and actions. Email clients that understand schemas, such as Gmail, can render entities and actions defined in the messages with a consistent user interface. In the case of Gmail, this means that the emails can display quick action buttons that let users take actions directly from their inboxes, essentialy allowing them to tie their web app with Gmail for a more integrative experience.
Read More
Building a self-correcting email input field
Email is one of the common input fields in any web form. Many sites use two email fields to make sure that the user has entered correct email ids. This is a common idiom in web design, and it is surprising that it has not changed over all these years. One of the interesting alternative I found is the ‘MailCheck’ JavaScript library. The library enables you to offer the user a suggestion for the domain name if he makes a mistake while entering. A demo is shown below.
Read More
Protocol Relative URLs
One little gem I recently encountered is protocol-relative URLs. This solves the headaches of the age-old problem of creating URLs which work whether you’re in SSL mode or normal http. For example take the following image :
Read More
Printing selective DOM elements on a page
Printing web pages from JavaScript, although not a common scenario, can be easily accomplished with some simple code. On the other hand, selectively printing some elements from a web page – like a div or a paragraph, can be challenging. Fortunately there are libraries available that can make the task easier. One such useful jQuery plugin is jQuery PrintElement, which allows you to selectively print a DOM element. Usage is extremely easy; just select any element from a webpage and fire the ‘printElement’ method.
Read More
Rendering PDF in HTML5 Canvas
pdf.js is an HTML5 technology experiment from Mozilla that explores building a faithful and efficient Portable Document Format (PDF) renderer using Canvas without any native code support. The goal of the project is to create a general-purpose, web standards-based platform for parsing and rendering PDFs, and eventually to release a PDF reader extension powered by pdf.js. Integration with Firefox is a possibility if the experiment proves successful.
Read More