All posts tagged “Chrome”

Journey to Middle Earth with this beautiful Chrome experiment

Read more about Journey to Middle Earth with this beautiful Chrome experiment at CreativeBloq.com


youtube: mby6iCoKkO8 Taking place in Middle Earth, the final installment of The Hobbit will be released on December 12th. To celebrate the momentous occassion, Warner Brothers, North Kingdom and Google have teamed up to create a truly immersive experience with The Hobbit: The Battle of the Five Armies website.




Creative Bloq

10 Google Chrome Extensions To Change Your Internet Experience

Do you use Google Chrome for web browsing? Well, millions of users all over the world prefer to use Google Chrome for web browsing that makes it the second most used web browser worldwide. Google Chrome is fast and comes with a clean interface and swift performance. Furthermore, its easy syncing ability with mobile devices makes it a preferred choice of young generation.

Apart from that, there are plenty of useful extensions that are available on the Chrome Web Store. These extensions are meant to further enhance the web browsing experience. Here, we have listed 10 best Google Chrome extensions that can literally change your internet experience. Have a look!

Search by Image

This extension allows you to initiate a Google search using any image on the web. By the Google Images team.

Text Mode

Browse the web without distractions via simple text based pages.

Cloudy for Gmail™

Gmail™ attachments from the cloud! Attach files effortlessly from Dropbox, Box, GDrive, Facebook, Instagram, Evernote and many more.

RSS Feed Reader

Get a simple overview of your RSS and Atom feeds in the toolbar.

Lazarus: Form Recovery

Autosaves everything you type so you can easily recover from form-killing timeouts, crashes and network errors.

Awesome New Tab Page

Enhance your New Tab Page with ultimate customizability and power. Awesome, like you.

Shareaholic

Honey

Automatically save time and money with the Honey shopping assistant.

Evernote Web Clipper

Collect the best of the web, all in one place. Quickly and easily clip articles, text, and images right into Evernote.

Chime


SmashingApps.com

Google is revamping bookmarks in Chrome with a new extension

There’s no getting around it — bookmarks aren’t all that great. Google is hoping to make them a bit better with a new Chrome extension that, simply enough, is called Google Bookmark Manager. The extension swaps out the nigh-useless list of links for a grid of items illustrated with snapshots of the pages you’ve bookmarked. Your existing collection of links will be automatically grouped into to folders, and when you add a new item (by hitting the familiar star button as you browse), Google will suggest folders to help you organize your links as well. You can also manually add a photo or notes to a bookmark for easier retrieval later.

Perhaps most importantly, the extension brings Google’s powerful search tools to your bookmarks. Google…

Continue reading…

The Verge – All Posts

Adobe charges £96 extra for using Chrome not Firefox

Read more about Adobe charges £96 extra for using Chrome not Firefox at CreativeBloq.com


Read this very carefully, because it could end up saving you a lot of money. If you’re planning to sign up to Adobe’s Creative Cloud subscription plan, check the price on as many browsers on as many devices as possible. Because we just checked on a Chrome browser on a Mac and it came out as £45.99 per month. Yet when we went to the same site through Firefox or Safari, it cost £37.99 per month. 




Creative Bloq

7 New Google Chrome Features You Should Know

Besides its function as a great day-to-day Internet browser, Google Chrome is also a great tool for web development through the DevTools.

The DevTools is constantly updated with new versions. So, there might be a few features and DevTools that you may have missed out on along the way. Therefore, here are 7 of the newest Google Chrome features you should know.

Getting Started – Chrome DevTools Experiment

Chrome has some experimental cool features, which are hidden or disabled by default. To activate these experimental features go to chrome://flags/#enable-devtools-experiments through the Chrome address bar and enable the DevTool Experiment option, and restart Chrome.

After restarting, launch the DevTools and click on the gear icon on the top right of the DevTools panel, and you should see “Experiment” tab on the left sidebar. Check whichever features you want to activate.

1. Improved Mobile Device Emulator

Today having a website that is optimized for mobile devices is a must. With Chrome, you can debug websites in mobile mode through the Mobile Emulator feature, which has been totally revamped and added with a bunch of new capablities.

