Tag Archives: chrome

Chrome Developer Tools now Open on Right opposed to Opening on the Bottom

If you’ve downloaded a recent beta or canary build of Google Chrome you may notice that sometimes the “developer tools” seem to open at the right instead of at the bottom. If you’re not using a large, wide-screen monitor you may find this inconvenient. Unfortunately it seem the Chromium Developer’s personal preferences have to come before user-experience. If you want the default setting for the position of Chrome’s Developer tools to be customizable, you’re out of luck. It will attempt to use your last-used preference, but you’ll notice that with incognito mode it will always end up being on the right. Because it is more convenient for the developers, and easier for them to change a default value string rather than code in an actual preference. Wouldn’t it be nice to do this: Unfortunately, that is not currently available. So what should you do? Star it, and complain about it here.

Posted in Tech Tips, Web Development | Tagged | Leave a comment

Hide “You can search from here with Google” in Chromium

If you’re running chrome in kiosk mode Google Chrome, or Chromium, or even if you are not using kiosk mode, you may have encountered the nuisance popup bubble telling you: You can search from here with Google According to a bug ticket you can create a master_preferences file “in the same directory as the chrome binary” and add this information to it: { “distribution” : { “suppress_first_run_bubble”: true } } That did not work for me, however, I used a command line switch ( a.k.a. a “flag” ) to successfully disable this popup balloon from showing. Just use: –no-first-run When you are launching the Chrome / Chromium player. That would look something like this on Linux: ./chrome –no-first-run Or like this on Windows: C:\path_to_chrome\chrome.exe –no-first-run

Posted in Linux | Tagged , | Leave a comment

Google Chrome Dinosaur

With the new version of Google Chrome around version 30.0, your page that shows: Unable to connect to the Internet Will have a cool picture of a dinosaur – a tyrannosaurus rex:

Posted in Marketing | Tagged , | Leave a comment

Google Uses Chrome to their Market Webapps

In case you have any plugins installed, or haven’t use a fresh and up-to-date version of Google Chrome lately (running the Canary build myself), you might not have noticed that the default “new tab” page / homepage has now changed to show some of the core google suite products: Chrome Webstore (this is not new) Google Docs Google Drive (seems to be a duplicate but maybe the brand is still transitioning) Gmail (easy access more so than marketing) Youtube Google Search Previously Google Chrome had focused on things like your recently closed pages, and the Chrome Store. It’s interesting to see more of their own products pop-up here. Their client base for people trying these things since they are presented with them has got to be growing. This is similar to the new start menu in Windows 8 – but with both we’ll have to see if people just get used to using the things they are familiar with and “see right through” the other things, or if they are tempted to explore. That’s UX / UI for you.

Posted in Marketing, Software, Tech Opinion | Tagged , , | Leave a comment

Google Chrome – A web browser built for speed, simplicity, and security

Google is still following the model of having an open-source, beta-ish version of Chrome alongside their standard Google Chrome. It’s interesting the “about” pages are very similar.

Posted in Software | Tagged , , | 1 Comment

How does CodeKit inject CSS changes without refreshing the browser?

CodeKit is a nice little app for web development which does things like processing LESS into CSS and minifying javascript. It has one feature that is perplexing: “Inject CSS changes without a full reload” It’s in the app’s preferences menu: What it does: When you’re editing a CSS file and have a page that is using that CSS file open in your web browser, CodeKit watches for changes to the file and pushes the new CSS styles into the browser without doing a page reload. I didn’t have to install any plugins into Chrome and I don’t see any in the Extensions manager for chrome, but somehow it works. How is this possible? I do notice that after several CSS tweaks the browser will start to slow down and become unresponsive unless I refresh the page. The Answer? It uses CSSRefresh: http://cssrefresh.frebsite.nl/ Update Looks like CodeKit is now using Live.js (http://www.livejs.com/) instead of CSSRefresh   Found the actual javascript that Codekit is using: (function () { var e = {}, t = {}, n = 0, r = { refreshStylesheets: function () { function i(e) { var t = document.location, n = new RegExp(“^\\.|^/(?!/)|^[\\w]((?!://).)*$|” + t.protocol + “//” + t.host); return e.match(n) } var n = document.getElementsByTagName(“head”)[0], r = document.getElementById(“LPCodeKitLiveTransitionRule”); r && n.removeChild(r); var s = document.styleSheets, o = document.styleSheets.length; for (var u = 0; u < o; u++) { var a = s[u]; if (!a) continue; var f = a.media.mediaText, l = f.search(/print/i); if (l !== -1) continue; var … Continue reading

