Arstechnica does a visual deep-dive into browser market shares through multiple charts and graphs — breaking down worldwide browser trends and adoption rates.
Internet Explorer is still stubbornly holding to the lead, with IE8 and below accounting for approximately 25% of the total browser share. Note that this number is misleading for many, as it accounts for the worldwide market share which includes population-leader China, where Windows XP remains king.
The solution on whether to develop for Internet Explorer 8 is straightforward — look at your own website traffic and break it down by browser version. Certain demographics may rarely see IE8, while for others it's commonplace.
Other interesting tidbits from this article include Chrome and Firefox version adoption rates versus Internet Explorer. If Microsoft wants to truly make the web a better place, this is the first place to start.
Topics: REST, AngularJS, Drupal
Jank Busting - Fixed Backgrounds
Topics: CSS, performance
In this article, Wills Bithrey details how to identify, measure, and resolve unnecessary browser repainting using a fixed background image as an example. Browser repainting can eat CPU cycles which can make the website feel 'janky' — especially on under-performing mobile devices.
Topics: SVG, CSS, HTML
In this demo filled article, front-end developer Sara Soueidan details how clipping works in the vector format SVG and CSS. Sara touches clip-path and it's uses within the CSS shapes module on images, as well as clip-path related properties, elements and attributes on SVGs. While browser support for many of the mentioned properties is still either unsupported or vendor-prefixed (as seen in this browser compatibility chart), it does not take away from the fact the browser manipulation possibilities with SVG leave little to be desired.
What happened recently
- As mentioned in the CSSWG Minutes Telecon, min and max font-size properties are coming to CSS Fonts Module Level 4 — @csscallum
- You can start/stop Chrome devTools timeline in code with console.timeline() & console.timelineEnd() — @addyosmani
- Ilya Grigorik created a first draft of the Resource Hints spec and it's open for feedback — @igrigorik
- Heydon Pickering reminds us that writing semantic markup is more important to users than optimizing CSS selectors — @heydonworks
Craving more? Subscribe to our Flipboard mag for daily updates or sign up for our newsletter below.