by Mike Herchel

Front-end Rapport #3

Arstechnica does a visual deep-dive into browser market shares through multiple charts and graphs — breaking down worldwide browser trends and adoption rates.

Our Take

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.

Headless Drupal, One Form at a Time

Topics: REST, AngularJS, Drupal

Headless Drupal was a hot topic at last month's Drupalcon Austin. Headless Drupal refers to orienting Drupal RESTful services first, and rendering HTML through client-side JavaScript MVC frameworks such as AngularJS and Ember. Gizra's Amitai Burstein expands on this in his blog post with an AngularJS, RESTful and Entity Validator form example module.

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.

Clipping in CSS and SVG – The clip-path Property and <clipPath> Element

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

Daily News

Craving more? Subscribe to our Flipboard mag for daily updates or sign up for our newsletter below.

Front-end Rapport

Enter your email address

powered by TinyLetter