#327: Replacing jQuery With Vue.js

Frontend Focus Issue 327 — February 14, 2018 Replacing jQuery With Vue.js: No Build Step Needed Some developers aren’t keen on complex workflows that involve build tools and they’re not mandatory to use the latest JS tech anyway. Here’s how to use Vue.js in a similarly detached way as you might use jQuery now. Sarah Drasner How to Hand Code Scalable Vector Graphics (SVG) You can export to SVG from drawing tools, but building graphics in a structured, code-based way has its own appeal, and with SVG being supported in every browser, it’s worth trying for your small icons and visual touches. Kezz Bracey HEAD: A List of Things That Go In The 'head' Element Meta tags, link tags, Twitter card info, browser-specific directives, and more. Josh Buchea Power Your Apps with Angular UI Components and Spreadsheets Build complete enterprise web applications with GrapeCity’s dependency-free, Angular JavaScript solutions. Includes Spread’s full-featured Excel-like spreadsheets and Wijmo’s collection of IntelliSense-enabled grids, charts, and input controls. GrapeCity JavaScript Solutions   Sponsor Phaser 3.0: The 2D HTML5 Game Framework No official release notes yet but it’s here. Phaser is a fast 2D game framework for building HTML5 games supporting Canvas and WebGL rendering. Richard Davey Understanding Media Queries in HTML Email  As well as helping you target mobile email clients, unpredictable support for modern Web tech on desktop and webmail clients makes media queries useful there too. Jason Rodriguez A Guide to Web Performance Optimization with Webpack From Ivan Akulov and Addy Osmani comes a guide to using the popular asset bundling tool to make pages smaller to download and quicker to use. Google Developers Video: Into The Weeds of CSS Layout A serious look at the algorithms browsers are using to lay things out using Flexbox & Grid. Rachel Andrew Web Assembly Studio: A Simple Online WebAssembly IDE A really cool way to initially play with WASM and see how the various parts work together. Mozilla Jobs Frontend Developer at X-Team (Remote)We help our developers keep learning and growing every day. Unleash your potential. Work from anywhere. Join X-Team. X-Team Front End Developer (React Native & Rails)Join us, work remotely from North America, and help build software that matters. Our team is hiring. Aha! Front-end Dev Jobs at 4,000+ CompaniesTry Vettery and we’ll connect you directly with thousands of companies looking for talented front-end devs. Vettery In Brief Chrome 68 to Mark All HTTP Sites as 'Not Secure' news Google SEO Audit Category Added To 'Lighthouse' Chrome Extension news The SEO audit in Lighthouse enables devs to run a basic SEO check for any page. Google Messaging Between Tabs Using Service Worker tutorial James Milner Bringing Virtual Reality to the Browser with ReactVR tutorial Getting started with ReactVR, a combination of the React framework and WebVR API. Mirosław Ciastek Building a Voice-Activated Movie Search App Powered By Amazon Lex, Lambda, and MongoDB Atlas (Part 2) tutorial MONGODB  Sponsor How I Design with CSS Grid tutorial Chen Hui Jing Direction Aware Hover Effects tutorial Several Codepen demos of a striking visual effect. Chris Coyier Patterns for Writing Manageable CSS Without a Framework tutorial Ten Bitcomb Why Your Site is Slow  Pantheon  Sponsor Making A Browser Fast: The Story of Firefox Quantum video Jean-Yves Perrie Funkify: A Disability Simulator for Accessibility Testing tools A Chrome plugin to experience the web through the eyes of differently abled users. Funkify $20 Free On A New Linode Account tools Linux cloud hosting starting at 1GB of RAM for $5/mo. Get $20 credit on a new account. Linode Cloud Hosting  Sponsor Pushy Button: CSS Pressable 3D Buttons code Dronca Raul Quark: A Tiny 'Atomic CSS' Polyfill code Classes like color-red fontSize-20 get converted to appropriate CSS. Tommy Hodgins CSS 'Coding' Animation code ..made with pure CSS - demo here. Chris Dermody

by via Frontend Focus