Posted in Design, Tech Tips, Web Development | Tagged , , , , , | 1 Comment

Google Thinks You’re Awesome

Google Thinks You’re Awesome if you are using Internet Explorer and download Google Chrome: I can’t say that I disagree.

Posted in Marketing, Software | Tagged , , , | 1 Comment

Google Search Lucky

Google’s “I’m Feeling Lucky” search in Google Chrome Do you want to use Google’s “I’m Feeling Lucky” search in Google Chrome? It’s easy using the custom search engines. In Google Chrome click the wrench icon and then choose prferences next click manage custom search engines Inser the string(s) below and a name (pretty much irrelevant) and they shortcut keyword you want to use. I use > Google Search Lucky Strings Standard “Im Feeling Lucky” Search http://www.google.com/search?q=%s&btnI=Im+Feeling+Lucky SSL Encrypted “Im Feeling Lucky” Search https://www.google.com/search?q=%s&btnI=Im+Feeling+Lucky Note: I’ve stripped out all items such as encoding and referrer to keep this as clean and simple as it can be. Now you can simply type in something like > Google Docs into your browser bar and have it go to the first result – which is most likely the right place.

Posted in Mac, Software, Tech Tips, Web Development | Tagged , , , , , , , , , , | 2 Comments

Use Google Chrome as a Screensaver

You can use Google Chrome‘s –kiosk mode to create a full-screen screensaver of sorts. This might be good if you have a webpage or intranet page you’d like to display. Here’s how I did it for a windows computer: Create a file such as c:\screensaver.bat and add the following code. Replace with your location of chrome.exe @echo off taskkill /im chrome.exe start /wait “” “C:\Documents and Settings\Google\Chrome\Application\chrome.exe” –kiosk http://www.mysite.com rem ## run any command here you’d like after the “screensaver” finishes ## Next, set that to run as a scheduled task after the computer has been idle for 5 minutes (or however long you choose). You can then listen with jQuery / javascript to close the page when the mouse moves. Here is code that closes the page when the mouse moves more than 20 pixels. You could also bind it to a keyboard event. <html> <head> <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”></script> </head> <body> <h1>hello</h1> <div id=”log”></div> <script type=”text/javascript”> var startx = ”; var starty = ”; jQuery(‘html’).bind(‘mousemove’,function(event){ if(startx == ”){ startx = event.pageX; starty = event.pageY; }else { deltax = Math.abs(event.pageX – startx); deltay = Math.abs(event.pageY – starty); var msg = ”; msg += “distance x “; msg += deltax; msg += “distance y “; msg += deltay; $(“#log”).html(“<div>” + msg + “</div>”); if(deltax > 20 || deltay > 20){ closeWindow(); } } }); function closeWindow(){ setTimeout(function(){ window.open(”, ‘_self’, ”); window.close(); },1000); } </script> </body> </html>

Posted in Software, Tech Tips, Web Development | Tagged , , , , , , , , | 3 Comments

Google Chrome: Disable Automatic Updates

Are you tried of Google Chrome automatically installing updates? You can disable it on both Windows and Mac machines: Windows Machines Open registry editor. Locate: HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Update Add a new DWORD value named DisableAutoUpdateChecksCheckboxValue and set it to 1 to disable automatic updates or 0 to re-enable them. Mac OS X Open terminal and run the following command: defaults write com.google.Keystone.Agent checkInterval 0 To re-enable automatic updates for google chrome use this command: defaults write com.google.Keystone.Agent checkInterval 18000 This also works for Chromium and beta versions of GoogleChrome.

Posted in Mac, Tech Tips, Web Development | Tagged , , , , | Leave a comment