To enable the Mobile Emulator, launch the DevTools and click the Mobile icon next to the loop/search icon, as shown in the following screenshot. As you can see, above the Emulator is now equipped with rulers so you can see exactly the viewport size the website is in.

2. Multiple Cursors Selections

Do yo want to edit multiple lines together in a source file the way you can with Sublime Text? Chrome now supports multipe cursors and selection in the DevTools. Use Ctrl + Click or Cmd + Click to select multiple lines at once.

3. Throttling Network Connection

You can now also test your website’s response and performance on various connections through the DevTools. In the DevTools, press Esc to launch Console Drawer then select Emulation. On the Network tab, select the speed type to throttling your network connection and see how your website performs within the selected speed.

4. Offline Mode

Google Chrome now is equipped with Offline Mode, which allows you to open websites while you are actually offline. If you are developing web application which aims to work even while users are offline, this feature would be really helpful. To enable the Offline Mode, head to chrome://flags/#enable-offline-mode via the address bar and enable the “Enable Offline Cache Mode” option.

Don’t forget to restart Chrome for the effect to take place.

5. Drag and Drop HTML Into the Editor

Sometimes you need to copy a HTML element to your editor. Instead of manually copying and pasting it on your text editor, you can simply drag the DOM and drop into the editor.

Currently, you can only drag one element, and its child elements won’t follow. Hopefully this will be improved on in the next update.

6. Auditing CSS

You can now also audit your CSS, such as inspecting useless style rules which are not being used on the web page. To do so, go to the “Audits” tab and click “Run” to start auditing the CSS. You will see a list of classes/selectors that are not used on the current page, as follows.

7. Adding SourceMap

With Source Map, you can see the unbuilt or the uncompiled version of CSS or JavaScript (JS). This feature is particularly useful for developers who compose styles or JS using Pre-processors like Sass, LESS, or CoffeeScript. With the Source Map enabled, you can find location of code on generated JS or CSS on a certain line and column number. The latest version of Chrome allows you to add Source Map manually.

To do this, make sure that you’re in the source panel then open a file. After that, right-click and select Add Source Map. to add the .map file.





hongkiat.com

5 Chrome Extensions To Enhance Your Steam Experience

If you’re a PC gamer, you probably use Steam to buy, play and manage some, if not all, of your video games. With all the sales and convenience that Steam brings, you’d probably be crazy not to. The Steam application is probably everyone’s first choice, but did you know that there are some Chrome extensions that can add a lot of functionality to the Steam website?

Steam Ninja

Between completely enhancing your Steam experience to handling your Steam Inventory with more ease, here are 5 of the best Chrome extensions that you can use to improve your Steam website experience. Who knows, these extensions might just make you give up the Steam app in favor of the browser view.

1. Enhanced Steam

Enhanced Steam adds a fair number of features and enhancements to the Steam browser interface that really makes the browser interface quite a pleasure to use. For instance, Enhanced Steam can highlight games that you own, that are on your wishlist and those which you have coupons for, amongst others, with customizable colours for each category. You can also show or hide additional information such as Metacritic scores, 3rd Party DRM Warnings and Widescreen Gaming Forum (WSGF) certification.

Enhanced Steam

Enhanced Steam can also show price history on the game store, including the current and historical lowest prices for not just the game overall, but also individual bundles or special editions. This also includes a price comparison feature, with the ability for you to choose which stores are included in the comparison feature, which is handy. Enhanced Steam also has options such as adding the total amount you’ve spent on Steam into your account details page, as well as displaying a transaction summary for your Steam Marketplace transactions. [Get it here]

2. Steam Ninja

Steam Ninja is a Chrome extension that adds an extension icon to your Chrome navigation bar that brings a lot of Steam Market functionality into one quick popup. It helps to streamline and speed up managing inventory items. When on a game page, the popup will show all the inventory items that you can get for a game, including badge cards, booster packs and foil cards, including prices. The popup also has links to Market items and the Steam Store.

Steam Ninja

