Which Browsers Should Your Website Support?

The question: "which browsers should my website/app support?" is often raised by clients and developers. The simple answer is a list of the top N mainstream applications. But has that policy become irrelevant?

What are the Most-Used Browsers?

The top ten desktop browsers according to StatCounter for May 2017 are:

1. Chrome -- 59.37% market share
2. Firefox -- 12.76%
3. Safari -- 10.55%
4. IE -- 8.32%
5. Edge -- 3.42%
6. Opera -- 1.99%
7. Android (tablet) -- 1.24%
8. Yandex Browser -- 0.48%
9. UC Browser -- 0.41%
10. Coc Coc -- 0.33%

Mobile now accounts for 54.25% of all web use so we also need to examine the top ten phone browsers:

1. Chrome -- 49.23%
2. Safari -- 17.73%
3. UC Browser -- 15.89%
4. Samsung Internet -- 6.58%
5. Opera -- 5.03%
6. Android -- 3.75%
7. IEMobile -- 0.68%
8. BlackBerry -- 0.26%
9. Edge -- 0.15%
10. Nokia -- 0.12%

The worldwide statistics don't tell the whole story:

Continue reading %Which Browsers Should Your Website Support?%

by Craig Buckler via SitePoint

Camp Technical testing CAMP

Camp Technical Solutions anniversary event, presenting CAMP gear

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

The ArcShapeR

The ArcShapeR is a sci-fi and fantasy platform. It’s goal is to unite authors with readers who are passionate about sci-fi and fantasy.

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

NABICA, Agencia Marketing Digital

Somos una agencia especializada en la generación de LEADS. Nuestros servicios ayudan a las empresas a capturar clientes, prospectos y a desarrollar programas de fidelización a través de medios digitales.

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

OnDevice App Responsive Design Tool

Landing page designed for OnDevice App responsive tool using vibrant colors and clean layout to help the visitors navigate through the page.

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Tech Tool Lab London

Clean website design for a London based IT startup created with subtle page animation to convey a professional and innovative approach.

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

How to Get Started with Your Website Content Security Policy

This article is part of a series created in partnership with SiteGround. Thank you for supporting the partners who make SitePoint possible.

The web is based on a "same-origin" policy. Only code at mysite.com can access mysite.com's data in cookies, localStorage, Ajax requests etc. It is isolated from other domains so any access attempts from evilsite.com will be rejected.

Unfortunately, it's never that simple. Modern websites are complex and load a variety of third-party components, styles and scripts. A script loaded from another domain runs in the context of the current page and can do whatever it likes. That social networking button could monitor visitors, hijack login cookies, change page content and more. Even if you trust the third-party site, you could become victim to a man-in-the-Middle attack where the script is changed before it reaches you. Alternatively, it could permit users to launch their own Cross Site Scripting attacks (XXS).

By default, browsers implement an anything-goes approach. Fortunately, it's possible to apply restrictions using a Content Security Policy (CSP) which prevent unexpected security issues. A CSP tells the browser what's permitted, e.g. run JavaScript at mysite.com but only from files and not inline <script> tags.

Continue reading %How to Get Started with Your Website Content Security Policy%

by Craig Buckler via SitePoint