“We’re excited to announce the preview availability of the WebRTC 1.0 API and support for the H.264/AVC and VP8 video codecs for RTC in Microsoft Edge.”
Microsoft
A beginner-friendly Webpack 2 tutorial showing how to set up and configure Webpack to transform and bundle all your frontend assets.
Mark Brown
Nitish Kumar digs into the workings of the auto-placement algorithm in the CSS Grid Layout module.
Sitepoint
Uncover how to think deeply about new ES6 JavaScript features like arrow functions, destructuring, generators, classes and computed properties with Kyle Simpson of the "You Don't Know JS" book series!
Frontend Masters Sponsor
Greg Hovanesyan documents and showcases a ton of interesting CSS properties and values. You may find some handy new solutions to old problems here.
CSS Tricks
Are you using the full capabilities of modern OpenType fonts from your CSS? Chris Lilley runs through their potential in this dotCSS talk. 19 minutes.
Chris Lilley
Chrome now has new page reloading behavior which maximizes the reuse of cached resources, results in lower latency, power consumption, and data usage. Shift + Reload will still work as before, luckily.
Google
If you are not an npm expert but want to learn more, Louis Lazaris created a great beginners’ guide to npm for front-end developers.
Louis Lazaris
Uses Service Workers in the browser to let you set up a mock API without using any servers at all.
Service Mocker
Baljeet Rathi demonstrates writing element queries using the EQCSS plugin. Element queries are similar to media queries but based on the properties of individual elements (e.g. its width).
Sitepoint
Jobs
Can't find the right job? Want companies to apply to you? Try Hired.com.
In Brief
Web Components Remote Conf: February 16-17, 2017 news
An online conference with 16 great sounding Web Components talks.
Learn to develop your next web or mobile application with ReactJS.
Register for Rangle’s React online training course for developers on February 7, free of cost!
Rangle.io Sponsor
Implementing 'Save For Offline' with Service Workers tutorial
The offline web experience we’re providing users is something we all need to start thinking about. Una runs through how to get started.
Una Kravets
Align SVG Icons to Text and Say Goodbye to Font Icons tutorial
A scalable solution for solving the alignment issues of SVGs.
Elliot Dahl
'ack' for CSS Developers: A Command Line Tool You Could Find Useful tutorial
Harry Roberts
A Clean Responsive Web Design Menu Tutorial using CSS, HTML, and jQuery tutorial
Alex Caldwell
Building a Morphing Hamburger Menu with CSS tutorial
Luis Manuel
Ensuring CSS Animations Run and Stop Gracefully tutorial
Tommy Marshall
A Basic Introduction to CSS's Attribute Selectors tutorial
Tiffany Brown
Source Maps with webpack in Chrome tutorial
Erik Aybar
Executing Millions of SQL Statements in Milliseconds in the Browser with WebAssembly and Web Workers tutorial
Mike Parsons
Beware of Mixed Content and Responsive Images tutorial
Images defined in a ‘picture’ element on an encrypted page (i.e. https) will not load if they are served from an unencrypted context (i.e. http).
Jonathan Snook
Polyfills: Everything You Ever Wanted to Know (Maybe) tutorial
David Gilbertson
[Whitepaper] The Future of JavaScript—2017 and Beyond
2017 predictions for the key and rising JavaScript libraries and frameworks and JS’s New Frontiers in this whitepaper.
Progress Sponsor
Working with Vertically-Written East Asian Languages and CSS Grid video
Chen Hui Jing
gotem: 'Copy to Clipboard' for Modern Browsers in Under 1KB tools
Michael Cavalea
qart.js: Merges Pictures and QR Codes for Artistic QR Codes code
Clever, I’m surprised the output worked (I tested it!)
Lee Sun-Hyoup
keyframes-tool: Convert CSS Animations for the Web Animations API code
A tool that converts CSS Animations to a keyframes object suitable for the Web Animations API.
Parasail: A Minimal Sass and Flexbox-Oriented CSS Framework code
multi.js: A User-Friendly Replacement for 'select' Boxes with the 'multiple' Attribute Enabled code
Fabian Lindfors
Animography Text Editor: A Text Input Field With Animated Letters demo
CodePen
|
No comments:
Post a Comment