February 1, 2017 — Read this e-mail on the WebFrontEnd Focus Issue 275 — February 1, 2017 A Beginners Guide to Webpack 2 and Module BundlingA beginner-friendly Webpack 2 tutorial showing how to set up and configure Webpack to transform and bundle all your frontend assets. Mark BrownReload, Reloaded: Faster, Leaner Page Reloads in ChromeChrome 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. GooglePower Up Your Use of Web Fonts 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 LilleyNew Course: ?? ES6 The Right Parts with Kyle SimpsonUncover 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 SponsorA Look at 50+ Interesting CSS Properties and ValuesGreg Hovanesyan documents and showcases a ton of interesting CSS properties and values. You may find some handy new solutions to old problems here. CSS TricksEdge Gains WebRTC 1.0 for Interoperable Real-Time Comms“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.” MicrosoftA Step-by-Step Guide to the Auto-Placement Algorithm in CSS GridNitish Kumar digs into the workings of the auto-placement algorithm in the CSS Grid Layout module. Sitepointnpm for Beginners: A Guide for Frontend DevelopersIf 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 LazarisService Mocker: An API Mocking Framework for Frontend DevelopersUses Service Workers in the browser to let you set up a mock API without using any servers at all. Service MockerWriting Element Queries Today Using EQCSSBaljeet 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). SitepointJobs Software Engineer, Web – Zürich, SwitzerlandCentralway is seeking an experienced programmer to come and join the team. The right candidate will be responsible for building and maintaining high performance web applications with cutting-edge technologies. Centralway Numbrs Senior WordPress Front-End Developer (Remote) Modern TribeCan’t find the right job? Want companies to apply to you? Try Hired.com.In BriefWeb 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 SponsorImplementing ‘Save For Offline’ with Service Workers tutorialUna KravetsAlign 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 tutorialHarry RobertsA Clean Responsive Web Design Menu Tutorial using CSS, HTML, and jQuery tutorialAlex CaldwellBuilding a Morphing Hamburger Menu with CSS tutorialLuis ManuelEnsuring CSS Animations Run and Stop Gracefully tutorialTommy MarshallBeware of Mixed Content and Responsive Images tutorial Images defined in a ‘picture’ element on an HTTPS-loaded page will not load if served over HTTP.Jonathan Snook[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 SponsorWorking with Vertically-Written East Asian Languages and CSS Grid videoChen Hui Jingkeyframes-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.gotem: ‘Copy to Clipboard’ for Modern Browsers in Under 1KB codeMichael Cavaleaqart.js: Merges Pictures and QR Codes for Artistic QR Codes codeLee Sun-HyoupParasail: A Minimal Sass and Flexbox-Oriented CSS Framework codemulti.js: A User-Friendly Replacement for ‘select’ Boxes codeFabian LindforsAnimography Text Editor: A Text Input Field With Animated Letters demoCodePenCurated by Peter Cooper and published by Cooperpress. If you like this, you may also enjoy: JavaScript Weekly, Node Weekly, and React Status.Stop getting FrontEnd Focus : Change email address : Read this issue on the Web© Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK Source link