HTML5 linkovi 245

Being Productive With Task Runners

Enabling Upcoming CSS Features with PostCSS

AngularJS Tutorial: Build a Feature Loaded Chat App

The Art of Layout Testing with the Galen Framework

Goodbye Short Sessions? A Proposal for Improving Cookie Management

Intent to Implement: Web Share API

In brief

• Flexbox Gets New Behavior for Absolute Positioned Children NEWS 
  In Chrome 52+, Edge, and Opera 39+. 
  JOSEPH MEDLEY
• CSS Containment in Chrome 52 NEWS 
  
  The new CSS Containment property lets developers limit the scope of the browser’s styles, layout and paint work. 
  PAUL LEWIS
• The Shortened HTML5 Doctype Was Proposed 11 Years Ago NEWS 
  W3C
• Add a 'playsinline' Attribute to the 'video' Element NEWS 
  Gives a standardized pragma for opting into inline behavior in iOS Safari. 
  WHATWG
• Lightning fast SSD hosts for your HTML5 project 
  
  Host your HTML5 site on Linode servers - the fastest VPS hosts available. Use promo code HTML520 for $20 credit. 
  LINODE SPONSOR
• Using A Gamepad for HTML5 Projects TUTORIAL 
  DAVE VOYLES
• Accessing the User's Camera with JpegCamera and Canvas TUTORIAL 
  JpegCamera falls back to Flash if the browser doesn’t support getUserMedia. 
  MARTÍN MARTÍNEZ
• How to Use Chrome Developer Tools to Test Layouts TUTORIAL 
  CREATIVE BLOQ
• The Essential Meta Tags for Social Media TUTORIAL 
  A run down of the necessary meta tags for social media to display rich previews. 
  ADAM COTI
• Leveling Up in CSS TUTORIAL 
  Four pieces of advice to help you work with CSS at scale. 
  JONATHAN Z. WHITE
• CSS Snap Point Design Guidelines OPINION 
  ZACH SAUCIER
• Save Scoped CSS OPINION 
  The W3C recently updated the draft specification for CSS scoping, using the @scope syntax. However, vendor support seems minimal. 
  KEITH J GRANT
• The Sad State of Printing on the Web OPINION 
  KYLE KEMP
• Fawkss: A CSS Preprocessor in an AWK Script TOOLS 
  Bills itself as a “CSS preprocessor for people who dislike CSS preprocessors.” 
  ALEX PALAISTRAS
• Blisk: Your Next Web Development Browser? TOOLS 
  Blisk is a new developer-only browser that uses the Blink rendering engine. 
  CRAIG BUCKLER
• speedline: Calculate Speed Index & Visual Perf Metrics from DevTools Timeline TOOLS 
  PIERRE-MARIE DARTUS
• See what your users see. TOOLS 
  Meet FullStory, the pixel-perfect session playback tool that makes it easy to answer any question about your customers online experience. Try it free for 2 weeks. 
  PERISCOPE DATA SPONSOR
• React CSS Components: Define React Presentational Components with CSS CODE 
  ANDREY POPP
• Snapper: A CSS Snap Points Carousel CODE 
  SCOTT JEHL
• Decorative Text Underlines with box-shadow and text-shadow DEMO CODE 
  JONATHAN NEAL
• Coloring Emoji using CSS DEMO CODE 
  Beware: the poop emoji appears in many colors. 
  ROMAN KOMAROV