Steam Ninja will also add some extra functionality when you’re browsing one of your badge pages, namely a link that will buy all the remaining trading cards for you to complete the badge, as well as a a check box to enable auto-purchasing of trading cards for that particular badge. For regular Market sellers, Steam Ninja can help you by adding a price overview for historical and current prices to your inventory page. [Get it here]

3. Steam Inventory helper

For heavy buyers and sellers on the Steam Market, this Chrome extension adds a lot of functionality that will definitely help make the buying and selling process a lot quicker and smoother. For instance, Steam Inventory Helper lets you sell items in bulk, disable inventory reloading after selling an item, which even includes an auto accept function as well as the ability to automatically adjust your prices according to market value. In addition, the extension adds a Quick Buy button to item listings as well as the Newly Listed tab, replacing the default Buy Now button.

Steam Inventory helper

The extension will display a warning when an item in a listing has a custom name or description. It even lets you quickly pick and count items in trade offers and hover over items to see the price when on the offer page. The extension also extends the quick buying functionality to set items, complete with its own custom dialog. The extension has support for notifications as well and will show a Chrome popup when someone offers you a trade, which can be handy in certain situations. [Get it here]

4. Steam Store Filters

The Steam storefront is a veritable smorgasboard of information, showing you all the latest and greatest games on Steam, as well as some featured items, top sellers, recently updated games and so on. Having all this information immediately accessible is great, but sometimes it’s handy to be able to filter these lists a bit to get rid of some of the clutter and "noise". Steam Store Filters is an extension that does just that, by adding a Filtered Releases tab and letting you choose how games are filtered.

Steam Store Filters

You can choose whether you want to show downloadable content or Early Access titles and whether you want to see old or brand new releases in the list. Interestingly, these old and new release filters go by the games’ original release date, and not the date the game was released on Steam. Furthermore, you can also blacklist developers or publishers, if you’re not interested in seeing their games in your list. [Get it here]

5. CheapShark

Steam is really well known for its sales. If you can’t stand waiting for sales but still want to get the best deal possible on a video game, the CheapShark extension is something you should consider installing. CheapShark is an extension, currently in beta, that adds a button to the Steam game store page that searches the CheapShark database for a better deal on the game you’re looking at on Steam. Pressing the Search CheapShark button on a game’s store page will bring up a list of prices for the game on other websites.

Cheapshark

Sites displayed include Get Games, GameFly, Amazon and Gamers Gate, although the sites that display will depend on where the particular game is distributed. Of course, you could just keep track on all the other sites yourself, but if you’re primarily on Steam, this extension can be really handy to make sure you get the best deal possible. [Get it here]





hongkiat.com

Google Chrome arrives in Cuba

Google Chrome is now available for download in Cuba, one of the world’s most isolated internet regimes. Google announced the move in a short Google+ post Wednesday, noting that American sanctions against Cuba and other countries have made it more difficult for the company to launch products abroad. Although Cuban internet users have been able to access Chrome through unofficial channels, they’ll now be able to download the web browser directly from google.com.cu.

This week’s announcement comes after Google Chairman Eric Schmidt and a delegation of web activists visited Cuba in June, pushing for a free and open internet. The government of Raúl Castro has inched toward greater web access in recent months, with new fiber-optic connections…

Continue reading…

The Verge – All Posts

Remotely Access Your Computer With Chrome Remote Desktop

We’ve all been there before: we’re in the office, or away from home, and suddenly we realize that we need a particular file or document that’s on another computer. What’s more, the files aren’t on Dropbox or any other cloud storage. This would usually lead to a lot of frustration, but that’s where remote desktop applications come into play. There are a quite a few out there. Even Google has its own remote desktop application, Chrome Remote Desktop.

Chrome Remote Desktop

Chrome Remote Desktop is, like any other remote desktop application, an application that lets you remotely access a particular computer from almost any other computer that’s connected to the Internet. The functionality isn’t new, but with the Google integration, it’s definitely a very convenient remote desktop solution.

Getting Started With Remote Desktop

As the name implies, Chrome Remote Desktop is a Chrome application, thus you need Google Chrome to at least be installed in your computer. Once the application is installed, you can run it from either Chrome’s Apps screen or the Chrome App Launcher. There’s also a version for Android, letting you access your computers from your smartphone.

