Click the icon marked with the pink-ish circle to open Device Mode. Click the icon marked with the red circle to activate the Media Query Inspector. One can quickly choose a device and also throttle the network using the blue and orange dropdowns at the top. You might have to enable Devtools Experiments in Canary …
Author Archives: Bramus!
How to do Hyperlapse Photography
A Spacecraft for All
The ISEE-3 was launched to study the Sun in 1978, but ended up redefining space flight. Now it’s on a new mission to become citizen science’s first spacecraft, with data accessible by everyone. Very cool mission, with a very neat website. A must watch. A Spacecraft for All: The Journey of the ISEE-3 →
Hyperlapse
Waves – Click effect inspired by Google’s Material Design
CriticalCSS
Critical CSS opens a page in a browser from the command line, sets the window width to a specified width and height (default is 1200 x 900), and analyzes which styles are applied to elements that fall within the visible portion of that viewport. It then writes those styles to a file that you can …
Breach – A browser for the HTML5 era
InVision LiveShare PS
With LiveShare PS you can now broadcast any Photoshop document to as many people as you want through an instant LiveShare meeting. If you make a change to your Photoshop document, they’ll instantly see your changes in the LiveShare meeting—you don’t even have to hit the save button! Neat. InVision LiveShare PS → Want to …
In love with Ionic Framework
UPDATE: Want to get a solid introduction to Ionic? I recommend reading Learning Ionic, a book I tech reviewed. Ionic offers a library of mobile-optimized HTML, CSS and JS components for building highly interactive apps. Built with Sass and optimized for AngularJS. Whilst Sass is just an extra (you don’t really need it), the true …
FlipClock.js
JavaScript countdown (or up) script with split-flap flip effect. Used it in a recent project and works like a charm. Only downside is that it’s px based, but that can be overcome. Be sure to also click that “Developer API” link on the site, as the main page itself does not hold all needed information …