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.
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.
Meta tags, link tags, Twitter card info, browser-specific directives, and more.
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.
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.
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.
A serious look at the algorithms browsers are using to lay things out using Flexbox & Grid.
A really cool way to initially play with WASM and see how the various parts work together.
Chrome 68 to Mark All HTTP Sites as 'Not Secure' news
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.
Messaging Between Tabs Using Service Worker tutorial
Bringing Virtual Reality to the Browser with ReactVR tutorial
Getting started with ReactVR, a combination of the React framework and WebVR API.
Building a Voice-Activated Movie Search App Powered By Amazon Lex, Lambda, and MongoDB Atlas (Part 2) tutorial
How I Design with CSS Grid tutorial
Chen Hui Jing
Direction Aware Hover Effects tutorial
Several Codepen demos of a striking visual effect.
Patterns for Writing Manageable CSS Without a Framework tutorial
Why Your Site is Slow
Making A Browser Fast: The Story of Firefox Quantum video
Funkify: A Disability Simulator for Accessibility Testing tools
A Chrome plugin to experience the web through the eyes of differently abled users.
$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
Quark: A Tiny 'Atomic CSS' Polyfill code
color-red fontSize-20 get converted to appropriate CSS.
CSS 'Coding' Animation code
..made with pure CSS - demo here.