Blog We love to talk!

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 […]

Nov Tue

Cross Browser Text-shadow

  •  11-10-2015

Text-shadow is the method of applying one or more shadow or blur effects to text Browser Support This feature is already supported by a few major browsers including Chrome, Firefox, Safari and Opera. Code Example You can use Text-shadow like this: More Information More information can be found here.

Nov Tue

Cross Browser resize property

  •  11-10-2015

Resize property is the method of allowing an element to be resized by the user, with options to limit to a given direction. Browser Support This feature is already supported by a few major browsers including Chrome, Firefox, Safari and Opera. Code Example You can use resize property like this: More Information More information can […]