Blog We love to talk!

Nov Tue

Cross Browser Context Menu

  •  11-10-2015

Context Menu is the method of defining a toolbar menu, a context menu or a list of (interactive) options using the menu element. Browser Support Sadly this feature is currently not supported by any browser. Code Example You can use Context Menu like this: More Information More information can be found here.

Nov Tue

Cross Browser Dialog

  •  11-10-2015

Dialog is the method of easily creating custom dialog boxes to display to the user with modal or non-modal options. also includes a `::backdrop` pseudo-element for behind the element. Browser Support This feature is currently only supported by Chrome and Opera. Code Example You can use Dialog like this: More Information More information can be […]

Nov Tue

Cross Browser Details and Summary tags

  •  11-10-2015

The details element generates a simple no-javascript widget to show/hide element contents, optionally by clicking on its child summary element. Browser Support This feature is already supported by a few major browsers including Chrome, Safari and Opera. Code Example You can use Details and Summary tags like this: More Information More information can be found […]

Nov Tue

Cross Browser Datalist tag

  •  11-10-2015

Datalist tag is the method of setting a list of options for a user to select in a text field, while leaving the ability to enter a custom value. Browser Support Sadly this feature is currently not supported by any browser. Code Example You can use Datalist tag like this: More Information More information can […]

Nov Tue

Cross Browser Masks

  •  11-10-2015

Masks is the method of displaying part of an element, using a selected image as a mask. Browser Support Sadly this feature is currently not supported by any browser. Code Example You can use Masks like this: More Information More information can be found here.

Nov Tue

Cross Browser CSS Filter

  •  11-10-2015

CSS Filter is the method of applying filter effects (like blur, grayscale, brightness, contrast and hue) to elements, previously only possible by using svg. Browser Support This feature is currently only supported by Firefox. Code Example You can use CSS Filter like this: More Information More information can be found here.

Nov Tue

Cross Browser Canvas

  •  11-10-2015

Canvas is the method of generating fast, dynamic graphics using JavaScript. Browser Support Canvas is already supported by all major browser so it should be really easy to get it working cross browser. Code Example You can use Canvas like this: More Information More information can be found here.

Nov Tue

Cross Browser Picture tag

  •  11-10-2015

Picture tag is a responsive images method to control which image resource a user agent presents to a user, based on resolution, media query and/or support for a particular image format. Browser Support This feature is already supported by a few major browsers including Chrome, Microsoft Edge and Opera. Code Example You can use Picture […]

Nov Tue

Cross Browser Transitions

  •  11-10-2015

Transitions is the simple method of animating certain properties of an element, with ability to define property, duration, delay and timing function. Browser Support Transitions is already supported by all major browser so it should be really easy to get it working cross browser. Code Example You can use Transitions like this: More Information More […]

Nov Tue

Cross Browser touch-action property

  •  11-10-2015

The touch-action is a css property that controls filtering of gesture events, providing developers with a declarative mechanism to selectively disable touch scrolling (in one or both axes), pinch-zooming or double-tap-zooming. Browser Support This feature is already supported by a few major browsers including Chrome, Internet Explorer 11, Microsoft Edge and Opera. Code Example You […]