The app will open a new tab in Google Chrome. The first time you run the app, it’ll ask you to grant extended access permissions for the computer you’re using.

Authorization

Click on Continue, and you’ll be shown the permissions that Chrome Remote Desktop requires. If you’re logged in to multiple Google accounts, you’ll also have to choose which of the Google accounts you want to use for Chrome Remote Desktop.

Account And Permissions

Click Accept after making your choices, and you’ll be taken to the app’s main screen.

Get Started

Clicking on Get started under My Computers will show you an option to Enable remote connections. Here, the setup for PC and Mac will differ slightly.

Setup On PC

Clicking this will bring up a pop-up window asking you to input the PIN that will be associated with this computer.

Enter PIN On PC

Once you’ve entered the PIN, you’ll be asked to download and install the Chrome Remote Host Service. This will be downloaded and installed automatically.

Setup On Mac

Things are slightly different if you’re using a Mac. Chrome will download a .dmg file that you’ll have to install yourself.

Downloading chrome Remote Desktop Host

Installation shouldn’t be a problem: just mount the .dmg file, run the Chrome Remote Desktop.mpkg file and follow the on-screen instructions.

Once installation is completed, click on OK. You’ll be asked to enter the PIN for your Mac, much like on a PC. After you click OK, a system dialog will appear asking you to re-enter your PIN.

Mac System Dialog

Click on the padlock in the lower left to unlock the panel. Then enter your PIN once again and click on Enable.

Using Chrome Remote Desktop

Regardless of platform, once you’ve set things up a message should appear saying that remote connections have been enabled.

Remote Connections Enabled

PC And Mac

Now you’re ready for remote access to or from this particular computer. To access a computer, just go back to the app’s main screen. Under My Computers you should now see all the computers that are set up for Chrome Remote Desktop.

Computers

To remotely access a computer, just click on that computer name, enter its PIN and you’re good to go. The current Chrome tab will then switch over to your remote computer.

Remote Access

There’s a drop-down menu at the top of the screen that shows the name of the computer you’re connected to, a Disconnect button plus two more drop-down menus for Send keys and Screen options.

Drop Down Menu

The Send keys drop down lets you send Ctrl + Alt + Del and Print Screen keys to the remote computer. The Screen options menu lets you enable or disable Resize desktop to fit, Shrink to fit or even go Full screen.

You can use the remote computer as you would normally. You can copy text between the remote and local computer, and Chrome Remote Desktop will even play audio from the remote computer, so you can listen to music or even watch a movie remotely.

Playing A Movie

Connecting With Android

Connecting to a computer using the Android app isn’t all that different. When you open the app, you should see a list of all the computers linked to your Google account. Just tap on the computer you want to access and type in its PIN.

Connecting From Android Device

The actual remote interface is similar to the desktop experience, albeit with the proper adaptations for a smaller, touch-screen interface. There’s a Help screen accessible from the navicon in the upper menu bar, alongside Disconnect and Ctrl + Alt + Del actions.

Remote Access From Android

Conclusion

Chrome Remote Desktop doesn’t exactly stand out in terms of features, and the remote connection does slightly compromise image quality and speed, but it’s arguable that the biggest appeal of the app is the Chrome and Google integration. The fact that it’s a Chrome application and links to your Google account means that it’s easy to set up and get running anywhere and anytime you happen to need a remote connection to one of your other computers.





hongkiat.com

Easy Mobile Browser Testing with Chrome Emulation

You’re reading Easy Mobile Browser Testing with Chrome Emulation, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Easy Mobile Browser Testing with Chrome Emulation

Testing designs across multiple browsers has always been a pain. When you add in various devices and their resolutions, you have quite the headache on your hands. How do you know that your navigation menu is responsive across all resolutions? Do animations lag on mobile? Do you have any stock browser styles affecting the design? […]


Advertise here with BSA


Designmodo

24 Useful Chrome Extensions for Web Designers

This year Google Chrome took almost 60 percent of the browser market share. There is a huge reason for that – this browser supports an ocean of extensions. Today we’d like to outline 24 extensions which are a must-have for any web designer.
MonsterPost