SecurityHeaders.com

Run a free test of a website’s HTTP headers and learn how it performs from a security perspective! Checks for the following headers and their values: Access Control Allow Origin Content Security Policy Cross Domain Meta Policy NoSniff Server Information Strict Transport Security UTF-8 Character Encoding X-Frame-Options X-Powered-By X-XSS-Protection SecurityHeaders.com →

Deploying Your Ionic App to Heroku

Not much to it actually, as you only need Express to serve your Ionic app: // server.js, Heroku will autostart this when found var express = require(‘express’), app = express(); app.use(express.static(‘www’)); app.set(‘port’, process.env.PORT || 5000); app.listen(app.get(‘port’), function () { console.log(‘Express server listening on port ‘ + app.get(‘port’)); }); Deploying Your Ionic App to Heroku →

Chrome M40: The Virtual Viewport

The idea of the virtual viewport is to split the notion of “the viewport” into two, “the layout viewport” (where fixed position items are attached) and “the visual viewport” (What the users actually see). In the screenshots above you can cleary see this in action: without a virtual viewport it’s not possible to view right …

Front-end Job Interview Questions

Brilliant — BRILLIANT! — and extensive list of questions to vet potential front-end developers during their job interview. Ranges from simple questions to some very in-depth ones. A few examples: What did you learn yesterday/this week? Name 3 ways to decrease page load (perceived or actual load time). Can you explain the difference between GET …

From “User Stories” to “Jobs Stories”

Jobs stories slightly revise the format to be less prescriptive of a user action, and thereby give more meaningful information for the designer and developer to build for the user’s expected outcome. […] There is a very slight but meaningful difference between the two. By removing “As a __ ” from the user story, we …

CSS Grid Layout 2014 Recap

Two posts on CSS Grid Layout: one covering the changes in the spec during 2014, and another one talking about the implementation details in Blink and Webkit. CSS Grid Layout 2014 Recap: Implementation Status → CSS Grid Layout 2014 Recap: Specification Evolution → Related: CSS3 Grid Layout Module, an Introduction → Automatic Placement when using …