aetles + chrome   13

Chrome Devtools Tips & Tricks
Lately I’ve spent more time than usual using the Chrome Developer Tools. Along the way I found a couple of nice features that I had previously missed (or at least hadn’t needed enough to look for; e.g. blackboxing and asynchronous stacktraces). Because of this, I wanted to summarized a few of the features that I really like about devtools.
debug  javascript  chrome  webdevelopment  inspector 
october 2015 by Aetles
DevTools Tips For Sublime Text Users — Google Developers — Medium
In this quick write-up, we’ll cover how to take advantage of your existing knowledge of features in Sublime Text and apply them to another powerful tool in your arsenal — the Chrome DevTools.

Thanks to several modern tools including DevTools, JSBin and Codepen relying on the excellent CodeMirror editor, keyboard bindings like those in Sublime Text are more readily available elsewhere than they have been.
javascript  chrome  debugging  css  webdevelopment 
september 2015 by Aetles
DevTools Tips
A curated list of Chrome DevTools tips and tricks
css  development  chrome  debugging  inspector 
october 2014 by Aetles
Advanced JavaScript Debugging with console.table()
Yesterday, I learned about a nifty little JavaScript debugging feature which is part of Chrome's developer tools. During Web Developer Conference Compact, Marcus Ross (@zahlenhelfer) gave a talk about the various JavaScript debugging tools implemented in Chrome, one of which is the console.table() function I want to show here.
javascript  chrome  debugging 
november 2013 by Aetles
Emmet LiveStyle — live bi-directional CSS edit of new generation
Emmet LiveStyle is a plugin for live bi-directional (editor↔browser) CSS editing of new generation. Currently, it works in Google Chrome, Safari and Sublime Text, more browsers and editors will be available later.
css  plugin  chrome  webdevelopment  webdesign  inspector 
august 2013 by Aetles
Bulletproof Demos
We all like to build software which is reliable, but every once in a while it seems like a good idea to demo something still in it's unreliable infancy. Google Chrome has a little known feature which can help.
Record modes let you record every request Chrome makes. Playback mode serves requests out of that recorded cache just as if they were being loaded on the spot. It doesn't record where you click or what you open, just every request as it moves over the wire.
chrome  presentation  web  demo  osx 
march 2013 by Aetles
FAVRIS - Your favorite game in the FAVICON!
Look for the small F icon on the right edge! Click and have fun! Don't forget to look in the favicon! :) (only works on google chrome)

Favris turns your favicon into a small tribute to the world's favorite block game.
Favris was written by the team from United Task Co.
chrome  game  tetris  favicon 
april 2012 by Aetles
Ultimate YouTube Downloader « Google Chrome Extensions
This simple extension adds a “Download” button to YouTube videos.
Download videos from YouTube and other video sites with the single click of a button.
chrome  extension  youtube  download 
december 2011 by Aetles
Eject to Flash
I am quite enamored with this method of being mostly Flash free on OS X. However, I can't be bothered with the amount of effort it takes to copy a URL to Chrome when I need Flash. The develop menu shortcut hack also wasn't cutting it. So, I created Eject to Flash. Installing it will allow you to open the page you are viewing in Chrome with one click or keyboard shortcut (Command + E). Enjoy.
safari  extension  flash  chrome 
march 2011 by Aetles
Use AppleScript to open current Safari URL in Google Chrome
What I needed was a way to open the current Safari page to Google Chrome. After my own attempts at cobbling together an AppleScript solution failed, John Welch was kind enough to provide the the answer via Twitter:
applescript  chrome  flash  safari  script 
march 2011 by Aetles
SPDY - Wikipedia, the free encyclopedia
SPDY (pronounced "speedy") is a research project in TCP-based application-level protocol for transporting web content. It is proposed by Google as a replacement for HTTP.
The goal of SPDY is to reduce web page load time.[1] This is achieved by prioritizing and multiplexing the transfer of several files so that only one connection per client is required.[2][3] All transmissions are SSL encrypted and gzip compressed by design (in contrast to HTTP, the headers are compressed too). Moreover, servers may hint or even push content instead of awaiting individual requests for each resource of a web page.[4]
Google Chrome utilizes SPDY[5][6] when communicating with Google services, such as Google Search, Gmail, Chrome sync and when serving Google's ads.
http  google  chrome 
february 2011 by Aetles
A piece with a lot of screenshots about the close tab behaviour in Google Chrome | The Invisible
Ah, tabs.

Tabs, tabs, tabs. The specialist subject of UI experts everywhere. Should tabs just rearrange horizontally or also detach? How much vertical scroll buffer should a tab have before it detaches? Under what circumstances should it detach? What about reattaching?

This is a short piece concerned only with the different behaviours when closing tabs in Google Chrome, as I think these behaviours are fantastically thought through.
tabs  design  safari  chrome 
january 2011 by Aetles

Copy this bookmark: